/*
 Theme Name:   aivastrachild
 Theme URI:    http://example.com/
 Description:  Child theme for aivastra
 Author:       Your Name
 Author URI:   http://example.com
 Template:     aivastra
 Version:      1.0.0
 Text Domain:  aivastra
*/


@font-face {
  font-display: swap;
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/vend-sans-v1-latin-regular.eot'); 
  src: url('./fonts/vend-sans-v1-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/vend-sans-v1-latin-regular.woff2') format('woff2'),
       url('./fonts/vend-sans-v1-latin-regular.woff') format('woff'), 
       url('./fonts/vend-sans-v1-latin-regular.ttf') format('truetype'), 
       url('./fonts/vend-sans-v1-latin-regular.svg#VendSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/vend-sans-v1-latin-500.eot'); 
  src: url('./fonts/vend-sans-v1-latin-500.eot?#iefix') format('embedded-opentype'),
       url('./fonts/vend-sans-v1-latin-500.woff2') format('woff2'),
       url('./fonts/vend-sans-v1-latin-500.woff') format('woff'), 
       url('./fonts/vend-sans-v1-latin-500.ttf') format('truetype'), 
       url('./fonts/vend-sans-v1-latin-500.svg#VendSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/vend-sans-v1-latin-600.eot'); 
  src: url('./fonts/vend-sans-v1-latin-600.eot?#iefix') format('embedded-opentype'),
       url('./fonts/vend-sans-v1-latin-600.woff2') format('woff2'),
       url('./fonts/vend-sans-v1-latin-600.woff') format('woff'), 
       url('./fonts/vend-sans-v1-latin-600.ttf') format('truetype'), 
       url('./fonts/vend-sans-v1-latin-600.svg#VendSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Vend Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/vend-sans-v1-latin-700.eot'); 
  src: url('./fonts/vend-sans-v1-latin-700.eot?#iefix') format('embedded-opentype'),
       url('./fonts/vend-sans-v1-latin-700.woff2') format('woff2'),
       url('./fonts/vend-sans-v1-latin-700.woff') format('woff'), 
       url('./fonts/vend-sans-v1-latin-700.ttf') format('truetype'), 
       url('./fonts/vend-sans-v1-latin-700.svg#VendSans') format('svg'); 
}



@font-face {
  font-display: swap;
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/google-sans-v67-latin-regular.eot'); 
  src: url('./fonts/google-sans-v67-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/google-sans-v67-latin-regular.woff2') format('woff2'),
       url('./fonts/google-sans-v67-latin-regular.woff') format('woff'), 
       url('./fonts/google-sans-v67-latin-regular.ttf') format('truetype'), 
       url('./fonts/google-sans-v67-latin-regular.svg#GoogleSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/google-sans-v67-latin-500.eot'); 
  src: url('./fonts/google-sans-v67-latin-500.eot?#iefix') format('embedded-opentype'),
       url('./fonts/google-sans-v67-latin-500.woff2') format('woff2'),
       url('./fonts/google-sans-v67-latin-500.woff') format('woff'), 
       url('./fonts/google-sans-v67-latin-500.ttf') format('truetype'), 
       url('./fonts/google-sans-v67-latin-500.svg#GoogleSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/google-sans-v67-latin-600.eot'); 
  src: url('./fonts/google-sans-v67-latin-600.eot?#iefix') format('embedded-opentype'),
       url('./fonts/google-sans-v67-latin-600.woff2') format('woff2'),
       url('./fonts/google-sans-v67-latin-600.woff') format('woff'), 
       url('./fonts/google-sans-v67-latin-600.ttf') format('truetype'), 
       url('./fonts/google-sans-v67-latin-600.svg#GoogleSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/google-sans-v67-latin-600italic.eot'); 
  src: url('./fonts/google-sans-v67-latin-600italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/google-sans-v67-latin-600italic.woff2') format('woff2'),
       url('./fonts/google-sans-v67-latin-600italic.woff') format('woff'), 
       url('./fonts/google-sans-v67-latin-600italic.ttf') format('truetype'), 
       url('./fonts/google-sans-v67-latin-600italic.svg#GoogleSans') format('svg'); 
}

@font-face {
  font-display: swap;
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/google-sans-v67-latin-700.eot'); 
  src: url('./fonts/google-sans-v67-latin-700.eot?#iefix') format('embedded-opentype'),
       url('./fonts/google-sans-v67-latin-700.woff2') format('woff2'),
       url('./fonts/google-sans-v67-latin-700.woff') format('woff'), 
       url('./fonts/google-sans-v67-latin-700.ttf') format('truetype'), 
       url('./fonts/google-sans-v67-latin-700.svg#GoogleSans') format('svg'); 
}


@font-face {
  font-display: swap;
  font-family: 'Momo Trust Display';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/momo-trust-display-v2-latin-regular.eot'); 
  src: url('./fonts/momo-trust-display-v2-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/momo-trust-display-v2-latin-regular.woff2') format('woff2'),
       url('./fonts/momo-trust-display-v2-latin-regular.woff') format('woff'), 
       url('./fonts/momo-trust-display-v2-latin-regular.ttf') format('truetype'), 
       url('./fonts/momo-trust-display-v2-latin-regular.svg#MomoTrustDisplay') format('svg'); 
}
 

:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --placeholdercolor: currentColor;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Vend Sans';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clear {
    clear: both;
}
.alignleft, .alignright, .aligncenter {
    margin-bottom: 10px;
}
.alignnone {
    margin-bottom: 10px;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-top: 0;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-top: 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}
iframe, img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}
img {
    border: 0;
    height: auto;
}
a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    transition: 0.5s;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Momo Trust Display';
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: normal;
}
p, li, ul, ol, blockquote {
    font-family: 'Vend Sans';
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
}
ul, li {
    list-style: none;
}
a:visited {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
a, a:hover, input[type="submit"], button {
    outline: 0;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input::-webkit-input-placeholder {
    color: var(--placeholdercolor);
}
input::-moz-placeholder {
    color: var(--placeholdercolor);
}
input:-ms-input-placeholder {
    color: var(--placeholdercolor);
}
input:-moz-placeholder {
    color: var(--placeholdercolor);
}
html {
    scroll-behavior: smooth;
}
.post, .page{
    margin: 0;
}
ul,ol,li {
    list-style: none;
    margin:0;
    padding:0;
}
p:empty {display: none;}
.header-sticky.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 10px 2%;
    background-color: #8eb886;
    z-index: 9999;
    border-bottom: 2px solid #114d54;
}
.container{max-width: 1500px; width: 100%; margin: 0px auto;}
.sicky-logo {

    width: 100%;

    max-width: 300px;

    padding: 0 15px;

}
.header-sticky {

    width: 100%;

    float: left;

    background: #c4c9b2;

    padding: 10px;

    display: none;

}

.header-sticky .sticky-cnt {

    width: 25%;

    float: left;

    text-align: center;

    font-size: 15px;

    color: #c4c9b2;

    padding: 0 8px;

}

.header-sticky .mobile_src_nav,

.header-sticky .showhide {

    display: block;

}

.header-sticky .mobile_src_nav {

    background: transparent;

}

.header-sticky .stickyshowhide .txt {

    width: 40px;

    height: 40px;

    text-align: center;

    float: none;

    padding: 0;

    position: relative;

    font-weight: normal;

}

.header-sticky .sticky-cnt>a, .header-sticky .sticky-cnt button {
    font-size: 17px;
    color: #fff;
    font-family: 'Montserrat-Regular';
    position: relative;
    padding: 45px 0 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: transparent;
}

.header-sticky .sticky-cnt a:before, .header-sticky .sticky-cnt button:before {
    width: 40px;
    height: 40px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    background: transparent;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
.header-sticky .sticky-cnt button:before {
    background: url(images/header-sticky-menu.webp) no-repeat center;
}
.header-sticky .sticky-cnt a:before {
    background-image: url(images/header-sticky-call.webp);
    background-repeat: no-repeat;
    background-position: center;
}


.header-sticky .stickyshowhide .txt:before {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin: auto;

    font-size: 18px;

    border: 1px #fff solid;

    color: #f2f2f2;

    border-radius: 50%;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.sticky-mobinav ul li a.drop {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: max-content;
    height: 45px;
}

.sticky-mobinav ul li a.drop.open {

    width: 28px;

}

.sticky-mobinav ul li a.drop:after {
    content: "";
    background: url(images/sprite_icons.png) no-repeat left top;
    background-position: 0px 0px;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 50px;
    top: 9px;
}

.sticky-mobinav ul li a.drop.open:after {

    background-position: -28px 0px;

}
#floatingMenu {

    position: fixed;

    top: 0;

    left: 0;

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

    text-align: left;

    display: flex;

    width: 100%;

    height: 100vh;

    z-index: 99999;

}

.floatingMenu-list {
    width: 400px;
    display: block;
    background: linear-gradient(
270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    background-repeat: no-repeat;
    transition: all 0.4s ease;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 10px;
    height: 100vh;
    position: relative;
}

#floatingMenu.openMenu {

    display: flex;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}

#cloaseFloatingMenu {
    text-align: right;
    font-size: 37px;
    line-height: 1;
    font-weight: 700;
    display: block;
    background: transparent;
    clear: both;
    outline: 0;
    border: 0;
    padding: 0;
    color: #ffffff;
    float: right;
    position: relative;
    z-index: 999;
    cursor: pointer;
}

button#cloaseFloatingMenu2 {

    flex-grow: 1;

    width: calc(100% - 280px);

    height: 100%;

    font-size: 0px !important;
    background: transparent;
    border: 0;

}

.floatingMenuInner li {

    position: relative;

}
.floatingMenuInner a {

    color: #fff !important;

    letter-spacing: 0.4px;

    font-family: 'Asap', sans-serif;

    font-weight: 500;

    padding: 4px 0;

    font-size: 18px;

    display: block;

    line-height: 1;

    border-bottom: 1px solid #222222;

}

.floatingMenuInner .sub-menu {

    display: none;

}

.floatingMenuInner .menu-item-has-children>a:after {

    content: '';

    width: 10px;

    height: 2px;

    background-color: #fff;
    position: absolute;

    top: 15px;

    right: 6px;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.floatingMenuInner .menu-item-has-children>a:before {

    content: '';

    width: 2px;

    height: 10px;

    position: absolute;

    top: 11px;

    right: 10px;

    display: block;

    opacity: 1;

    background-color: #fff;

}

.floatingMenuInner li.openSubMenu.menu-item-has-children>a::before {
    opacity: 0;
}





.header-sticky.fixed-header .container {

    display: flex;

    padding: 0;

    align-items: center;

    justify-content: space-between;

}



.sicky-logo{
    max-width:350px;
    text-align: center;
}



.sticky-wrap{
    display: none;
}


header#site-header.f-nav{
    position: fixed;
    border-bottom: 2px solid #82581f;
    background-color: #080d26;
    padding: 10px 0;
}

.showhide {
    display: none;
    color: #fff;
    width: 110px;
    height: 28px;
    float: none;
    text-align: left;
    cursor: pointer;
    padding: 0px 0 0 33px;
    position: relative;
    outline: 0;
    border: 0;
    background-color: transparent;
}

.showhide b.txtl {
    text-align: right;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0px 0 0px;
    padding-top: 2px;
    letter-spacing: 0.5px;
    font-family: 'Vend Sans';
    font-weight: 500;
}

.showhide b.txtr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: left;
    font-size: 37px;
    line-height: 27px;
    font-family: 'Manrope-Regular';
}

.mobinav {
    display: none;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    z-index: 99999995;
    float: left;
    background: #114d54;
    position: absolute;
    top: 38px;
    left: 0;
}

.mobinav ul {
    float: left;
    margin: 0px 0 0 0;
    padding: 5px 0px;
    width: 100%;
}

.mobinav ul li {
    float: left;
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0 20px;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    padding: 0px;
    position: relative;
    font-family: "Poppins", sans-serif;
}

.mobinav a {
    width: 100%;
    float: left;
    padding: 6px 0;
    display: block;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-family: 'Manrope-Bold';
    border: 0;
    margin: 0;
    text-decoration: none;
}

.mobinav a:hover {
    color: #86d0f8;
}

.mobinav ul li ul {
    float: left;
    padding: 0 0 0 15px;
}

.mobinav ul li ul li a {
    text-transform: capitalize;
}

.mobile_src_nav {
    display: none;
    width: 100%;
    float: none;
    position: relative;
    padding: 10px 0;
}

.mobile_src_nav .container {
    position: relative;
}

.mobile_src_nav .search-form {
    width: 100%;
    float: left;
}



.displayblock {
    display:block;
}
.body-content {
    width:100%;
    float: left;
    height: 2000px;
    overflow: hidden;
}

body{
    background-image: url(images/site-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.home .site-header .container, .home .hm-banner-sec .container {
    max-width: 1757px;
    margin: 0 0 0 auto;
}
.logo-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.home .logo-section {
    justify-content: flex-start;
}
.top-rite {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 28px;
    margin-left: 0;
}
.home .top-rite {
 
    margin-left: 13%;
}

.header-number {
    color: #fff;
    padding:0 0 0 30px;
    position: relative;
    margin-left: 10px;
}

.header-number a {
    font-family: 'Vend Sans';
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0px;
    color: #2A262D;
    display: inline-block;
}
.header-number a:hover {color: #f7339b;}
.header-number a:before {
    position: absolute;
    content: "";
    background-image: url(images/header-phn-numbr-img.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    top: -4px;
    bottom: 0;
    left: 0;
    margin: auto;
}
#main-navigation ul{
    margin:0
}
#main-navigation ul li{
    display: inline-block;
    padding: 0 0px 0;
    position: relative;
    margin:0 25px;
}

#main-navigation ul li:first-child{
    margin-left:0

}
#main-navigation ul li.menu-item.sub-items {
    padding-right: 28px;
    background-image: url(images/main-menu-arow.webp);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: right center;
}

#main-navigation ul li:last-child{
    margin-right:0
}
#main-navigation ul li a {
    font-family: 'Vend Sans';
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1;
    color: #2A262D;
    display: inline-block;
}
/* #main-navigation ul > li.current-menu-item > a,  */
#main-navigation ul > li > a:hover{
    color: #fff;
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#main-navigation ul li.drop {
    padding-right: 20px;
    position: relative;
    background-image: url(images/main-menu-arow.webp);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 13%;
}
#main-navigation ul li ul.sub-menu {
    display: none; 
    width: 844px;
    position: absolute;
    color: #fff;
    top: 100%;
    left: 0;
    right: auto;
    background-color: #FFFFFF;
    z-index: 999;
    padding: 20px;
    border-radius: 32px;
    border: 1px solid #D9D9D9;
    column-count: 2;
}
#main-navigation ul li ul.sub-menu li.menu-item {
    display: inline-block;
    width: 98%;
}
#main-navigation ul li:hover ul.sub-menu{
    display:block
}
#main-navigation ul li:hover ul.sub-menu li{
    position:relative
}
#main-navigation ul li:hover ul.sub-menu li:hover > ul{
    display:block;
    top:0;
    left:100%
}
#main-navigation .sub-menu li.current-menu-item > a{
    background-color: #f5f1e9;
    color: #a7211f;
}
#main-navigation .sub-menu li a {
    width: 100%;
    padding: 20px 10px 18px 90px;
    display: block;
    border-bottom: 0;
    font-size: 16px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #2A262D;
    position: relative;
    margin: 0 0 20px;
    min-height: 88px;
        border-radius: 20px;
}
#main-navigation .sub-menu li a::before {
    position: absolute;
    content: "";
    width: 56px;
    height: 56px;
    top: 15px;
    left: 16px;
    background-repeat: no-repeat;
    background-size: contain;
     border-radius: 8px;
}
#main-navigation .sub-menu li.virtual a::before {
    background-image: url(images/virtual-menu-icon.webp);
}
#main-navigation .sub-menu li.catalogue a::before {
    background-image: url(images/catalogue-menu-icon.webp);
}
#main-navigation .sub-menu li.garment a::before {
    background-image: url(images/garment-menu-icon.webp);
}
#main-navigation .sub-menu li.website a::before {
    background-image: url(images/website-menu-icon.webp);
}
#main-navigation .sub-menu li a:hover::before{
    background: linear-gradient(to bottom, #7600CB, #BE00DA );
   
}
#main-navigation .sub-menu li.virtual a:hover::before {
    background: url(images/virtual-menu-icon-hvr.webp), linear-gradient(to bottom, #7600CB, #BE00DA );
}
#main-navigation .sub-menu li.catalogue a:hover::before {
    background:  url(images/catalogue-menu-icon-hvr.webp), linear-gradient(to bottom, #7600CB, #BE00DA );
}
#main-navigation .sub-menu li.garment a:hover::before {
    background: url(images/garment-menu-icon-hvr.webp), linear-gradient(to bottom, #7600CB, #BE00DA );
}
#main-navigation .sub-menu li.website a:hover::before {
    background: url(images/website-menu-icon-hvr.webp), linear-gradient(to bottom, #7600CB, #BE00DA );
}

#main-navigation .sub-menu li a::after {
    position: absolute;
    top: 50px;
    left: 90px;
    background-repeat: no-repeat;
    font-family: 'Vend Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #2A262D;
}
#main-navigation .sub-menu li.virtual a::after {
    content: "Visualize outfits on yourself instantly.";
}
#main-navigation .sub-menu li.catalogue a::after {
 content: "Studio-grade imagery, no photoshoots.";
}
#main-navigation .sub-menu li.garment a::after {
    content: "Realistic AI draping for any outfit.";
}
#main-navigation .sub-menu li.website a::after {
content: "Scale across web, mobile, and retail.";
}
#main-navigation .sub-menu li a:hover {
    background: linear-gradient(to bottom, rgba(118 0 203 / 10%) 0%, rgba(190 0 218 / 10%) 100%);
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: #2A262D;
}


#main-navigation .sub-menu li.garment a, #main-navigation .sub-menu li.website a {
    margin: 0;
}




#main-navigation .sub-menu li:after{
    display:none;
}
#main-navigation .sub-menu li{
    width:100%;
    margin:0;
    padding:0
}
#main-navigation ul li ul.sub-menu li .sub-menu {
    display:none;
    width:100%;
    position:absolute;
    color:#fff;
    top:0;
    left:100%;
    padding:0px 0;
    z-index:999;
}
.site-header {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: 100%;
    padding: 48px 0 10px;
    position: absolute;
}
.site-header.is-sticky {
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    background:#000000;
    animation: slideDown 0.35s ease-out;
    visibility: visible;
    display: none;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.is-fading-out {
    opacity: 0;
    visibility: hidden;
}

.mobilenav {
    width:280px;
    height: 100vh;
    background-color: #333;
    color: white;
    position: fixed;
    top: 0;
    left: -280px;
    transition: left 0.4s ease;
    z-index: 999;
}
.mobilenav.show {
    left: 0;
}
#mobilenav-toggle {
    display:none;
}
.mobilenav-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: blue;
    border: none;
    cursor: pointer;
    z-index: 1000;
    font-size: 0;
    line-height: 0px;
    width:36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/open-mobilenav.webp);
}
.mobilenav-toggle.active {
    background-image: url(images/close-mobilenav.webp);
}
.close-mobilenav {
    font-size:0;
    line-height:0px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background-color: red;
    background-image: url(images/close-mobilenav.webp);
    background-position: center center;
    background-repeat: no-repeat;
    width:36px;
    height: 36px;
}


@media screen and (max-width:992px) {
    #mobilenav-toggle {
        display:block
    }
}

#mobile-navigation {
    overflow-y:scroll;
    height: 100%;
    width:100%;
    padding-top:45px;
}
#mobile-navigation ul{
    margin:0;
    padding:0
}
#mobile-navigation ul li{
    display:block;
    padding:0 0px;
    margin:0;
    position:relative
}
#mobile-navigation ul li a{
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    padding:6px 10px;
    display:block;
    min-width:inherit
}
#mobile-navigation ul li.current-menu-item > a,#mobile-navigation ul li:hover > a{
    color:#fff
}
#mobile-navigation .sub-menu li a{
    width:100%;
    padding:6px;
    color:#ffffff;
    display:block;
    text-align:left
}

#mobile-navigation ul li .drop.close, #mobile-navigation ul li .drop.open {
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    background-image: url(images/nav-open.webp);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px 0px;
    cursor: pointer;
}
#mobile-navigation ul li .drop.open {
    width: 20px;
    background-image: url(images/nav-close.webp);
}
#mobile-navigation .sub-menu {
    padding-left: 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}
#mobile-navigation .sub-menu.open {
    max-height: 900px;
    transition: max-height 0.8s ease;
}




.text-heading {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 60px;
    line-height:1.2;
    letter-spacing: 0;
    color: #fff;
    margin: 0 0 10px;
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
 
a.cmn-btn {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
    display: inline-block;
    background: linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    padding: 20px 53px 20px 21px;
    position: relative;
    border-radius: 10px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
        transition: all 0.4s ease;
    overflow: hidden;
}
a.cmn-btn:before{
    position: absolute;
    content: "";
    background-image: url(images/cmn-btn-arrw.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
}

a.cmn-btn:hover:before{
    background-image: url(images/cmn-btn-hvr-arrw.webp);
}


/* Banner Bottom Section  */

.bgvdeo video {
    top: 0;
    position: fixed;
    width: 100%;
    opacity: 0.1;
    pointer-events: none;
    height: 100%;
    object-fit: cover;
}
.hm-banner-sec {
    padding: 240px 0 220px;
     overflow: hidden;
}

.hm-banner-sec h1{
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 64px;
    line-height: 1.32;
    letter-spacing: -0.64px;
    color: #2A262D;
    position: relative;
    margin: 0 0 20px;
}

.hm-banner-sec h1 strong {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 1;
    color: #2A262D;
    padding: 18px 25px;
    position: relative;
    display: block;
    max-width: max-content;
    margin:0 0 15px;
}

.hm-banner-sec h1 strong:before{
    position: absolute;
    content: "";
    background-image: url(images/hdnglft-bracket.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 13px;
    height: 62px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;    
}

.hm-banner-sec h1 strong:after{
    position: absolute;
    content: "";
    background-image: url(images/hdngrite-bracket.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 13px;
    height: 62px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;    
}

.bnr-sec {
    display: flex;
    justify-content: space-between;
   
}
.bnr-cnt {
    width: 37%;
}

.bnr-rite {
    width: 44.7%;
}

.bnr-productn-lst {
    width: 10.9%;
    padding: 50px 0 0;
}

.bnr-vastra {
    display: flex;
    position: relative;
}

.bnr-vastra:before {
    position: absolute;
    content: "";
    background: linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    filter: blur(45px);
    width: 37%;
    height: calc(100% + 5%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    border-radius: 20px;
}

.hm-banner-sec .bnr-cnt p{
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 21px;
    letter-spacing: 0;
    line-height: 1.47;
    color: #423D45;
    margin: 0 0 45px;
}

.bnr-prodctn-itm{
    padding-bottom: 27px;
    position: relative;
    margin: 0 0 30px;
}

.bnr-prodctn-itm:before{
    position: absolute;
    content: "";
    width: 80%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #b148ff 0%, #f7339b 50%, #FF650D 100%);
}

.bnr-prodctn-itm:first-child:before{
    width:39%;
}

.bnr-prodctn-itm:last-child:before{
    width: 100%;
}

.bnr-prodctn-itm strong{
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 45px;
    letter-spacing: 0;
    line-height: 1;
    color: #2A262D;
    display: block;
    margin: 0 0 10px;
}

.bnr-prodctn-itm p{
        font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1;
    color: #423D45;
    margin: 0 0px;
}


/*  Solution Section  */

.hm-solutions-sec {
    position: relative;
    padding: 20px 0 70px;
}

.sol-top-hdng::before, .sol-top-hdng::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 100%;
    background-image: url(images/title-blck-bfr-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.sol-top-hdng::before {
    left: 0;
}
.sol-top-hdng::after {
    right: 0;
    background-image: url(images/title-blck-aftr-img.webp);
}

.sol-top-hdng {
    padding: 14px 32px 26px;
    width: 37%;
    margin: auto;
    position: absolute;
    top: -170px;
    left: 0;
    right: 0;
    text-align: center;
}

.sol-top-hdng p{
        font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1;
    color: #423D45;
    margin: 0;
    text-align: center;
}

.solutions-lst {
    display: flex;
    justify-content: space-between;
}

.solutions-itm{
    width: 24.4%;
    background: linear-gradient(45deg, #300c50 0%, #9027e2 49%, #F98AFE 100%);
    border-radius: 10px;
    overflow: hidden;
}
.solutions-itm:hover{
background: #B148FF!important;
}
.solutions-itm.catalogue-itm{
    border-radius: 70px 10px 10px 70px;
    overflow: hidden;
}
.solutions-itm.aping-itm{
    background: linear-gradient(320deg, #e40082 0%, #FFCF4B 100%);
}

.solutions-itm.try-on-itm{
    background: linear-gradient(45deg, #009b90 0%, #B0F122 100%);
}

.solutions-itm.integratn-itm{
    background: linear-gradient(320deg, #0131b9 0%, #2DDAFF 100%);
    border-radius: 10px 70px 70px 10px;
    overflow: hidden;
}

.solutions-itm img{
    width: 100%;
    display: block;
}

.solutions-itm .sol-itm-cnt {
    padding: 60px 30px 65px;
}

.solutions-itm h4{
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 29px;
    letter-spacing: 0;
    line-height: 1.31;
    color: #FFFFFF;
    margin: 0 0 15px;
}

.solutions-itm p{
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 0 0 15px;
}

/* Home Smart Section */
 
.hm-smart-sec {
    padding:50px 0 200px;
}
.hm-smart-sec h2{
    padding: 0 0 19px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%) 1;
    margin: 0 0 80px;
}
.hm-techno-list {
    padding: 0 15px;
}
.hm-techno-itm {
    background-color: #fef8f2;
    border-radius: 40px;
    box-shadow: inset 0 8px 18px rgba(255, 255, 255, 0.9),
        inset 0 -8px 18px rgba(255, 255, 255, 0.6);
    padding: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 40px;
    position: sticky !important;
    margin: 0 0 65px;
    top: 30px;
}
.hm-techno-itm:last-child{margin: 0;}
.techno-rgt-col {
    width: 40.1%;
}
.techno-lft-col {
    width: 50%;
}
.techno-lft-img {
    width: 41%;
    border-radius: 10px;
    overflow: hidden;
}
.techno-lft-img img{
    width: 100%;
    display: block;
}
.techno-itm-img {
    margin: 0 0 27px;
    border-radius: 30px;
    overflow: hidden;
}
.techno-itm-img img{
    width: 100%;
    display: block;
}
.techno-lft-col ul{
    margin: 0 0 38px;
}
.techno-lft-col ul li{
    font-size: 20px;
    font-family: 'Vend Sans';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    margin: 0 0 25px;
    padding: 0 0 0 33px;
    position: relative;
}
.techno-lft-col ul li:before{
    content: '';
    position: absolute;
    background: linear-gradient(#B148FF 0%, #F7339B 50%, #FF650D 100%);
    width: 13px;
    height: 13px;
    left: 0;
    top: 4px;
    transform: rotate(-45deg);
}
.techno-lft-col ul li:last-child{margin: 0;}
.techno-lft-col h3{
    font-size: 42px;
    text-align: left;
    margin: 0 0 32px;
    line-height: 1.2;
}
.techno-demo-btn {
    text-align: center;
}
 
/* Home Tailored Section */
 
 
.hm-tailored-sec {
    padding: 110px 0 50px;
    position: relative;
}
.hm-tailored-sec:before{
    content: '';
    position: absolute;
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    width: 78.8%;
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.hm-tailored-sec::after {
    content: '';
    position: absolute;
    background-image: url(images/star-img.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 10%;
    height: 20%;
    top: -118px;
    left: 0;
}
 
.hm-tailored-sec h2{
    padding: 0 25px;
    position: relative;
    max-width: max-content;
    margin: 0 auto 70px;
}
.hm-tailored-sec h2:before, .hm-tailored-sec h2:after{
    content: '';
    position: absolute;
    top: 0;
    width: 13px;
    height: 135px;
    background-repeat: no-repeat;
    background-size: contain;
}
.hm-tailored-sec h2:before{
    background-image: url(images/tailored-ttl-bfr.webp);
    background-position: left;
    left: 0;
}
.hm-tailored-sec h2::after{
    background-image: url(images/tailored-ttl-aftr.webp);
    background-position: right;
    right: 0;
}
.tailored-itm{
    border-radius: 32px;
    position: relative;
    width: 48.4%;
    padding: 0 0 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}
.tailored-cnt:before{
    content: '';
    position: absolute;
    background-image: url(images/tailored-arw.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 47px;
    left: 18px;
    bottom: 0px;
    border-radius: 4px;
}
.tailored-cnt{
    padding: 0 18px 50px;
    position: relative;
}
.tailored-itm.virtual{
    background: linear-gradient(59.12deg, #300C50 -0.81%, #9027E2 52.46%, #F98AFE 107.91%);
}
.tailored-itm.in-store{
    background: linear-gradient(300.88deg, #E40082 -0.81%, #FFCF4B 107.91%);
}
.tailored-itm.e-commerce{
    background: linear-gradient(59.12deg, #009B90 -0.81%, #B0F122 107.92%);
}
.tailored-itm.white-label{
    background: linear-gradient(300.88deg, #0131B9 -0.81%, #2DDAFF 107.91%);
}
.tailored-img img{
    width: 100%;
    display: block;
    height:100%;
    object-fit:cover;
}

.tailored-itm.width .tailored-img {
    height: 285px;
}
.tailored-itm.height .tailored-img {
    height: 300px;
}

.tailored-cnt h4{
    font-size: 27px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    margin: 0 0 20px;
}
.tailored-cnt p{
    font-size: 19px;
    font-family: 'Vend Sans';
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    color: #fff;
    margin: 0 0 33px;
}
.tailored-blk {
    display: flex;
    justify-content: space-between;
}
.tailored-lft-col {
    width: 49.2%;
}
.tailored-rgt-col {
    width: 49.2%;
}
.tailored-lft-col {
    width: 49.2%;
    display: flex;
    justify-content: space-between;
}
.tailored-rgt-col .tailored-itm{
    width: 100%;
    flex-direction: row;
    padding: 0;
    margin: 0 0 24px;
}
.tailored-rgt-col .tailored-img {
    width: 33.6%;
    clip-path: ellipse(100% 70% at 0% 50%);
}
.tailored-rgt-col .tailored-cnt{
    width: 60%;
    padding: 30px 15px 70px;
}
.tailored-rgt-col .tailored-cnt:before{
    bottom: 23px;
}
.tailored-rgt-col .tailored-itm:last-child{margin: 0;}
.tailored-itm:hover{
    background: #B148FF;
}
.tailored-hvr a{
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    display: inline-block;
}
.tailored-img {
    clip-path: ellipse(70% 100% at 50% 0%);
}
 


/*Comprehensive Section*/
.comp-title {padding: 25px 20px 25px; width:74%; margin: 0 auto 45px; position: relative; } 
.comp-title::before, .comp-title::after {position: absolute; content: ""; width: 13px; height: 100%; background-image: url(images/title-blck-bfr-img.webp); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; top: 0; bottom: 0; margin: auto; } 
.comp-title::before {left: 0; } 
.comp-title::after {right: 0; background-image: url(images/title-blck-aftr-img.webp); } 
.comp-title p{font-family: 'Vend Sans'; font-weight: 500; font-size: 22px; color: #423D45; line-height: 1; letter-spacing: 0; margin: 0; text-align: center; }
.comp-title .text-heading{line-height: 1;}
.hm-comprehensive-sec {padding: 90px 0 200px; } 
.comprehensive-blk {display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; border-radius: 70px; overflow: hidden; }
.comprehensive-itm {
    width: 32%;
    background-color: #3A1852;
    padding: 50px 30px 100px 24px;
    border-radius: 10px;
    position: relative;
}
.comprehensive-itm:before{position: absolute; content: ""; background-image: url(images/comprehensive-before-img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; width: 48px; height: 48px; bottom: 50px; left: 21px; margin: auto; } 
.comprehensive-itm h4{font-family: 'Momo Trust Display'; font-weight: 400; font-size: 25px; color: #fff; line-height: 1; letter-spacing: 0; margin: 0 0 18px; } 
.comprehensive-itm p{font-family: 'Vend Sans'; font-weight: 400; font-size: 18px; color: #fff; line-height: 1.5; letter-spacing: 0; margin: 0 0 18px; } 
.comprehensive-itm ul{margin: 0 0 18px; } 
.comprehensive-itm ul li{font-family: 'Vend Sans'; font-weight: 400; font-size: 18px; color: #fff; line-height: 1; letter-spacing: 0; position: relative; margin: 0 0 10px; padding: 0 0 0 23px; } 
.comprehensive-itm ul li:before{position: absolute; content: ""; background-image: url(images/comprehensive-lst-before-img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; width: 15px; height: 15px; top: 2px; left: 0; margin: auto; }
 
/*Ready Section*/
 
.ready-blk {display: flex; justify-content: space-between; align-items: center; } 
.ready-rite {width: 21%; } 
.ready-rite .text-heading{text-align: left; } 
.ready-mid {width: 40.9%; } 
.ready-vastra-img img{width: 100%; display: block; border-radius: 28px;object-fit: cover; } 
.ready-lft {width: 31.3%; margin: 0 -100px 0 0; } 
.ready-vastra-icon{width: 41%; margin: 0 0 25px; } 
.ready-vastra-icon img{width: 100%; display: block; } 
.ready-lft p{font-family: 'Vend Sans'; font-weight: 400; font-size: 24px; color: #423D45; line-height: 1.2; letter-spacing: 0; margin: 0 0 25px; } 
.ready-btns {display: flex; justify-content: flex-start; gap: 11px; }
 
/*Fashion Section*/
.hm-fashion-sec{padding: 110px 80px 100px; } 
.hm-fashion-sec .container{width: 100%; max-width: 100%; margin: auto; } 
.fashion-blk {display: flex; justify-content: center; gap: 80px; padding: 80px 15px 90px; box-shadow:0px 4px 28px 0px rgba(0, 0, 0, 0.45); border-radius: 50px; } 
.fashion-rite {width: 34.5%; position: relative; } 
.fashion-rite:before{position: absolute; content: ""; background-image: url(images/fashion-rite-bg.webp); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; width: 100%; height: 90%; top: 0; left: 0; right: 0; margin: auto; } 
.fashion-vastra-img {width: 45.4%; margin: auto; position: relative; z-index: 0; } 
.fashion-vastra-img:before {
    position: absolute;
    content: "";
    background: linear-gradient(270deg, #FF650D 2.2%, #F7339B 51.1%, #B148FF 100%);
    filter: blur(60px);
    border-radius: 10px;
    width: 50%;
    height: 60%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.fashion-vastra-img img{width: 100%; display: block; } 
.fashion-lft {width: 45.3%; } 
.fashion-lft .text-heading{text-align: left; } 
.fashion-lft p{font-family: 'Vend Sans'; font-weight: 400; font-size: 21px; color: #423D45; line-height: 1; letter-spacing: 0; margin: 0 0 30px; } 
.fashion-lft ul{margin: 0 0 40px; } 
.fashion-lft ul li{font-family: 'Vend Sans'; font-weight: 400; font-size: 20px; color: #423D45; line-height: 1.2; letter-spacing: 0; margin: 0 0 15px; padding: 0 0 0 30px; position: relative; } 
.fashion-lft ul li:before{position: absolute; content: ""; background-image: url(images/fashion-list-before-img.webp); background-repeat: no-repeat; background-position: center; background-size: cover; width: 19px; height: 19px; top: 3px; left: 0; margin: auto; } 
.fashion-btns {display: flex; justify-content: flex-start; gap: 11px; }
 
 
/*Hm Share Sec*/
 
.hm-share-sec{padding: 40px 0 50px; } 
.share-heart-img {width: 20.4%; margin: auto; } 
.share-heart-img img{width: 100%; display: block; } 
.share-cnct{padding: 30px 20px 55px; width: 72.3%; margin: 0 auto 0; position: relative; text-align: center; } 
.share-cnct .text-heading {background: transparent; -webkit-text-fill-color: #2A262D; } 
.share-cnct p{font-family: 'Vend Sans'; font-weight: 500; font-size: 24px; color: #423D45; line-height: 1; letter-spacing: 0; margin: 0 0 20px; } 
.share-cnct h5 { font-family: 'Vend Sans'; font-weight: 700; font-size: 23px; color: #423D45; line-height: 1.2; letter-spacing: 0; margin: 0 0 20px; background: linear-gradient(to right, #B148FF 41%, #F7339B 47%, #FF650D 57%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.share-cnct::before, .share-cnct::after {position: absolute; content: ""; width: 13px; height: 100%; background-image: url(images/share-cnct-before.webp); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; top: 0; bottom: 0; margin: auto; } 
.share-cnct::before {left: 0; } 
.share-cnct::after {right: 0; background-image: url(images/share-cnct-after.webp); } 
.share-scl-blk {display: flex; justify-content: center; gap: 15px; } 
.share-scl-icon-blk {width: 20.6%; background-color: #3A1852; border-radius: 10px; padding: 10px 5px; display: flex; justify-content: center; gap: 7px; align-items: center; position: relative; } 
.share-scl-icon-blk.facebook:hover {background-color: #1977F3; transition: 0.5s; } 
.share-scl-icon-blk.twitter:hover {background-color: #000000; transition: 0.5s; } 
.share-scl-icon-blk.instagram:hover {background: linear-gradient(90.6deg, #8B0BF6 4.55%, #FD00D6 35.82%, #FF0164 74.97%, #FEC102 95.04%); transition: 0.5s; } 
.share-scl-icon-blk.youtube:hover {background-color: #FF0033; transition: 0.5s; } 
.share-scl-icon-blk:hover .scl-icon-img{display: none; } 
.share-scl-icon-blk .scl-icon-hvr-img {display: none; } 
.share-scl-icon-blk:hover .scl-icon-hvr-img{display: block; } 
.share-scl-icon {width: 16%; } 
.share-scl-icon img {width: 100%; display: block; } 
.scl-icon-hvr a{font-size: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; } 
.share-scl-title h6{font-family: 'Vend Sans'; font-weight: 400; font-size: 18px; color: #fff; line-height: 1; letter-spacing: 0; margin: 0 0; }
 
 
 /* Home Cases Section */
.hm-cases-sec {
    padding: 0 0 90px;
}
.hm-cases-title {
    padding: 15px 35px;
    position: relative;
    width: 100%;
    max-width: max-content;
    margin: 0 auto 40px;
}
.hm-cases-title .text-heading{
    line-height: 1;
}
.hm-cases-title::before, .hm-cases-title::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 100%;
    background-image: url(images/title-blck-bfr-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hm-cases-title::before {
    left: 0;
}
.hm-cases-title::after {
    right: 0;
    background-image: url(images/title-blck-aftr-img.webp);
}
.hm-cases-title h4 {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
    text-align: center;
}
.hm-cases-lst {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 70px;
    overflow: hidden;
    gap: 20px;
}
.hm-cases-itm {
    width: 24%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
        cursor: pointer;
}
.hm-cases-itm-cnt {
    position: absolute;
    padding: 13px 15px;
    width: 83.6%;
    border-radius: 10px;
    bottom: 30px;
    background-color: #B148FF;
    border: 2px solid #FFFFFF;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 80px;
}
.hm-cases-itm-cnt h3 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0;
}
.hm-cases-itm-hvr a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 0;
    z-index: 9;
}
 
.hm-cases-itm:hover .hm-cases-hvr-cnt{
    display: block;
    animation: 1.5s cubic-bezier(.25, 1, .30, 1) wipe-in-up both;
}
 
@keyframes wipe-in-up {
 
  0% {
 
    transform: translateY(100%);
 
  }
 
  100% {
 
    transform: translateY(0);
 
  }
 
}
 
 
 
.hm-cases-hvr-cnt {
    padding: 60px 22px 30px;
    background-color: #B148FF;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    display: none;
}
.hm-cases-hvr-cnt h3 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0 0 25px;
}
.hm-cases-hvr-cnt ul {
    display: inline-block;
}
.hm-cases-hvr-cnt ul li {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 19px;
    line-height: 1.31;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0 0 25px;
}
.hm-cases-hvr-cnt ul li::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    left: 0;
    top: 7px;
    rotate: 45deg;
}
 
/* Home Simple Section */
.hm-simple-sec {
    padding: 90px 0 50px;
}
.hm-simple-blck {
    display: flex;
    justify-content: flex-start;
    gap: 85px;
    align-items: center;
}
.hm-smpl-lft {
    width: 39.8%;
}
.hm-smpl-vedio {
    position: relative;
    border-radius: 52px;
    overflow: hidden;
}
.hm-smpl-img img {
    width: 100%;
    display: block;
}
.hm-smpl-vedio-hvr a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 0;
}
.hm-smpl-rgt {
    width: 52%;
}
.hm-smpl-logo {
    width: 192px;
    height: 192px;
    margin: 0 auto 22px 0;
}
.hm-smpl-logo img {
    width: 100%;
    display: block;
}
.hm-smpl-rgt .text-heading {
    text-align: left;
}
.hm-smpl-rgt p {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0 0 35px;
    color: #423D45;
}
.hm-smpl-btn {
    margin: 0 0 23px;
}
.hm-smpl-rgt h5 {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2A262D;
    margin: 0;
}
.hm-smpl-rgt h5 a {
    color: #FA5070;
}
.hm-smpl-rgt h5 a:hover {
    color: #2A262D;
}
 
/* Home Features Section */
.hm-features-sec {
    padding: 50px 0;
}
.hm-ftur-title {
    padding: 25px 130px;
    position: relative;
    width: 100%;
    max-width: max-content;
    margin: 0 auto 40px;
    text-align: center;
}
.hm-ftur-title .text-heading{
    background: linear-gradient(to right, #2A262D 0%, #2A262D 50%, #2A262D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hm-ftur-title::before, .hm-ftur-title::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 100%;
    background-image: url(images/title-blck-bfr-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hm-ftur-title::before {
    left: 0;
}
.hm-ftur-title::after {
    right: 0;
    background-image: url(images/title-blck-aftr-img.webp);
}
.hm-ftur-title h4 {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    margin: 0;
    text-align: center;
}
.hm-ftur-lst {
    display: flex;
    justify-content: space-between;
    border-radius: 30px;
    overflow: hidden;
    flex-wrap: wrap;
}
.hm-ftur-itm {
    width: 24%;
    background: linear-gradient(59.12deg, #300C50 -0.81%, #9027E2 52.46%, #F98AFE 107.91%);
    border-radius: 10px;
    padding: 55px 25px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.hm-ftur-itm::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    border: 1px solid transparent;
    pointer-events: none;
}
.hm-ftur-itm:hover:before{
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%) 1;
    border-radius: 10px;
}
.hm-ftur-itm:hover {
    background: url(images/hm-ftur-itm-bg-img.webp) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.hm-ftur-itm:hover h3{
    background: linear-gradient(to bottom, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hm-ftur-itm h3 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0 0 20px;
}
.hm-ftur-itm h5 {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0px;
}
.hm-ftur-itm.custom {
    background: linear-gradient(300.88deg, #E40082 -0.81%, #FFCF4B 107.91%);
}
.hm-ftur-itm.dedicated {
    background: linear-gradient(59.12deg, #009B90 -0.81%, #B0F122 107.92%);
}
.hm-ftur-itm.advanced {
    background: linear-gradient(300.88deg, #0131B9 -0.81%, #2DDAFF 107.91%);
}
 
 
 
/* Home FAQ Section */
.accordion-profile h3 {
    padding: 25px 20px 25px 50px;
    cursor: pointer;
    width: 100%;
    border-radius: 0px;
    font-size: 23px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    color: #2A262D;
    margin: 0;
}
.accordion-profile .accordion-profile-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding: 0;
    display: none;
}
.accordion-profile.active .accordion-profile-content {
    max-height: max-content !important;
    overflow: inherit;
    display: block;
}
.accordion-profile {
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    max-height: max-content !important;
    counter-increment: myCounter;
    position: relative;
}
.accordion-profile.active .accordion-profile-content p {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 19px;
    line-height: 1.6;
    color: #6E6E6E;
    margin: 0;
}
.accordion-profile.active{
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%) 1;
    padding: 0 0 30px;
}
.accordion-profile.active:before{
    background: linear-gradient(to bottom, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.accordion-profile:before {
    position: absolute;
    content: counter(myCounter,decimal-leading-zero) ". ";
    font-size: 23px;
    font-family: 'Momo Trust Display';
    border-radius: 0;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    color: #2A262D;
    margin: 0;
    left: 0;
    top: 25px;
}
.accordion-profile.active h3 {
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hm-faq-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 40px;
}
.hm-faq-title-cnt .text-heading {
    background: linear-gradient(to right, #2A262D 0%, #2A262D 50%, #2A262D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    margin: 0 0 20px;
}
.hm-faq-title-cnt h4 {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 27px;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    margin: 0;
}
.hm-faq-lst{
    display: flex;
    justify-content: space-between;
    padding-bottom: 65px;
    position: relative;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%) 1;
}
.hmfaq-rgt-img {
    width: 50%;
}
.hmfaq-rgt-img img {
    width: 100%;
    display: block;
}
.hm-faq-rgt {
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 50.07%;
}
.hm-faq-lft {
    width: 42.8%;
}
.hm-faq-sec {
    padding: 50px 0 40px;
}
 

.ftr-form-sctn {
    padding: 100px 0;
}


.form-sec {
    display: flex;
    justify-content: space-between;
}

.frm-lft {
    width: 60%;
}

.hm-form {
    width: 35.5%;
    background: #4E2071;
    border-radius: 30px;
    padding: 38px 45px;
    position: relative;
}

.form-sec .frm-lft h2 {
    text-align: left;
    margin: 0 0 20px;
    font-size: 63px;
}

.frm-lft p {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #423D45;
    margin: 0px 0 46px;
}
.frm-lft-logo-icon {
    width: 13.4%;
    margin: 0 0 16px;
}
.frm-lft-logo-icon img{
    width: 100%;
    display: block;
}
.form-sec h4{
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 35px;
    line-height: 1.31;
    letter-spacing: 0px;
    color: #2A262D;
    position: relative;
    margin: 0 0 70px;
}

.frm-blk {
    display: flex;
    flex-wrap: wrap;
}

.frmblk-itm {
    padding-left: 85px;
    position: relative;
    width: 39%;
}

.frmblk-itm:before{
    position: absolute;
    content: "";
    background-image: url(images/frm-mail-icn.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 69px;
    height: 69px;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.frmblk-itm h5{
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0px;
    color: #2A262D;
    margin: 0;
}

.frmblk-itm a {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1;
    display: block;
    max-width: max-content;
        margin: 10px 0 0;
}

.frmblk-itm.phn-itm:before{
    background-image: url(images/frm-phn-numbr.webp);
}

.frmblk-itm.whtsapp-itm:before{
    background-image: url(images/frm-whats-icn.webp);
}

.frmblk-itm.eml {
    width: 100%;
    margin: 0 0 65px;
}


.form-sec .hm-form h2{
    font-size: 36px;
    text-align: center;
}
.frm-itm input, .frm-itm textarea {
    background: #60377F;
    border-radius: 8px;
    border: 0;
    outline: 0;
    width: 100%;
    padding: 17px 20px;
    color: #fff !important;
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 130%;
   
}

.frm-itm p{
    margin: 0;
}

.frm-itm{
    width: 100%;
    margin: 0 0 15px;
    position: relative;
}

.frm-itm:last-child{margin: 0;}

.frm-itm textarea{
    max-height:138px ;
     resize: none;
}

.frm-itm input::placeholder, .frm-itm textarea::placeholder{
    color: #fff;
}

.frm-itm input[type="submit"] {
    cursor: pointer;
    background: linear-gradient(90deg, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    border-radius: 10px;
    font-size: 26px;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid transparent;
    line-height: 1;
    background-repeat: no-repeat;
    font-weight: 500;
    transition: all 0.4s ease;
}
.frm-itm input[type="submit"]:hover{

    color: #F6339C;
    border-image: linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) 1;
    color: #F6339C;
    background: linear-gradient(#4e2071, #4e2071) padding-box, linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: 0 0 25px #6615a1, 0 0 45px #6615a1;
}
.frm-itm .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: max-content;
    max-height: max-content;
}

.frm-itm .wpcf7-form-control-wrap{position: inherit;}

.frm-itm .wpcf7 form .wpcf7-response-output{
    padding: 0;
    border: 0;
    color: #fff;
    display: none;
}

.wpcf7-spinner{display: none;}

.ftr-logo-blk {
    width: 18.4%;
}

.ftr-logo {
    margin: 0 0 28px;
}

.ftr-block-sec h4{
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0px;
    color: #2A262D;
    position: relative;
    margin: 0 0 20px;
}

.ftr-block-sec p{
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.5;
    color: #000;
    margin: 0 0 25px;
}

.ftr-loca-blk {
    display: flex;
    justify-content: space-between;
    width: 31.4%;
}

.ftr-loca-blk .ftr-loca-itm {
    width: 53%;
}

.ftr-loca-itm.head-offc {
    width: 35%;
}

.ftr-lnks-blk {
    display: flex;
    justify-content: space-between;
    width: 40%;
}

.ftrlnks-itm {
    width: 30%;
}

.ftr-block-list {
    display: flex;
    justify-content: space-between;
    padding: 50px 0px;
    position: relative;
}

.ftr-block-list:before, .ftr-block-list:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, #FF650D 2.2%, #F7339B 51.1%, #B148FF 100%);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.ftr-block-list:after{
    top: auto!important;
    bottom: 0;
}

.ftrlnks-itm li{

    margin: 0 0 20px;
    
}

.ftrlnks-itm li a{

        font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
    color: #000;
    position: relative;
    display: inline-block;
    padding-left: 22px;

}
.ftrlnks-itm li a:hover {
       color: #fff;
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ftrlnks-itm li a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: linear-gradient(221.73deg, #FF650D 0.42%, #F7339B 41.15%, #B148FF 81.87%);
    transform: rotate(48.27deg);
    top: 3px;
    left: 3px;
}

.ftr-copyrights-sec {
    padding: 25px 0;
    text-align: center;
}

.ftr-copyrights-sec p{
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1.47;
    color: #423D45;
    position: relative;
    margin: 0;
}

a.cmn-btn:after {
    position: absolute;
    content: "";
    background-image: url(images/cmn-btn-arrw.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
}

a.cmn-btn:hover:after{
    background-image: url(images/prime_arrow-up.png);
}
.comprehensive-itm:hover {
    background-color: #B148FF;
    cursor: pointer;
}
.comprehensive-itm:hover::before {
    background-image: url("images/clarityarrow-line1.webp");
}
.comprehensive-itm:hover ul li:before{
    background-image: url(images/white-diamond-icon.webp);
}

.ready-vastra-img img {
   width: 613px;
    display: block;
    border-radius: 28px;
    height: 593px;
}
.hm-smpl-img img {
    width: 100%;
    height: 487px;
    display: block;
    border-radius: 28px;
}
.tailored-img {
    clip-path: ellipse(66% 100% at 50% 0%);
}
.tailored-rgt-col .tailored-img {
    width: 33.6%;
    clip-path: ellipse(100% 63% at 0% 50%);
}



/* glow border */
.cmn-btn::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(270deg, #ff650d, #f7339b, #b148ff);
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    filter: blur(8px);
    transition: opacity 0.4s ease;
}

/* hover effect */
.cmn-btn:hover::before {
    opacity: 1;
}

.cmn-btn:hover {
    box-shadow: 0 0 25px rgba(247, 51, 155, 0.6), 0 0 45px rgba(177, 72, 255, 0.4);
    color:#F6339C;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;

}
/* arrow animation */
.cmn-btn .arrow {
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.cmn-btn:hover .arrow {
    transform: translateX(6px);
}

.bnrvastra-mdl:before {
    position: absolute;
    content: "";
        width: 195px;
    height: 357px;
    background-image: url(images/magic-gif.gif);
    background-position: center;
    background-size: cover;
    top: 22px;
    left: 35px;
    clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 100%);
}
.bnrvastra-mdl {
    position: relative;
}

.hm-form .wpcf7-response-output, .hm-form .wpcf7 form .wpcf7-response-output {
    color: #fff;
    margin: 0;
    font-family: 'Vend Sans';
}

.bnrvastra-lft img{
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-out{
  opacity: 0;
  transform: scale(0.98);
}

.fade-in{
  opacity: 1;
  transform: scale(1);
}

.bnrvastra-lft{
  width: 259px;
  height: 568px;
  background-size: cover;
  animation: menChange 6s infinite;
}

@keyframes menChange{
  0%{
    background-image:url("bnr-men-img.webp");
  }
  50%{
    background-image:url("men-look-2.webp");
  }
  100%{
    background-image:url("men-look-3.webp");
  }
}
.ftr-form-sctn.popfrm {
    padding: 0;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
       cursor: pointer;
}

.popup-box {
    max-width: 500px;
    width: 35.5%;
    background: #4E2071;
    border-radius: 30px;
    padding: 38px 45px;
    position: relative;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color:#fff;
}

.solutions-itm:hover, .comprehensive-itm:hover {
    cursor: pointer;
}



.srcshow {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    float: left;
    background: url(images/sprite_icons.png) no-repeat left top;
    background-position: -54px 0;
    text-indent: -9999px;
}
.srcbox {
    z-index: 99999995;
    background-color: #636466;
    position: absolute;
    top: -9px;
    right: 0;
    width: 0;
    overflow: hidden;
    height: 46px;
    margin: auto;
}
.mobile_src_nav .search-form {
    width: 100%;
    float: left;
}

form.search-form {
    position: relative;
}
.srcbox .close_search {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 25px;
    top: 0px;
    bottom: 0;
    margin: auto;
    background-image: url(images/sprite_icons.png);
    background-repeat: no-repeat;
    background-position: 0 -22px;
    cursor: pointer;
}

.hm-form .wpcf7-response-output, .hm-form .wpcf7 form .wpcf7-response-output {
    color: #fa4174;
    margin: 0;
    font-family: 'Vend Sans';
    border: 0;
    font-size: 0.9em;
}
.frmblk-itm h5 a:hover, a:hover, a:focus, a:active {
    color: #f036a6;
}


/* ///// */
.blog-hero {
    padding: 60px 0 30px;
    background: #fff;
}

.blog-title {
    font-size: 44px;
    font-weight: 800;
    margin: 0;
    text-align: center;
}

.blog-subtitle {
    text-align: center;
    margin-top: 10px;
    color: #666;
    font-size: 16px;
}

.blog-toolbar {
    margin-top: 30px;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-tabs .tab {
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fafafa;
    color: #222;
    font-size: 14px;
    text-decoration: none;
    transition: 0.2s;
}

.blog-tabs .tab:hover {
    background: #f0f0f0;
}

.blog-tabs .tab.active {
    background: #5b4bff;
    color: #fff;
    border-color: #5b4bff;
}

.blog-search {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 10px;
    border-radius: 12px;
}

.blog-search input {
    border: none;
    outline: none;
    width: 220px;
}

.blog-search button {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
}

.blog-main {
    padding: 30px 0 60px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.blog-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(0,0,0,0.06);
}

.blog-thumb img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.blog-card-body {
    padding: 18px;
}

.blog-cat {
    display: inline-block;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f3f3f3;
}

.blog-card-title {
    margin: 12px 0 10px;
    font-size: 20px;
    line-height: 1.3;
}

.blog-card-title a {
    text-decoration: none;
    color: #111;
}

.blog-excerpt {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0 0 14px;
}

.blog-meta-bottom {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #777;
    margin-bottom: 14px;
}

.blog-readmore {
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    color: #111;
}

.blog-pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.blog-pagination .page-numbers {
    margin: 0 6px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #222;
}

.blog-pagination .page-numbers.current {
    background: #111;
    color: #fff;
    border-color: #111;
}

@media (max-width: 992px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
    .blog-search input {
        width: 160px;
    }
}






/*innerpages*/



/* customiser css */

/* =========================
   SINGLE BLOG LAYOUT
========================= */

.single-main {
  max-width: 900px;
  margin: 0 auto;
}

.single-header {
  text-align: center;
  margin-bottom: 18px;
}

.single-title {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #111;
}

.single-subtitle {
  font-size: 14px;
  color: #777;
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Featured */
.single-thumbnail {
  margin: 18px 0 25px;
  border-radius: 18px;
  overflow: hidden;
}

.single-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
}

/* Content */
.single-content {
  font-size: 15px;
  line-height: 1.9;
  color: #222;
}

.single-content h2,
.single-content h3,
.single-content h4 {
  margin: 26px 0 12px;
  font-weight: 800;
  color: #111;
}

.single-content p {
  margin-bottom: 18px;
}

.single-content img {
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

/* =========================
   TAGS + SHARE
========================= */

.single-bottom-meta {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.meta-title {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #111;
}

.tag-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tag-pill {
  background: #f4f4f7;
  border: 1px solid #eee;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
}

.tag-pill:hover {
  background: #111;
  color: #fff;
}

/* Share */
.share-icons {
  display: flex;
  gap: 10px;
}

.share-icons a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #111;
  text-decoration: none;
  background: #fff;
}

.share-icons a:hover {
  background: #ff3d7f;
  border-color: #ff3d7f;
  color: #fff;
}
.author-box {
  margin-top: 30px;
  padding: 22px;
  border-radius: 16px;
  background: #fff6ee;
  border: 1px solid #f1e6db;
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.author-box-left {
  width: 120px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.author-box-avatar-wrap img,
.author-box-avatar {
  width: 70px;
  height: 70px;
  border-radius: 14px;
  object-fit: cover;
  display: block;
}

/* Social icons */
.author-social {
  display: flex;
  gap: 10px;
  align-items: center;
}

.author-social a {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  color: #111;
  text-decoration: none;
}

.author-social a:hover {
  background: #111;
  color: #fff;
  border-color: #111;
}

.author-box-right {
  flex: 1;
}

.author-name {
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  color: #111;
}

.author-role {
  margin: 4px 0 10px;
  font-size: 13px;
  font-weight: 700;
  color: #777;
}

.author-bio {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.6;
  color: #444;
  max-width: 680px;
}

.author-posts-link {
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  color: #111;
}

.author-posts-link:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .author-box {
    flex-direction: column;
  }

  .author-box-left {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.author-posts-link:hover {
  text-decoration: underline;
}

/* =========================
   RELATED ARTICLES
========================= */

.related-articles {
  margin-top: 55px;
  padding-top: 25px;
  border-top: 1px solid #eee;
}

.related-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.related-head h2 {
  font-size: 22px;
  margin: 0;
  font-weight: 800;
}

.related-head p {
  margin: 6px 0 0;
  color: #777;
  font-size: 13px;
}

.view-more-articles {
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  color: #111;
}

.view-more-articles:hover {
  text-decoration: underline;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.related-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #eee;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease;
}

.related-card:hover {
  transform: translateY(-4px);
}

.related-thumb img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
}

.related-body {
  padding: 16px;
}

.related-cat {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  color: #111;
  background: #f3f1ff;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.related-title {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 800;
}

.related-title a {
  text-decoration: none;
  color: #111;
}

.related-title a:hover {
  text-decoration: underline;
}

.related-excerpt {
  font-size: 13px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 14px;
}

.related-meta {
  font-size: 12px;
  color: #777;
  margin-bottom: 12px;
}

.related-readmore {
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  color: #111;
}

.related-readmore:hover {
  text-decoration: underline;
}

/* =========================
   COMMENTS
========================= */

.single-comments {
  max-width: 900px;
  margin: 55px auto 0;
  padding-top: 25px;
  border-top: 1px solid #eee;
}

.single-comments h3,
.single-comments h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 800;
}

.comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comment-list li {
  padding: 16px;
  border: 1px solid #eee;
  border-radius: 14px;
  margin-bottom: 12px;
  background: #fff;
}

.comment-form input,
.comment-form textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14px;
  margin-bottom: 12px;
  outline: none;
}

.comment-form .submit {
  background: #ff3d7f;
  color: #fff;
  border: none;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
}

/* =========================
   NEWSLETTER
========================= */

.blog-newsletter {
  margin-top: 55px;
  padding: 60px 20px;
  background: #2b004f;
  border-radius: 22px;
  text-align: center;
  color: #fff;
}

.newsletter-inner {
  max-width: 750px;
  margin: 0 auto;
}

.blog-newsletter h2 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: 900;
}

.blog-newsletter p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}

.newsletter-form {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.newsletter-form input {
  width: 320px;
  max-width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: none;
  outline: none;
}

.newsletter-form button {
  background: #ff3d7f;
  border: none;
  color: #fff;
  font-weight: 900;
  padding: 12px 18px;
  border-radius: 12px;
  cursor: pointer;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {
  .related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .single-title {
    font-size: 26px;
  }

  .related-grid {
    grid-template-columns: 1fr;
  }

  .related-thumb img {
    height: 180px;
  }

  .single-bottom-meta {
    flex-direction: column;
  }

  .blog-newsletter {
    padding: 45px 15px;
  }

  .newsletter-form input,
  .newsletter-form button {
    width: 100%;
  }
}



/* customiser css end */



















.inr-bnr-lst {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.case-pg .inr-bnr-left {
    width: 54.7%;
}


#main-heading {
    background-image: url(images/page-bnr-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 200px 0 60px;
}
#main-heading .inr-bnr-title, #main-heading .inr-bnr-title h1, #main-heading .inr-bnr-title h2 {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0;
    color: #2A262D;
    display: inline-block;
    padding: 18px 33px;
    position: relative;
    margin: 0 0 24px;
}

#main-heading .inr-bnr-title:before, #main-heading .inr-bnr-title h1:before, #main-heading .inr-bnr-title h2:before,
#main-heading .inr-bnr-title::after, #main-heading .inr-bnr-title h1::after, #main-heading .inr-bnr-title h2::after{
    position: absolute;
    content: "";
    width: 13px;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(images/inr-baner-left-border.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#main-heading .inr-bnr-title::after, #main-heading .inr-bnr-title h1::after, #main-heading .inr-bnr-title h2::after {
    right: 0;
    left: inherit;
    background-image: url(images/inr-baner-rit-border.webp);
}

.inr-bnr-left h2 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 56px;
    line-height: 1.2;
    letter-spacing: -0.56px;
    color: #2A262D;
    margin: 0 0 15px;
}
.inr-bnr-left h6 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -0.24px;
    color: #2A262D;
    margin: 0 0 26px;
}
.inr-built-itm:nth-child(2) .inr-built-itm-img {
    border-radius: 10px;
    overflow: hidden;
}

.inr-bnr-left p {
    font-family: 'Vend Sans';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #423D45;
    margin: 0 0 40px;
}
.inr-bnr-btn {
    margin: 0 0 12px;
}
.inr-bnr-btm-lst ul li {
    font-family: 'Vend Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    display: inline-block;
    padding: 0 3px 0 9px;
    position: relative;
}
.inr-bnr-btm-lst ul li::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    left: 0;
    top: 6px;
    background-color: #423D45;
    border-radius: 50%;
}
.inr-bnr-btm-lst {
    padding: 0 0 0 30px;
    position: relative;
}
.inr-bnr-btm-lst li:first-child {
    padding: 0;
}
.inr-bnr-btm-lst li:first-child::before {
    display: none;
}
.inr-bnr-btm-lst:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(images/bnr-btm-lst-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 2px;
}
.inr-bnr-left {
    width: 38.7%;
}
.inr-bnr-mid-img {
    width: 30.5%;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.inr-bnr-mid-img img {
    width: 100%;
    display: block;
}




.inr-bnr-form {
    width: 26.7%;
    background: #4E2071;
    border-radius: 24px;
    padding: 20px 20px;
    position: relative;
}

.inr-bnr-form h2 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
    font-size: 24px;
}

.inr-bnr-form input, .inr-bnr-form textarea {
    background: #60377F;
    border-radius: 8px;
    border: 0;
    outline: 0;
    width: 100%;
    padding: 12px 20px;
    color: #fff !important;
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 130%;
}

.inr-bnr-form .frm-itm p{
    margin: 0;
}

.inr-bnr-form .frm-itm{
    width: 100%;
    margin: 0 0 15px;
    position: relative;
}

.inr-bnr-form .frm-itm:last-child{margin: 0;}

.inr-bnr-form .frm-itm textarea {
    max-height: 100px;
    resize: none;
}

.inr-bnr-form .frm-itm input::placeholder, .inr-bnr-form .frm-itm textarea::placeholder{
    color: #fff;
}

.inr-bnr-form .frm-itm input[type="submit"] {
    cursor: pointer;
    background: linear-gradient(90deg, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    border-radius: 10px;
    font-size: 24px;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid transparent;
    line-height: 1;
    background-repeat: no-repeat;
    font-weight: 700;
    transition: all 0.4s ease;
}
.inr-bnr-form input[type="submit"]:hover {
    border-image: linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) 1;
    color: #F6339C !important;
    background: linear-gradient(#4e2071, #4e2071) padding-box, linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: 0 0 25px #6615a1, 0 0 45px #6615a1;
}

.inr-bnr-form .frm-itm .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: max-content;
    max-height: max-content;
}

.inr-bnr-form .frm-itm .wpcf7-form-control-wrap{position: inherit;}

.inr-bnr-form .frm-itm .wpcf7 form .wpcf7-response-output{
    padding: 0;
    border: 0;
    color: #fff;
    display: none;
}

.inr-bnr-form .wpcf7-spinner{display: none;}

.inr-bnr-form .wpcf7-not-valid-tip{
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: max-content;
    max-height: max-content;
}
.inr-bnr-form .wpcf7-response-output, .inr-bnr-form .wpcf7 form .wpcf7-response-output {
    color: #fa4174;
    margin: 0;
    font-family: 'Vend Sans';
    border: 0;
    font-size: 0.9em;
}


#post-content, #page-content {
    padding: 60px 0 20px;
}

.inr-what-is-aivastra-sec, .inr-plugins-sec {
    display: flex;
    justify-content: space-between;
    padding: 0 0 120px;
    align-items: center;
}
.inr-plugins-sec{flex-direction: row-reverse;}
.inr-plugins-sec .what-is-aivastra-btn, .what-is-aivastra-btn.solutions, .use-aivastra-btn.custom{
    padding: 25px 0 0;
}

.inr-whatis-aivastra-lft-sec, .inr-plugins-lft-sec {
    width: 49.5%;

}
.inr-whatis-aivastra-lft-sec img, .inr-plugins-lft-sec img{
    width: 100%;
    display: block;
    border-radius: 30px;
}
.inr-whatis-aivastra-rit-sec, .inr-plugins-rit-sec {
    width: 46.3%;
}


#page-column.full-width,
.full-width {
    width: 100%;
}
#page-column h1,
#page-column h2,
#page-column h3,
#page-column h4,
#page-column h5,
#page-column h6, #page-content .areaserved-item-list h2 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 15px;
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
}

#page-column h1,
#page-column h2, #page-content .areaserved-item-list h2 {
    font-size: 60px;
}
#page-column h3 {
    font-size: 50px;
}
#page-column h4 {
    font-size: 40px;
}
#page-column h5 {
    font-size: 32px;
}
#page-column h6 {
    font-size: 24px;
}
#page-column p, #page-column li, .search-no-results .post-column-full p {
    font-family: 'Vend Sans';
    font-size: 20px;
    line-height: 1.5;
    color: #423D45;
    letter-spacing: 0;
    margin: 0 0 15px 0;
    font-weight: 600;
}
#page-column ul li strong, #page-column p strong {
    font-weight: 700;
}
#page-column li ul {
    padding: 15px 0 0 10px;
    margin: 0;
    position: relative;
}
#page-column ol,
#page-column ul {
    margin: 0 0 40px 0px;
    list-style-position: inside;
}
#page-column ul li {
    list-style: none;
    padding-left: 27px;
    position: relative;
    margin: 0 0 16px;
}
#page-column ul li:before {
    background: linear-gradient(to top, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    width: 13px;
    height: 13px;
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    transform: rotate(140deg);
}

#page-column a, #page-column li a {
    color: #4e2071;
}
#page-column a:hover, #page-column li a:hover {
    color: #423D45;
}
#page-column a.cmn-btn {
    color: #fff;
}

#page-column a.cmn-btn:hover{
    color: #F6339C;
}
#page-column ol {
    counter-reset: my-sec-counter;
    list-style-position: inside;
}
#page-column ol li {
    list-style: none;
    margin: 0 0 12px;
    position: relative;
    padding-left: 27px;
}
#page-column ol li:before {
    position: absolute;
    counter-increment: my-sec-counter;
    content: "" counter(my-sec-counter) ".";
    background: linear-gradient(to top, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
    left: 0px;
    top: 0px;
}
#page-column  ul li > ul li {
    list-style-type: none;
}
#page-column  ul li > ul li > ol li {
    list-style-type: decimal;
}
#page-column  ul li > ul li:before {
    display: block;
}
#page-column  ul li > ol li {
    list-style-type: decimal;
}
#page-column  ul li > ol li:before {
    display: none;
}
#page-column  ul li > ol li > ul li {
    list-style-type: inherit;
}

.inr-virtual-sec {
    padding: 0 0 120px;
}
.inr-virtual-title {
    text-align: center;
    margin: 0 auto 48px;
    position: relative;
    width: max-content;
    padding: 7px 130px;
}
.inr-virtual-itm-lst {
    display: flex;
    justify-content: center;
    gap: 20px;
    counter-reset: my-sec-counter;
}

.inr-virtual-itm-img img{
    width: 100%;
    display: block;
}
.inr-virtual-itm-img {
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 30px;
}
.inr-virtual-itm-title {
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: -0.24px;
    color: #2A262D;
    margin: 0 auto 5px;
    text-align: center;
    position: relative;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inr-virtual-itm:hover .inr-virtual-itm-title{
    color: #fff;
}
#page-column .inr-virtual-itm:hover p {
    color: #fff;
}
#page-column .inr-virtual-itm p {
    text-align: center;
    font-size: 16px;
}
#page-column .inr-virtual-itm p:last-child {
    margin: 0;
}   
.inr-virtual-itm {
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 24px;
    box-shadow: 0px 6px 20px 0px #0000001A;
    width: 24%;
    padding: 16px 16px 35px;
}
.inr-virtual-itm:hover {
        background: linear-gradient(180deg, #7802cb 0%, #8702cf 20%, #bd02da 100%);
    border-color: transparent !important;
    border-bottom: transparen
}
.inr-virtual-itm-btm {
    padding: 0 15px;
}

#page-column .inr-built-title h2 {
    background: none;
    background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: #fff;
    text-align: center;
    margin: 0 0 40px;
}
.inr-built-sec {
    background-color: #3A1852;
    padding: 100px 0;
    z-index: 9;
    position: relative;
}
.inr-built-itm-lst, .inr-explore-itm-lst {
    display: flex;
    justify-content: center;
    gap: 40px;
    z-index: 1;
    position: relative;
}

.inr-built-itm {
    padding: 16px;
    background-color: #FFFFFF1A;
    border-radius: 24px;
    border: 1px solid #D9D9D91A;
    box-shadow: 0px 6px 20px 0px #0000001A;
    backdrop-filter: blur(20px);
    width: 31.6%;
}
.inr-built-itm:hover {
    border-image: linear-gradient(0deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) 1;
    color: #F6339C !important;
    background: linear-gradient(rgba(85 58 106), rgba(84 57 104)) padding-box, linear-gradient(0deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
    border: 1px solid transparent;
    border-radius: 24px;
}
.inr-built-itm-img img{
    width: 100%;
    display: block;
}
.inr-built-itm-img {
    margin: 0 0 16px;
}
.inr-built-itm-title, .inr-explore-itm-title {
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 24px;
    line-height: 1.16;
    text-align: center;
    letter-spacing: -0.24px;
    color: #FFFFFF;
    margin: 0 0 12px;
}
#page-column .inr-built-itm-cnt p {
    color: #fff;
    text-align: center;
    margin: 0;
}

/* use ai vastra section */

.inr-use-aivastra-sec {
    display: flex;
    justify-content: space-between;
    padding: 120px 0;
    align-items: center;
}
.inr-use-aivastra-rit-sec img {
    width: 100%;
    display: block;
}
.inr-use-aivastra-lft-sec {
    width: 46.3%;
}
.inr-use-aivastra-rit-sec {
    width: 49.5%;
    border-radius: 30px;
    overflow: hidden;
}

#page-column .inr-use-aivastra-lft-sec h2 {
    margin: 0 0 20px;
}


/* faqs section */

.inr-faqs-sec {
    padding: 0 0 60px;
}
#page-column .inr-faqs-sec h2,#page-column .inr-explore-title h2{
    text-align: center;
    padding: 32px 37px;
    width: max-content;
    margin: 0 auto 48px;
    position: relative;
}
.accordion-lst {
    background-color: #FFF6EF99;
    box-shadow: 7px 7px 8px 0px #FFFFFF inset;
    backdrop-filter: blur(200px);
    padding: 48px;
    border-radius: 30px;
    counter-reset: my-sec-counter;
}
#page-column .accordion-profile h3 {
    padding: 0;
    cursor: pointer;
    width: 100%;
    font-family: 'Vend Sans';
    border-radius: 0px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
    border: 0;
background: linear-gradient(to top, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
     padding-left: 25px;
     position: relative;
}

#page-column .accordion-profile.active, #page-column .accordion-profile {
    background-color: #FFFFFFB2;
    border: 1px solid #D9D9D9BF;
    border-radius: 12px;
}
#page-column .accordion-profile.active h3 {
        margin: 0 0 20px;
}
#page-column .accordion-profile::before{
    display: none;
}

#page-column .accordion-profile-content p {
    font-size: 16px;
}
#page-column .accordion-profile-content p:last-child {
    margin: 0;
}


#page-column .faq-accordion {
    margin: 0 0 65px;
    counter-reset: myCounter;
}
#page-column .faq-ttl {
    text-align: center;
    margin: 0 0 30px;
}

#page-column .accordion-profile .accordion-profile-content {
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding: 0px 50px 0px 0px;
    display: none;
}
#page-column .accordion-profile.active .accordion-profile-content {
    display: block;
}
::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}
#page-column .accordion-profile {
    margin: 0 0 65px;
    max-height: max-content !important;
    position: relative;
    padding: 32px 80px 32px 44px;
    background-image: url(images/inr-faqs-arow-img.webp);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: right 32px top 28px;
}
#page-column .accordion-profile.active {
    background-image: url(images/inr-faqs-arow-img-active.webp);
}
#page-column .accordion-profile::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: -31px;
    background-color: #EBE9E6;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
#page-column .accordion-profile:last-child:after{
    display: none;
}
#page-column .accordion-profile:last-child{
    margin: 0;
}


#page-column .accordion-profile h3:before {
    position: absolute;
    counter-increment: my-sec-counter;
    content: " " counter(my-sec-counter) ". ";
    margin: 0;
    left: 0px;
    top: 0px;
    font-family: 'Vend Sans';
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    background: linear-gradient(to top, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
}

/* explore section */

.inr-explore-itm {
    padding: 16px;
    background-color: #fff;
    border-radius: 24px;
    width: 31.6%;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 6px 20px 0px #0000001A;
}

.inr-explore-itm:hover {
    background: linear-gradient(180deg, #7802cb 0%, #8702cf 20%, #bd02da 100%);
    border-color: transparent !important;
    border-bottom: transparent;
}

.inr-explore-itm-img img {
    width: 100%;
    display: block;
}
.inr-explore-itm-img{
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 24px;
}
.inr-explore-itm-title{
    margin: 0;
    color: #2A262D;
}
.inr-explore-itm:hover .inr-explore-itm-title {
    color: #fff;
}

#page-column .inr-explore-title h2::before, #page-column .inr-explore-title h2::after, 
#page-column .inr-faqs-sec h2:before, #page-column .inr-faqs-sec h2::after,
.inr-virtual-title:before, .inr-virtual-title::after{
position: absolute;
content: "";
width: 13px;
height: 100%;
left: 0;
top: 0;
background-image: url(images/explore-title-lft-border.webp);
background-repeat: no-repeat;
background-size: 100% 100%;
}

#page-column .inr-explore-title h2::after, #page-column .inr-faqs-sec h2::after, .inr-virtual-title::after{
right: 0;
left: inherit;
background-image: url(images/explore-title-rit-border.webp);
}
.inr-explore-sec {
    padding: 60px 0 0;
}
.accordion-profile-cnt {
    padding: 0 0 32px;
    margin: 0 0 32px;
    position: relative;
    border-bottom: 1px solid #E1E0DF;
}

.use-aivastra-lst {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
        gap: 25px;
}
#page-column .use-aivastra-lft ul li {
    font-weight: 400;
}





/*contact page*/

.contact-page {
    padding: 60px 0 120px;
}
.contact .inr-bnr-left, .pricing .inr-bnr-left {
    width: 70.4%;
    text-align: center;
    margin: auto;
}
.contact .inr-bnr-left .inr-bnr-btm-lst, .pricing .inr-bnr-left .inr-bnr-btm-lst {
    display: inline-block;
}
.contact .inr-bnr-left h2, .pricing .inr-bnr-left h2 {
    font-size: 64px;
    letter-spacing: -0.64px;
}
.contact .inr-bnr-left p, .pricing .inr-bnr-left p {
    margin: 0 0 24px;
}
.ftr-form-sctn.contact {
    padding: 60px 0;
}
.contac-map-lst {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}
.contac-map-itm iframe {
    width: 100%;
    display: block;
    height: 800px;
    margin: -161px 0;
}
.contac-map-itm {
    width: 48%;
    border-radius: 24px;
    overflow: hidden;
    border-image: linear-gradient(180deg, #B148FF 0%, #F7339B 50%, #FF650D 100%) 0.3;
    background: linear-gradient(#4e2071, #4e2071) padding-box, linear-gradient(180deg, #B148FF 0%, #F7339B 50%, #FF650D 100%) border-box;
    border: 1px solid transparent;
    position: relative;
}
.contac-map-itm .cnt-map-add {
    width: 280px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    border-radius: 8px;
    padding: 16px;
    border-image: linear-gradient(180deg, #B148FF 0%, #F7339B 50%, #FF650D 100%) 0.3;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #B148FF 0%, #F7339B 50%, #FF650D 100%) border-box;
    border: 1px solid transparent;
}
.cnt-map-add h6 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #2A262D;
    padding-left: 28px;
    position: relative;
    margin: 0 0 12px;
}
.cnt-map-add h6:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(images/contat-map-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
}
.contac-map-itm .cnt-map-add p {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2A262D;
    margin: 0;
}
 .gm-style .place-card-large {
    display: none !important;
} 

.hm-faq-sec.contact .hm-faq-lst {
    padding: 0;
    border: 0;
    border-image: none;
}

.hm-faq-sec.contact {
    padding-bottom: 0;
}
.faq-btn a.cmn-btn {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
    color: #F6339C;
}
.faq-btn a.cmn-btn:after {
    background-image: url(images/prime_arrow-up.png);
}
.hm-faq-sec.contact .accordion-profile:last-child {
    border: transparent;
}

/* about page */
.about-pg-about-sec {
    padding: 0px 0 120px;
}
#page-column .category-cards h5 {
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: inherit;
        background: no-repeat;
}
#page-column .category-cards h5 a {
    color: #1E1E2E;
}
#page-column .share-scl-icon-blk h6 {
    margin: 0;
}
#page-column .share-scl-icon-blk h6 {
    font-family: 'Vend Sans';
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0;
    -webkit-text-fill-color: inherit;
    background: none;
}










.about-pg .inr-bnr-lst {
    align-items: center;
}
.about-pg .inr-bnr-left {
    width: 52%;
}
.about-pg .inr-bnr-left h2 {
    font-size: 64px;
    line-height: 1.3;
    letter-spacing: -0.64px;
    margin: 0 0 24px;
}
.inrpg-breadcrumbs-sec {
    background-color: rgba(255 255 255 / 50%);
    padding: 24px 0;
    margin: 0 0 36px;
}
.inrpg-breadcrumbs {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #2F2D30;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.inrpg-breadcrumbs .saparator {
    padding: 0 22px;
    font-size: 0;
    position: relative;
}

.inrpg-breadcrumbs .saparator:before {
    background-image: url(images/breadcrumbs-saparetor.webp);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 6px;
    content: "";
    width: 6px;
    height: 12px;
    left: 0;
    right: 0;
    top: 3px;
    margin: auto;
}

.inr-aboutsec-title-cnt, .about-why-aivastra-title, .pring-chose-pln-title {
    text-align: center;
    margin: 0 auto 48px;
    position: relative;
    width: max-content;
    padding: 7px 50px;
}
.inr-aboutsec-title-cnt:before, .inr-aboutsec-title-cnt::after,
.about-why-aivastra-title:before, .about-why-aivastra-title::after,
.about-problems-title::before, .about-problems-title::after,
.pring-chose-pln-title::before, .pring-chose-pln-title::after,
.blog-title-cnt::before, .blog-title-cnt::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(images/explore-title-lft-border.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.inr-aboutsec-title-cnt::after, .about-why-aivastra-title::after,
.about-problems-title::after, .pring-chose-pln-title::after,
.blog-title-cnt::after{
    right: 0;
    left: inherit;  
    background-image: url(images/explore-title-rit-border.webp);
}

.about-pg-about-lst {
    padding: 40px 56px;
    background-color: #FFF6EF;
    border-radius: 40px;
    box-shadow: 0 15px 25px rgba(0 0 0 / 5%), inset 7px 7px 8px #fff;
    position: relative;
    z-index: 1;
}
.about-pg-about-lft {
    width: 51.9%;
}
.about-pg-about-rit {
    width: 46.2%;
}
#page-column .about-pg-about-lft h5,#page-column  .our-mission-sec h2 {
    color: #1A1A1A;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    background: none;
}
#page-column .about-pg-about-lft p {
    font-weight: 500;
    margin: 0 0 24px;
}
#page-column .about-pg-about-lft ul li {
    font-size: 16px;
    font-weight: 500;
}
#page-column .about-pg-about-lft ul li strong {
    font-size: 20px;
    display: block;
    margin: 0 0 10px;
    font-weight: 600;
}
#page-column .inr-about-readmore-btn a.cmn-btn, #page-column .our-mission-btn a.cmn-btn, #page-column .about-what-we-do-btn a.cmn-btn, #page-column .white-lable-btn a.cmn-btn {
    background: transparent;
    color: #000;
    padding: 0 26px 0 0;
}
#page-column .inr-about-readmore-btn a.cmn-btn:hover, #page-column .our-mission-btn a.cmn-btn:hover, #page-column .about-what-we-do-btn a.cmn-btn:hover, #page-column .white-lable-btn a.cmn-btn:hover {
    box-shadow: none;
    color: #F6339C;
}
#page-column .inr-about-readmore-btn a.cmn-btn:hover:after, #page-column .our-mission-btn a.cmn-btn:hover::after, #page-column .about-what-we-do-btn a.cmn-btn:hover::after, #page-column .white-lable-btn a.cmn-btn:hover::after {
    background-image: url(images/prime_arrow-up.png);
}
#page-column .inr-about-readmore-btn a.cmn-btn::after, #page-column .our-mission-btn a.cmn-btn::after, #page-column .about-what-we-do-btn a.cmn-btn::after, #page-column .white-lable-btn a.cmn-btn:after{
background-image: url(images/about-btn-arrow.webp);
right: 0;
}
.about-pg-about-rit img {
    width: 100%;
    display: block;
    border-radius: 30px;
}
.our-mission-sec {
    padding: 120px 0;
    background: linear-gradient(90deg, #F6F2FF 0%, rgba(242 248 255 / 50%) 50%, #FFF3F7 100%);
    position: relative;
}
.our-mission-sec:before {
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    right: 0;
    top: 0;
    background-image: url(images/our-mision-sec-img.webp);
    background-repeat: no-repeat;
    background-size: contain;
}
.our-mission-cnt-lst, .about-pg-about-lst {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#page-column .our-mision-title-btm-cnt p {
    font-weight: 500;
    font-size: 16px;
}
.our-mission-lft-cnt {
    width: 47%;
}
.our-mission-rit-cnt {
    width: 48%;
    display: flex;
    justify-content: space-between;
}
.our-mission-rit-itm strong {
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 64px;
    line-height: 1;
    letter-spacing: 0;
    color: #2A262D;
    margin: 0 0 20px;
    display: inline-block;
}
#page-column .our-mission-rit-itm p {
    margin: 0;
}
.our-mission-rit-itm {
    padding: 0 0 20px;
    position: relative;
    width: 25%;
}
.our-mission-rit-itm:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #b148ff 0%, #f7339b 50%, #FF650D 100%);
}



.about-what-we-do-sec {
    padding: 120px 0 60px;
}
.about-what-we-do-lst, .pricing-buy-kiosk-lst, .pricing-get-started-lst  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-what-we-do-lft {
    width: 49.5%;
}
.about-what-we-do-lft img{
    width: 100%;
    display: block;
    border-radius: 30px;
}
.about-what-we-do-rit {
    width: 46.3%;
}
#page-column .about-what-we-do-rit p {
    margin: 0 0 40px;
}
#page-column .about-what-we-do-rit ul li {
    margin: 0 0 20px;
}
.about-why-aivastra-lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.about-why-aivastra-itm {
    width: 32.4%;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 10px 24px rgba(16 24 40 / 8%);
    position: relative;
    z-index: 1;
}
.about-why-aivastra-itm-img {
    width: 72px;
    margin: 0 auto 16px;
    border-radius: 12px;
}
.about-why-aivastra-itm-img img {
    width: 100%;
    display: block;

 }

.about-why-aivastra-itm.inst .about-why-aivastra-itm-img {
    background-color: #E6E1FF;
}
.about-why-aivastra-itm.endles .about-why-aivastra-itm-img {
    background-color: #FFE0ED;
}
.about-why-aivastra-itm.physical .about-why-aivastra-itm-img {
    background-color: #FFE8D1;
}
.about-why-aivastra-itm.smart .about-why-aivastra-itm-img {
    background-color: #D6FFEE;
}
.about-why-aivastra-itm.share .about-why-aivastra-itm-img {
    background-color: #D6F0FF;
}
.about-why-aivastra-itm.inst:hover .about-why-aivastra-itm-img {
    background-color: #D9D1FF;
}
.about-why-aivastra-itm.endles:hover .about-why-aivastra-itm-img {
    background-color: #FFD1E6;
}
.about-why-aivastra-itm.physical:hover .about-why-aivastra-itm-img {
    background-color: #FFDBBA;
}
.about-why-aivastra-itm.smart:hover .about-why-aivastra-itm-img {
    background-color: #BFFFE4;
}
.about-why-aivastra-itm.share:hover .about-why-aivastra-itm-img {
    background-color: #BFE6FF;
}


 .about-why-aivastra-sec {
    padding: 60px 0;
}
.about-why-aivastra-itm-title {
    font-family: 'Vend Sans';
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #2A262D;
    text-align: center;
    margin: 0 0 10px;
        font-weight: 700;
}

#page-column .about-why-aivastra-itm p {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin: 0;
}
.about-why-aivastra-itm.inst {
    background-color: #F3F1FF;
    border: 1px solid #D9D3FF;
}
.about-why-aivastra-itm.inst:hover {
    background-color: #EAE6FF;
    border-color: #C3BAFF;
}


.about-why-aivastra-itm.endles {
    background-color: #FFF0F6;
    border: 1px solid #FFC7DD;
}
.about-why-aivastra-itm.endles:hover {
    background-color: #FFE3F0;
    border: 1px solid #FF9DC7;
}

.about-why-aivastra-itm.physical {
    background-color: #FFF5EC;
    border: 1px solid #FFD7B3;
}
.about-why-aivastra-itm.physical:hover {
    background-color: #FFEBD8;
    border: 1px solid #FFBE85;
}

.about-why-aivastra-itm.smart{
    background-color: #EDFFF7;
    border: 1px solid #B7F2D7;
}
.about-why-aivastra-itm.smart:hover{
    background-color: #DBFFF0;
    border: 1px solid #86E8C3;
}
.about-why-aivastra-itm.share{
    background-color: #ECF7FF;
    border: 1px solid #B8E2FF;
}
.about-why-aivastra-itm.share:hover{
    background-color: #DDF1FF;
    border: 1px solid #7CCBFF;
}

.about-problems-lst {
    display: flex;
    justify-content: space-between;
}

.about-problems-itm-lst {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-problems-itm-lst.solutions {
    flex-direction: row-reverse;
}
#page-column .about-problems-itm p {
    font-weight: 500;
    margin: 0;
}

.about-problems-lft-cercle, .about-problems-rit-cercle {
    width: 30.9%;
}

.about-problems-lft-lst, .about-problems-rit-lst {
    width: 67.9%;
        counter-reset: my-sec-counter;
}

.about-problems-itm {
    width: 87.6%;
    border-radius: 12px;
    position: relative;
        margin: 0 0 36px;
}
.about-problems-lft-lst .about-problems-itm{
padding: 12px 56px 12px 12px;
border: 1px solid rgba(241 117 46 / 30%);
    text-align: right;
}
.about-problems-rit-lst .about-problems-itm {
    padding: 12px 12px 12px 56px;
    border: 1px solid rgba(44 202 97 / 30%);
}
.about-problems-lft-title, .about-problems-rit-title {
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    color: #FFFFFF;
}
.about-problems-lft-title{
    background: linear-gradient(270deg, #F1752E 0%, #D64E00 100%);
}
.about-problems-rit-title{
        background: linear-gradient(270deg, #2CCA61 0%, #10A141 100%);
}
.about-problems-lft-cercle-itm {
    display: flex;
    justify-content: center;
    position: relative;
}
.about-problems-rit-cercle-itm{
    display: flex;
    justify-content: center;
    position: relative;
}
.about-problems-lft-cercle-itm::before, .about-problems-rit-cercle-itm::before{
    position: absolute;
    content: "";
    width: 145px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(images/prolems-itm-shadow.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.about-problems-rit-cercle-itm::before {
    left: inherit;
    right: 0;
    transform: rotate(180deg);
    background-position: right;
}
.about-problems-itm:before{
    position: absolute;
    counter-increment: my-sec-counter;
    content: " " counter(my-sec-counter) " ";
    width: 32px;
    height: 32px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
}

.about-problems-lft-lst .about-problems-itm:before{
background: linear-gradient(270deg, #F1752E 0%, #D64E00 100%);
right: 12px;
}
.about-problems-rit-lst .about-problems-itm:before{
        background: linear-gradient(270deg, #2CCA61 0%, #10A141 100%);
        left: 12px;
}
.about-problems-rit-lst .about-problems-itm {
    margin-left: auto;
}
.about-problems-rit-lst .about-problems-itm:nth-child(1), 
.about-problems-rit-lst .about-problems-itm:nth-child(4) {
    margin-right: 12.3%;
}
.about-problems-lft-lst .about-problems-itm:nth-child(1), 
.about-problems-lft-lst .about-problems-itm:nth-child(4) {
    margin-left: 12.3%;
}

.about-problems-lft-lst .about-problems-itm:last-child,
.about-problems-rit-lst .about-problems-itm:last-child {
margin-bottom: 0;
}
 .about-problems-title {
    text-align: center;
    margin: 0 auto 80px;
    position: relative;
    width: max-content;
    padding: 7px 50px;
}
.about-problems-sec {
    padding: 60px 0;
}
.about-aivastra3d-sec {
    padding: 60px 0;
}


.about-white-label-lst {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.about-white-label-rit-cnt {
    width: 49.5%;
}
.about-white-label-lft-cnt {
    width: 46.2%;
}
.about-white-label-rit-cnt {
    width: 49.5%;
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}
.about-white-label-rit-itm-img {
    width: 72px;
    margin: 0 auto 16px;
    border-radius: 12px;
}
.about-white-label-rit-itm-img img{
    width: 100%;
    display: block; 
}

.about-white-label-rit-itm.white .about-white-label-rit-itm-img {
    background-color: #1E1B4B;
}
.about-white-label-rit-itm.website .about-white-label-rit-itm-img {
    background-color: #083344;
}
.about-white-label-rit-itm.ecommerce .about-white-label-rit-itm-img {
    background-color: #78350F;
}
.about-white-label-rit-itm.shopify .about-white-label-rit-itm-img {
    background-color: #064E3B;
}
.about-white-label-rit-itm.white:hover {
    background-color: #E0E7FF;
    border-color: #818CF8;
}
.about-white-label-rit-itm.website:hover {
    background-color: #CFFAFE;
    border-color: #22D3EE;
}
.about-white-label-rit-itm.shopify:hover {
    background-color: #FEF3C7;
    border-color: #F59E0B;
}
.about-white-label-rit-itm.ecommerce:hover {
    background-color: #D1FAE5;
    border-color: #10B981;
}


.about-white-label-rit-itm.white:hover .about-white-label-rit-itm-img {
    background-color: #312E81;
}
.about-white-label-rit-itm.website:hover .about-white-label-rit-itm-img {
    background-color: #164E63;
}
.about-white-label-rit-itm.ecommerce:hover .about-white-label-rit-itm-img {
    background-color: #92400E;
}
.about-white-label-rit-itm.shopify:hover .about-white-label-rit-itm-img {
    background-color: #065F46;
}




#page-column .about-white-label-rit-itm p {
    font-weight: 700;
    letter-spacing: -0.2px;
    margin: 0;
    text-align: center;
}
.about-white-label-rit-itm {
    width: 46.7%;
    border-radius: 20px;
    padding: 24px;
    position: relative;
}
.about-white-label-rit-itm.white{
    background-color: #EEF2FF;
    border: 1px solid #A5B4FC;
}
.about-white-label-rit-itm.website {
    background-color: #ECFEFF;
    border: 1px solid #67E8F9;
}
.about-white-label-rit-itm.ecommerce{
    background-color: #ECFDF5;
    border: 1px solid #34D399;
}
.about-white-label-rit-itm.shopify{
    background-color: #FFFBEB;
    border: 1px solid #FBBF24;
}

.about-white-label-rit-itm.white::before{
    position: absolute;
    content: "";
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.about-white-label-rit-itm.white::before, .about-white-label-rit-itm.shopify:before {
    position: absolute;
    content: "";
    width: calc(100% + 25px);
    height: calc(100% + 25px);
    margin: auto;
    pointer-events: none;
}
.about-white-label-rit-itm.white::before{
    right: -25px;
    bottom: -25px;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}
.about-white-label-rit-itm.shopify::before {
    border-left: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    left: -26px;
    top: -26px;
}
.about-white-label-sec {
    padding: 60px 0 120px;
}
.about-case-sec {
    padding: 120px 0;
    background: linear-gradient(90deg, #F8F5FF 0%, rgba(246 248 255 / 50%) 50%, #FFF7FA 100%);
    position: relative;
}
.about-case-sec::before {
    position: absolute;
    content: "";
    width: 10.5%;
    height: 200px;
    left: 0;
    top: 0;
    background-image: url(images/case-section-star-img.webp);
    background-repeat: no-repeat;
    background-size: contain;
}


.about-case-lst {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-case-rit-cnt {
    width: 48.4%;
    display: flex;
    justify-content: space-between;
}
.about-case-lft-cnt {
    width: 41.6%;
}
#page-column .about-case-lft-cnt h2 {
    color: #1A1A1A;
    background: none;
    -webkit-text-fill-color: inherit;
}
.about-case-rit-itm-img {
    width: 120px;
    margin: 0 auto 16px;
}

.about-case-rit-itm-img img{
    width: 100%;
    display: block;
}
.about-case-rit-itm {
    width: 16.6%;
}
.about-case-rit-itm-title {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    margin: 0;
}
.hm-share-sec.about-share {
   padding: 0;
}

.hm-fashion-sec.about-fashion .container {
    max-width: 1500px;
}
.hm-fashion-sec.about-fashion .fashion-lft {
    width: 50.5%;
}

/* use-case-page */



#page-column .category-cards-itm p {
    font-weight: 700;
    margin: 0;
    width: 100%;
    height: 100%;
}
#page-column .category-cards-itm p a {
    color: #1E1E2E;
    padding: 30px 50px 30px 20px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-cards-lst {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 48px 73px;
        padding: 0 0 80px;
}
 
.category-cards-itm {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    width: 21.34%;

}
.category-cards-itm:before {
    position: absolute;
    content: "";
    width: 101%;
    left: -1%;
    top: 0;
    bottom: 0;
    background-color: #6C63FF;
    border-radius: 10px;
    pointer-events: none;
    z-index: -1;
}
.category-cards-itm:hover:before {
    width: 102%;
    left: -1%;
    top: -3%;
    height: 106%;
}
.category-cards-itm.rose:before{
    background-color: #FF4D8D;
}
.category-cards-itm.green::before{
    background-color: #2EE59D;
}
.category-cards-itm.lite-blue::before{
    background-color: #00A3FF;
}
.category-cards-itm::after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 0px;
    margin: auto;
    top: 0px;
    height: 14px;
    width: 16px;
    background-image: url(images/about-btn-arrow.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-lft-col {
    width: 52.2%;
}
 
.usecase-rgt-col {
    width: 44.2%;
}
.usecase-itm-img img {
    width: 100%;
    display: block;
}

#page-column .cta-text-heading {
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: #1A1A1A;
    background: none;
}

.use-cta-section {
    background-color: #FFF6EF;
    border-radius: 40px;
    box-shadow: 0 15px 25px rgba(0 0 0 / 5%), inset 7px 7px 8px #fff;
    padding: 60px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    opacity: 0.9;
    align-items: center;
}
#page-column .use-cta-section p {
    font-weight: 500;
}
.use-cta-section.experience{
    margin: 0;
}
.hm-share-sec.case {
    padding: 120px 0 0;
}











.use-banner-sec { padding: 240px 0 0px; overflow: hidden; } .use-bnr-sec { display: flex; justify-content: space-between; margin-bottom: 120px; } 
.use-bnr-cnt { width: 50%; } .use-bnr-rite { width: 50%; } .use-bnr-vastra { text-align: end; } .use-bnr-vastra img { width: 613px; height: 428px; } 
.use-banner-sec h1 { font-family: 'Momo Trust Display'; font-weight: 400; font-size: 64px; line-height: 1.32; letter-spacing: -0.64px; color: #2A262D; position: relative; margin: 0 0 24px; } 
.use-banner-sec h1 strong { font-family: 'Vend Sans'; font-weight: 500; font-size: 25px; letter-spacing: 0; line-height: 1; color: #2A262D; padding: 18px 25px; position: relative; display: block; max-width: max-content; margin: 0 0 15px; } 
.use-banner-sec h1 strong:before { position: absolute; content: ""; background-image: url(images/hdnglft-bracket.webp); background-repeat: no-repeat; background-size: 100% 100%; width: 13px; height: 62px; top: 0; left: 0; bottom: 0; margin: auto; } .use-banner-sec h1 strong:after { position: absolute; content: ""; background-image: url(images/hdngrite-bracket.webp); background-repeat: no-repeat; background-size: 100% 100%; width: 13px; height: 62px; top: 0; right: 0; bottom: 0; margin: auto; } 
.use-cloth-menulst ul li { display: inline-block; margin: 0 10px 0; font-size: 16px; font-family: 'Vend Sans'; font-weight: 600; letter-spacing: 0; line-height: 1; position: relative; color: #423D45; } 
.use-cloth-menulst ul li::after { position: absolute; content: ""; width: 3px; height: 3px; background-color: #000; border-radius: 50%; top: 1px; right: -13px; bottom: 0; margin: auto; } 
.use-cloth-menulst ul li:last-child::after { content: none; } .use-cloth-menulst ul li:first-child { margin-left: 0; } .use-cloth-menulst ul li:last-child { margin-right: 0; } 
.use-cloth-menulst { position: relative; margin-top: 20px; } .use-cloth-menulst:before { position: absolute; content: ""; background-image: url(images/use-lst-icon.webp); background-repeat: no-repeat; background-size: 100% 100%; width: 24px; height: 24px; top: 0; left: 0; bottom: 0; margin: auto; } 
.cloth-lst { padding-left: 35px; } .explore-header { position: relative; text-align: center; width: max-content; margin: 0 auto 60px; padding: 0 60px; } 
.explore-header h2 { font-family: 'Momo Trust Display'; font-weight: 400; font-size: 60px; letter-spacing: 0px; background-image: linear-gradient(to right, #B148FF 0%, #F7339B 40%, #FF650D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0; } 
.explore-header:before { position: absolute; content: ""; background-image: url(images/hdnglft-bracket.webp); background-repeat: no-repeat; background-size: 100% 100%; width: 13px; height: 120px; top: -9px; left: 445px; bottom: 0; margin: auto; } .explore-header:after { position: absolute; content: ""; background-image: url(images/hdngrite-bracket.webp); background-repeat: no-repeat; background-size: 100% 100%; width: 13px; height: 120px; top: -9px; right: 445px; bottom: 0; margin: auto; } 
.explore-header p, .use-bnr-cnt p { font-family: 'Vend Sans'; font-weight: 600; font-size: 20px; letter-spacing: 0; line-height: 1.47; color: #423D45; margin: 0 0 45px; } 
.usecase-itm-img img { border-radius: 30px; } 
.usecase-left-col { display: flex; align-items: center; } .usecase-platform { background: linear-gradient(to right, #F8F5FF 0%, #F6F8FF 50%, #FFF7FA 100%); } 
.usecase-platform-content { display: flex; justify-content: space-between; align-items: center; padding: 120px 0; position: relative; } 
.usecase-platform-content::before { content: ''; position: absolute; background-image: url(./images/usecase-platform-star-img.webp); background-position: center; background-repeat: no-repeat; background-size: cover; width: 200px; height: 200px; left: -204px; top: 3px; } 
.usecase-mobile-icon { display: flex; justify-content: space-between; align-items: center; gap: 95px; } 
.use-platform-text h2 { font-family: 'Momo Trust Display'; font-weight: 400; font-size: 60px; letter-spacing: 0px; margin-bottom: 0px; color: #1A1A1A; } 
.use-platform-text p { font-family: 'Vend Sans'; font-weight: 600; font-size: 20px; letter-spacing: 0; color: #423D45; margin: 0 0 24px; } 
.usecase-mobile-icon h4 { font-family: 'Momo Trust Display'; font-weight: 400; font-size: 24px; letter-spacing: 0px; margin-bottom: 0px; color: #000; text-align: center; text-transform: uppercase; } 
.img-cont { height: 120px; display: flex; align-items: center; justify-content: center; }
 
.usecase-share-sec {
    padding: 120px 0 0;
}
 



/* pricing page */

#page-column .pricing-page-tab-sec ul.tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin: 0 auto 48px;
    padding: 8px;
    border-image: linear-gradient(180deg, rgba(118 0 203 / 25%) 0%, rgba(190 0 218 / 25%) 100%) 0;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, rgba(118 0 203 / 25%) 0%, rgba(190 0 218 / 25%) 100%) border-box;
    border: 1px solid transparent;
    border-radius: 18px;
}

#page-column .pricing-page-tab-sec ul.tabs li {
    padding: 9px 15px;
    border-radius: 10px;
    margin: 0;
    cursor: pointer;
    border: 1px solid transparent;
    width: 188px;
    text-align: center;
}
#page-column .pricing-page-tab-sec ul.tabs li:hover {
    background-color: #f8eff6;
    border-color: #efd8f5;
}
#page-column .pricing-page-tab-sec ul.tabs li.selected{
    background: linear-gradient(180deg, #7600CB 0%, #BE00DA 100%);
}
#page-column .pricing-page-tab-sec ul.tabs li.selected:hover{
    border-color: transparent;
}
#page-column .pricing-page-tab-sec ul.tabs li::before{
    display: none;
}
#page-column .pricing-page-tab-sec ul.tabs li.selected a{ color: #fff;}

#page-column .pricing-page-tab-sec ul.tabs li a{ color: #6E6E6E;}

#page-column .tab-content-lft h6 {
    background: no-repeat;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: #1A1A1A;
    line-height: 1;
}

#page-column .tab-content-lst p, #page-column .tab-content-lst li,
#page-column .pricing-buy-kiosk-rit p,#page-column .pricing-buy-kiosk-rit ul li {
    font-weight: 500;
    font-size: 16px;
}
#page-column .tab-content-lft p{
    margin: 0 0 32px;
}
#page-column .tab-content-lst ul li, #page-column .pricing-buy-kiosk-rit ul li{
    padding-left: 36px;
    margin: 0 0 20px;
}
#page-column .tab-content-lft p:last-child{
    margin: 0;
}
.pricing-tab-btn a.cmn-btn {
    padding: 18px 94px 18px 62px;
}
.tab-content-lst {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 56px 32px;
    background-color: rgb(255 246 239 / 60%);
    position: relative;
    z-index: 1;
    border-radius: 40px;
    box-shadow: inset 7px 7px 8px 0px #ffffff;
}
.pricing-tab-btn a.cmn-btn:after {
    right: 66px;
}
.pricing-tab-btn {
    margin: 0 0 8px;
}
.tab-content-img {
    width: 34.9%;
}
.tab-content-img img {
    width: 100%;
    display: block;
    border-radius: 30px;
}
.tab-content-lft {
    width: 24%;
}
.tab-content-rit {
    width: 32.3%;
}
#page-column .tab-content-lst ul li:before, #page-column .pricing-buy-kiosk-rit ul li:before{
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    background-image: url(images/pricing-tab-list-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
        transform: rotate(0deg);
}

#page-column .tab-content-rit ul{
    margin: 0;
}
.pricing-page-tab-sec {
    padding: 60px 0;
}

.pricing-chose-plan-sec table {
    border-radius: 20px;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgba(177 72 255 / 40%), rgba(247 51 155 / 40%), rgba(255 101 13 / 40%)) border-box;
    border-collapse: collapse;
    overflow: hidden;
}

   .pricing-chose-plan-sec table th {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    text-align: left;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #1A1A1A;
    margin: 0;
    background-color: rgba(255, 246, 239, 0.6);
    padding: 20px;
} 

.pricing-chose-plan-sec table thead {
     position: relative;
}

.pricing-chose-plan-sec table thead ::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; 
  background: linear-gradient(90deg, rgba(177 72 255 / 40%), rgba(247 51 155 / 40%), rgba(255 101 13 / 40%));
  opacity: 40%;
}
.pricing-chose-plan-sec table td {
    padding: 20px;
        font-family: 'Vend Sans';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: #1A1A1A;
        width: 33.4%;

}
.pricing-chose-plan-sec table tbody tr{
    position: relative;
}
.pricing-chose-plan-sec table tbody tr::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #B148FF, #F7339B, #FF650D);
    opacity: 5%;
}
#page-column .table-btm-cnt p {
    font-weight: 500;
    font-size: 16px;
}
.pricing-chose-plan-sec {
    padding: 60px 0;
}

.pricing-buy-kiosk-sec {
    padding: 60px 0;
}

.pricing-buy-kiosk-lft img {
    width: 100%;
    display: block;
    border-radius: 28px;
}
.pricing-buy-kiosk-lft {
    width: 40.9%;
}
.pricing-buy-kiosk-rit {
    width: 56.5%;
}
#page-column .pricing-buy-kiosk-rit h4 {
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    color: #1A1A1A;
    line-height: 1.5;
}

.pricing-get-started-sec {
    padding: 60px 0;
}
.pricing-get-started-rit img {
    width: 100%;
    display: block;
    border-radius: 30px;
}
.pricing-get-started-rit {
    width: 40.2%;
}
.pricing-get-started-lft {
    width: 55.3%;
}
.pricing-get-started-lst {
    padding: 90px 57px 90px 48px;
    background-color: rgba(255 246 239 / 20%);
    box-shadow: 0 4px 28px rgba(0 0 0 / 11%), inset 7px 7px 8px 0 #fff;
    border-radius: 50px;
}
.hm-faq-sec.pricing-faqs .hm-faq-lst {
    border: none;
    padding: 0;
}
.hm-faq-sec.pricing-faqs {
    padding: 60px 0 100px;
}

.hm-share-sec.pricing-share {
    padding: 0;
}
#page-column .pricing-page-tab-sec ul.tabs li:hover {
    background-color: #f8eff6;
}

.tab-content-lst.online {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.tab-content-lst-itm {
    width: 24%;
    border-image: linear-gradient(180deg, rgba(177 72 255 / 40%) 0%, rgba(247 51 155 / 40%) 50%, rgba(255 101 13 / 40%) 100%) 0;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, rgba(177 72 255 / 40%) 0%, rgba(247 51 155 / 40%) 50%, rgba(255 101 13 / 40%) 100%) border-box;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 16px;
    position: relative;
}
.tab-content-lst-itm::before{
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(255 246 239 / 60%);
background-repeat: no-repeat;
left: 0;
bottom: 0;
pointer-events: none;
border-radius: 18px;
}
.tab-content-lst-itm-cnt {
    position: relative;
        z-index: 1;
}
#page-column .tab-content-lst-itm h6, #page-column .tab-content-lst-itm h5 {
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    background: none;
    color: #1A1A1A;
}
#page-column .tab-content-lst-itm h5 {
    margin: 32px 0;
}
#page-column .tab-content-lst-itm h6{
    margin: 0 0 8px;
}
.poplur {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    background-color: #FF650D;
    display: inline-block;
    padding: 8px 30px;
    color: #fff;
    clip-path: polygon(30% 0%, 70% 0%, 97% 100%, 0% 117%);
    position: absolute;
    right: -49px;
    top: -4px;
    transform: rotate(45deg);
}
#page-column .online-plan-btn a.cmn-btn {
    width: 100%;
    padding: 18px 112px 18px 93px;
    text-align: right;
}
#page-column .online-plan-btn a.cmn-btn:after {
    right: 86px;
}
#page-column .tab-content-lst .tab-content-lst-itm p:last-child {
    margin: 0;
}


#page-column .tab-content-lst-itm:hover a.cmn-btn {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
    color: #F6339C;
}

#page-column .tab-content-lst-itm:hover a.cmn-btn:after {
    background-image: url(images/prime_arrow-up.png);
}


.tab-content-lst-itm:hover:after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #7600CB 0%,  #BE00DA 100%);
    width: 100%;
    height: calc(100% + 120px);
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    border-radius: 20px;
}
#page-column .tab-content-lst-itm:hover h6,
#page-column .tab-content-lst-itm:hover p,
#page-column .tab-content-lst-itm:hover h5,
#page-column .tab-content-lst-itm:hover ul li{
    color: #fff;
}

.tab-content-lst-itm:hover .poplur {
    top: -20px;
}

#page-column .tab-content-lst-itm:hover ul li::before{
    background-image: url(images/pricing-tab-list-icon-hvr.webp);
}



















/* Blog Page */

.blog-hero {
    padding: 150px 0 30px;
}

.sidebar-blog {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin: 0 0 50px;
}
.sidebar-blog-item {
    width: 100%;
    margin: 0;
    position: relative;
}
.blog .sidebar-blog .sidebar-blog-item.blog_search {
    order: 3;
}
.blog .sidebar-blog .sidebar-blog-item.blog_categories {
    order: 1;
}
.blog .sidebar-blog .sidebar-blog-item.blog_archives {
    order: 2;
}
.blog .sidebar-blog .search-form {
    position: relative;
}
.sidebar-blog input.search-submit, .sidebar-blog.blog-sidebar-itm input.search-submit {
    position: absolute;
    right: 0px;
    top: 0;
    background-image: url(images/search-btn-img.webp) !important;
    background-repeat: no-repeat;
    background-size: 60px 100%;
    background-position: right center;
    width: 60px;
    height: 100%;
    border: none;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    outline: 0;
    transform: inherit;
    border-radius: 0 !important;
    color: #ffffff;
}
.screen-reader-text {
    display: none !important;
}
.sidebar-blog input.search-field, .sidebar-blog .widget select, .sidebar-blog.blog-sidebar-itm input.search-field, .sidebar-blog.blog-sidebar-itm .widget select {
    padding: 17px 70px 17px 25px;
    border-radius: 0;
    display: block;
    position: relative;
    border: 0;
    font-size: 21px;
    font-family: "Poppins";
    font-weight: 400;
    color: #ffffff !important;
    line-height: 130%;
    letter-spacing: -0.21px;
    width: 100%;
    max-width: 100%;
    appearance: none;
    outline: 0;
    background-color: #232323;
}
.sidebar-blog .widget h2 {
    display: none;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.sidebar-blog .widget select, .sidebar-blog.blog-sidebar-itm .widget select {
    background-image: url(images/sdbar-down-arrow-img.webp) !important;
    background-position: right 0 center;
    background-size: 60px 100%;
    background-repeat: no-repeat;
}
.sidebar-blog .widget{
    margin: 0;
}
.sidebar-blog input.search-field::placeholder{
    color: #ffffff !important;
}
.post-column-full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#post-content .posts-list {
    width: 30.7%;
    margin: 0 1.3% 2.5%;
    position: relative;
    background-color: #0a0a0a;
    padding: 0 0 45px;
    text-align: center;
    border: 1px solid #808080;
}
#post-content .posts-thumbnail img {
    width: 100%;
    display: block;
}
#post-content .posts-block {
    padding: 30px 30px 0;
    border-top: 1px solid #383838;
}
#post-content .posts-block h3 {
    margin: 0 0 20px;
}
#post-content .posts-block h3 a {
    font-family: "Bitter", serif;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.33;
    margin: 0px;
    color: #ffffff !important;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.posts-readmore{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}
#post-content .posts-list .author-info .posts-readmore a {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1.2px;
    color: #ffffff;
    padding: 12px 37px;
    background-color: #860413;
    text-transform: uppercase;
    display: inline-block;
    transition: none;
}
#post-content .posts-list:hover .author-info .posts-readmore a {
    background-color: #cf0138;
}
#post-content .posts-list:hover {
    background-image: url(images/blg-cnt-hvr-bg-img.webp);
    background-repeat: repeat;
    background-size: contain;
    background-position: bottom;
}
.post-column-full .post-pagination {
    width: 100%;
}
.post-column-full .nav-links {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px 0;
}
.post-column-full .nav-links .page-numbers {
    width: 56px;
    height: 60px;
    border-radius: 0px;
    margin: 0 5px;
    padding: 5px;
    font-size: 30px;
    font-weight: 500;
    font-family: "Bitter", serif;
    line-height: 1;
    letter-spacing: 0px;
    border: 0;
    text-align: center;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-column-full .nav-links .page-numbers.current, .post-column-full .nav-links .page-numbers:hover {
    background-color: #cf0138;
    color: #fff !important;
}
.post-column-full .nav-links a.prev.page-numbers, .post-column-full .nav-links a.next.page-numbers {
    display: inline-block;
    margin: 0 20px;
    border: none;
    padding: 0;
    background-image: url(images/blg-prv-arw-img.webp);
    background-repeat: no-repeat;
    background-color: #141414 !important;
    width: 56px;
    height: 60px;
    font-size: 0 !important;
    transition: 0.5s;
    background-color: transparent;
}
.post-column-full .nav-links a.prev.page-numbers:hover, .post-column-full .nav-links a.next.page-numbers:hover{
    background-color: #860413 !important;
}
.post-column-full .nav-links a.next.page-numbers{
    background-image: url(images/blg-next-arw-img.webp);
}













/* ///// */

.blog-hero {
    padding: 200px 0 15px;
    background-color: transparent;
}

.blog-title-cnt {
    text-align: center;
    margin: 0 auto 32px;
    position: relative;
    width: max-content;
    padding: 7px 50px;
}
 
.blog-title {
    font-size: 60px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 15px;
    background: linear-gradient(to right, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
}
 
.blog-subtitle {
    font-family: 'Vend Sans';
    font-size: 20px;
    line-height: 1.5;
    color: #423D45;
    letter-spacing: 0;
    margin: 0 0 15px 0;
    font-weight: 600;
}
 
.blog-toolbar {
    margin-top: 30px;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
 
.blog-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
 
.blog-tabs .tab {
    padding: 14px 18px;
    border-radius: 10px;
    border: 2px solid #E6E6F2;
    background-color: #FFFFFF;
    color: #1E1E2E;
    text-decoration: none;
    transition: 0.2s;
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}
.blog-tabs .tab:hover {
    background: #f6f5ff;
    border-color: #d6d3ff;
}
 
.blog-tabs .tab.active {
    background: #5b4bff;
    color: #fff;
    border-color: #5b4bff;
}
 
.blog-search {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #fff;
    border: 2px solid #E6E6F2;
    padding: 8px 20px;
    border-radius: 10px;
    flex-direction: row-reverse;
}
 
.blog-search input {
    border: none;
    outline: none;
    width: 265px;
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0;
    color: #423D45;
}
.blog-search input::placeholder{
      color: #423D45;
}
 
.blog-search button {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    background-image: url(images/blog-pg-search-icon.webp);
    width: 20px;
    height: 20px;
}
 
.blog-main {
    padding: 30px 0 60px;
}
.blog .hm-faq-lst {
    padding: 0;
    border: none;
}
.blog .pricing-page-btm {
    padding: 60px 0 120px;
}
.blog .hm-share-sec {
    padding: 120px 0 0px;
}
 
.blog-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    position: relative;
    z-index: 9;
}
 
.blog-card {
    background: #fff;
    border: 1px solid rgba(108 99 255 / 12%);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(17 24 39 / 14%);
    padding: 16px 16px 50px;    
    width: 31.5%;
    position: relative;
}
.blog-card:hover {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(0deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
}
 
.blog-thumb img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
        border-radius: 8px;
}
 
.blog-card-body {
    padding: 0;
}
.blog-thumb {
    margin: 0 0 24px;
    display: inline-block;
    width: 100%;
}
 
.blog-cat {
    display: inline-block;
    padding: 14px 14px;
    border-radius: 10px;
    background: rgba(108 99 255 / 20%);
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #1E1E2E;
    border: 2px solid #E6E6F2;
    box-shadow: 0 10px 30px rgba(16 24 40 / 8%);
    margin: 0 0 12px;
}
.blog-card-title {
    font-family: 'Vend Sans';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2A262D;
    margin: 0 0 10px;
}
 
.blog-card-title a {
    text-decoration: none;
    color: #111;
}
 
#page-column .blog-excerpt {
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2A262D;
    margin: 0 0 12px;
}
 
.blog-meta-bottom {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    margin: 0 0 20px;
}
 
.blog-readmore {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1;
    color: #000 !important;
    display: inline-block;
    padding-right: 30px;
    position: relative;
    padding-bottom: 8px;
    position: absolute;
    bottom: 16px;
    left: 16px;
}
 .blog-readmore::before{
    position: absolute;
    content: "";
    width: 16px;
    height: 14px;
    right: 0;
    top: 0;
    bottom: 4;
    margin: auto;
    background-image: url(images/blcmn-btn-arrw.webp);
    background-repeat: no-repeat;
    background-size: contain;
 }
  .blog-readmore:hover::before{
background-image: url(images/prime_arrow-up.png);
  }


.blog-readmore:hover {
    background: linear-gradient(to right, #B148FF 12%, #F7339B 25%, #FF650D 61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog-readmore:hover::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    right: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(to right, #B148FF 12%, #F7339B 25%, #FF650D 61%);
}






.blog-pagination {
    margin-top: 120px;
    display: flex;
    justify-content: center;
}
 
.blog-pagination .page-numbers {
    margin: 0 6px;
    padding: 5px;
    border-radius: 12px;
    border: 1px solid #ECECF6;
    text-decoration: none;
    height: 48px;
    width: 48px;
    box-shadow: 0 8px 20px rgba(16 24 40 / 6%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #111827;
    font-family: 'Vend Sans';
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.blog-pagination .page-numbers:hover {
    background-color: #F6F5FF;
    border-color: #DADAF5;
    color: #6C63FF;
}
 
.blog-pagination .page-numbers.current {
    background: #6C63FF;
    color: #fff;
    border-radius: 8px;
    border-color: transparent;
    box-shadow: 0 12px 30px rgba(108 99 255 / 30%);
}
.blog-pagination .next.page-numbers,.blog-pagination  .prev.page-numbers {
    font-size: 0px;
    background-image: url(images/blog-next-arow.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
}
.blog-pagination  .prev.page-numbers{
    transform: rotate(180deg);
}
.blog-pagination .next.page-numbers:hover, .blog-pagination .prev.page-numbers:hover {
    background-color: #F6F5FF;
    border-color: #DADAF5;
}
.blog-pagination .prev.page-numbers:hover {
   background-image: url(images/blog-hover-icon-pre.webp);
}
.blog-pagination .next.page-numbers:hover {
    background-image: url(images/blog-hover-icon-pre.webp);
}


.blog-meta-bottom span:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #423D45;
    border-radius: 100%;
    left: 0;
    top: 4px;
}
.blog-meta-bottom span {
    position: relative;
    padding-left: 17px;
    margin-right: 9px;
}
.blog-meta-bottom span:first-child{
    padding: 0;
}
.blog-meta-bottom span:first-child::before{
    display: none;
}
.blog-newsletter h2 {
    font-family: 'Momo Trust Display';
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 15px;
    font-size: 60px;
    color: #fff;
}
 .blog-newsletter p {
    color: #C7C9D1;
    margin: 0 0 40px;
    font-family: 'Vend Sans';
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 600;
}

 
@media (max-width: 992px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
 
@media (max-width: 600px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
    .blog-search input {
        width: 160px;
    }
}



/* single blog */

#page-content .single-main {
    width: 100%;
    max-width: 100%;
}

.single-post #main-heading {
    padding-bottom: 0;
}
.single-post .inrpg-breadcrumbs-sec{
    margin: 0;
}
#page-column .single-title {
    font-size: 64px;
    letter-spacing: -0.64px;
    color: #2A262D;
    background: none;
    -webkit-text-fill-color: inherit;
}
#page-column .single-subtitle {
    width: 71%;
    max-width: 100%;
    margin: 0 auto 20px;
}
.single-header .blog-meta-bottom {
    justify-content: center;
}
.single-header {
    margin-bottom: 48px;
    text-align: center;
}
.single-thumbnail {
    margin: 0px 0 48px;
    border-radius: 30px;
    overflow: hidden;
    height: 520px;
}
.single-thumbnail img {
    width: 100%;
    display: block;
    object-fit: cover;
}
#page-column .single-content p {
    font-weight: 400;
    margin: 0 0 20px;
}
#page-column .single-content h6 {
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #423D45;
    background: none;
    -webkit-text-fill-color: inherit;
    margin: 48px 0 18px;
}

.single-bottom-meta {
    margin: 0 0 120px;
    padding-top: 30px;
    border: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
 #page-column .single-bottom-meta p.meta-title{
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    margin: 0px 0 12px;
}
#page-column .single-bottom-meta .tag-pill {
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #423D45;
    letter-spacing: 0;
    border-radius: 10px;
    background: #FFFFFF;
    border: 2px solid #E6E6F2;
    padding: 14px 19px;
    position: relative;
}
#page-column .single-bottom-meta .tag-pill:hover {
    background-color: #f6f5ff;
    border-color: #d6d3ff;
}
.share-icons a {
    width: 37px;
    height: 37px;
    border-radius: 0;
    border: none !important;
    text-decoration: none;
    background: transparent;
    display: inline-block;
    background-image: url(images/face-book-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-size: 0px;
}
.share-icons .twitter{
        background-image: url(images/twittwer-img.webp);
}
.share-icons .linkedin{
    background-image: url(images/linked-in-icon.webp);
}
.share-icons .instagram{
    background-image: url(images/insta-icon.webp);
}
.share-icons a:hover {
    background: url(images/face-book-icon-hvr.webp), linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) ;
}
.share-icons .twitter:hover{
        background: url(images/twittwer-img-hvr.webp), linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) ;
}
.share-icons .linkedin:hover{
    background: url(images/linked-in-icon-hvr.webp), linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) ;;
}
.share-icons .instagram:hover{
    background: url(images/insta-icon-hvr.webp), linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) ;;
}
.tag-pills {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}


.author-box {
    margin: 0;
    padding: 60px 94px;
    border-radius: 16px;
    background: #FFF6EF;
    border: 0;
    display: flex;
    gap: 0;
    align-items: center;
    box-shadow: inset 7px 7px 8px #FFFFFF;
    width: 83%;
    margin: auto;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
#page-column  .author-name {
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 5px;
}
#page-column .author-bio{
    font-weight: 400;
}
#page-column .author-role, #page-column .author-bio {
    font-size: 16px;
}

#page-column .author-posts-link, #page-column a.view-more-articles {
    font-family: 'Vend Sans';
    font-weight: 500;
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    padding-right: 30px;
    position: relative;
    text-decoration: none;
    padding-bottom: 5px;
}
#page-column .author-posts-link:before, #page-column a.view-more-articles:before{
position: absolute;
content: "";
width: 16px;
height: 14px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-image: url(images/blcmn-btn-arrw.webp);
background-repeat: no-repeat;
background-size: contain;

}
#page-column .author-posts-link:hover:before, #page-column a.view-more-articles:hover:before {
    background-image: url(images/prime_arrow-up.png);
}
#page-column .author-posts-link:hover::after, #page-column a.view-more-articles:hover::after{
position: absolute;
content: "";
width: 100%;
height: 2px;
right: 0;
bottom: 0;
margin: auto;
background: linear-gradient(to right, #B148FF 12%, #F7339B 25%, #FF650D 61%);
}

#page-column .author-posts-link:hover, #page-column a.view-more-articles:hover {
    background: linear-gradient(to right, #B148FF 12%, #F7339B 25%, #FF650D 61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: 2px underline;
    text-underline-offset: 10px;
}

.author-box-avatar-wrap img, .author-box-avatar {
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: cover;
    display: block;
}
.author-box-avatar-wrap {
    width: 100px;
    margin-bottom: 12px;
}

.author-box-left {
    width: 17.4%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
}
.author-box-right {
    flex: inherit;
    width: 78.2%;
}

.blog-newsletter {
    margin-top: 0;
    padding: 120px 0;
    background: #2b004f;
    border-radius: 0;
    text-align: center;
    position: relative;
}
.newsletter-inner {
    max-width: 100%;
}
#page-column .blog-newsletter h2 {
    -webkit-text-fill-color: inherit;
    color: #ffffff;
    background: none;
}
#page-column .blog-newsletter p {
    color: #C7C9D1;
    margin: 0 0 40px;
}
.newsletter-form {
    position: relative;
    width: 100%;
    max-width: 520px;
    margin: auto;
    border-radius: 8px;
    overflow: hidden;
}
.newsletter-form input {
    width: 100%;
    padding: 10px 125px 10px 40px;
    border-radius: 0;
    outline: none;
    background-color: rgba(255 255 255 / 8%);
    border: 2px solid rgba(255 255 255 / 12%);
    font-family: 'Vend Sans';
    font-size: 16px;
    font-weight: 500;
    color: rgba(255 255 255 / 55%) !important;
    background-image: url(images/news-letter-input-mail.webp);
    background-repeat: no-repeat;
    background-position: left 13px center;
    background-size: 20px;
    position: relative;
        border-radius: 8px;
}
.newsletter-form input::placeholder {
    color: rgba(255 255 255 / 55%) !important;
}
.newsletter-form .frm-itm p{
margin: 0;
}
.newsletter-form button {
    border: none;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    background: linear-gradient(0deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    height: 100%;
    padding: 10px 22px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
}
section.blog-newsletter:before {
    position: absolute;
    content: "";
    width: 10.5%;
    height: 200px;
    left: 0;
    top: 0;
    background-image: url(images/news-letter-lft-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
}





.newsletter-form .frm-itm.submition input {
    border: none;
    color: #fff !important;
    border-radius: 0;
    cursor: pointer;
    background: linear-gradient(0deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    height: 100%;
    padding: 14px 8px;
    font-family: 'Momo Trust Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
}
.newsletter-form .frm-itm.submition input:hover {
    color: #fff !important;
    border-image:none;
     background: linear-gradient(180deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    border: none;
    border-radius: 0px;
    box-shadow: none;
}
.newsletter-form .frm-lst {
    position: relative;
    width: 100%;
}
.newsletter-form .frm-itm.submition {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}
.newsletter-form .frm-itm {
    margin: 0;
}




.single-comments {
    max-width: 100%;
    margin: 0;
    padding: 48px;
    border-top: none;
    border-radius: 30px;
    background-color: #FFF6EF;
    position: relative;
    z-index: 1;
}
#page-column .single-comments .comment-reply-title {
    font-size: 40px;
    -webkit-text-fill-color: inherit;
    background: none;
    color: #2A262D;
}
#page-column .comment-respond .comment-reply-title small {
    float: right;
    font-size: 60%;
    font-family: 'Vend Sans';
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    background: linear-gradient(to bottom, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.comment-form input, .comment-form textarea {
    width: 100%;
    border: 1px solid #E6E6F2;
    border-radius: 8px;
    padding: 17px 20px;
    margin-bottom: 12px;
    outline: none;
    font-family: 'Vend Sans';
    font-size: 18px;
    font-weight: 400;
    background-color: #FFFFFF;
    line-height: 130%;
    letter-spacing: 0;
    color: #1A1A1A;
    margin: 0;
}
.comment-form textarea {
    height: 120px;
    resize: none;
}
.comment-form .submit {
    border: none;
    padding: 15px 33px;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Vend Sans';
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #FFFFFF;
    background: linear-gradient(270deg, #ff650d 0%, #f7339b 50%, #b148ff 100%);
    width: auto;
    margin: 0;
    border: 1px solid transparent;
}

.comment-form .submit:hover {
    box-shadow: 0 0 25px #d9a3f6, 0 0 45px #d9a3f6;
    color: #F6339C;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
    border: 1px solid transparent;
}

#page-column p.form-submit {
    margin: 0;
}
.comment-author .says {
    display: none;
}

#page-column .related-articles h2 {
    font-size: 40px;
    -webkit-text-fill-color: inherit;
    background: no-repeat;
    color: #2A262D;
}
.related-articles {
    margin: 0;
    border-top: none;
    padding: 120px 0;
}
.related-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(108 99 255 / 12%);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease;
        padding: 16px 16px 50px;
    position: relative;
}
.related-thumb img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

#page-column .related-articles .related-card-title {
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #2A262D;
    background: no-repeat;
    -webkit-text-fill-color: inherit;
    margin: 0 0 10px;
}
#page-column .related-articles .related-card-title a{
    color: #2A262D;
}

 #page-column .related-excerpt {
    font-size: 16px;
}
.related-body {
    padding: 24px 0 0;
}
#page-column .ai-comments-title {
    font-size: 40px;
    color: #2A262D;
    background: none;
    -webkit-text-fill-color: inherit;
}
#page-column .comment-respond .comment-reply-title {
    font-family: 'Vend Sans';
    font-size: 28px;
    font-weight: 700;
    color: #423D45;
}
.comment-form-cookies-consent input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.comment-form-cookies-consent {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.related-grid { 
    z-index: 9;
    position: relative;
}
.comment-form .comment-form-url, .comment-form .comment-form-cookies-consent{
    display: none;
}

form#commentform {
    display: flex;
    flex-wrap: wrap;
}
#page-column .comment-form-author {
    order: 2;
    width: 48%;
    margin-right: auto;
}
p.comment-form-comment {
    order: 4;
}
p.comment-form-comment {
    width: 100%;
}
p.comment-notes {
    width: 100%;
    order: 1;
}
#page-column .comment-form-email {
    order: 3;
    margin-left: auto;
    width: 48%;
}
#page-column p.form-submit {
    margin: 0;
    order: 5;
    width: 100%;
}
 #page-column ul.ai-comment-list {
    padding: 0 0 32px;
    margin: 0 0 32px;
    border-bottom: 1px solid #D9D9D9;
}
span.ai-comment-reply {
    position: absolute;
    right: 0;
    top: 0;
}
.ai-comment-avatar {
    width: 58px;
}
.ai-comment-avatar img {
    width: 100%;
    display: block;
    border-radius: 100%;
}
.ai-comment-content {
    width: 88%;
}
.inr-virtual-itm-lst {
    z-index: 9;
    position: relative;
}
#page-column ul.ai-comment-list li:before {
    display: none;
}
.ai-comment-wrap {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

#page-column li span.ai-comment-date {
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 0 12px;
    position: relative;
    padding: 0 0 0 18px;
}
#page-column ul.ai-comment-list li span.ai-comment-date::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 0;
    top: 8px; 
    background-color: #423D45;
    border-radius: 100%;
    
}
#page-column .ai-comment-text p {
    font-size: 16px;
}
#page-column ul.children {
    margin: 0;
}

#page-column ul.children li:last-child{
    margin: 0;
}
#page-column ul.ai-comment-list li {
    padding-left: 0;
}

#page-column a.comment-reply-link {
    font-family: 'Vend Sans';
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #423D45;
    background: linear-gradient(to bottom, #B148FF 0%, #F7339B 50%, #FF650D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#page-column a.comment-reply-link:hover {
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

.related-card:hover {
     transform: translateY(0px);
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(0deg, #ff650d 0%, #f7339b 50%, #b148ff 100%) border-box;
}
.single-post #page-content {
    padding-bottom: 145px;
}