@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";



:root{

	--primary: #645EFD;

	--secondary: #212121;

    --light-grey: #F9F9FF;

    --white : #FFFFFF;

    --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --animation-duration: 1s;

}

@font-face {

    font-family: 'Lato Black';

    src: url('../font/Lato-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Hairline';

    src: url('../font/Lato-Hairline.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Bold';

    src: url('../font/Lato-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Heavy';

    src: url('../font/Lato-Heavy.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Light';

    src: url('../font/Lato-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Medium';

    src: url('../font/Lato-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Regular';

    src: url('../font/Lato-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Thin';

    src: url('../font/Lato-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Lato Semibold';

    src: url('../font/Lato-Semibold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}

.grey-background-sec {

    background-color: #F9F9FF;

}

*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

html{

    overflow-x: hidden;

    scroll-behavior: smooth;



}

html, body{

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    overflow-x: hidden;

}

body{

    font-size: 18px;

    line-height: 28px; 

    background-color: transparent;

    position: relative;

}

body.body-ovelay:after {

    content: "";

    position: absolute;

    background: rgba(0,0,0,0.5);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1111;

}

.container {

    padding: 0 15px;

}



ul li{

    list-style: none;

    margin-bottom: 20px;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 16px;

    line-height: 25px; 

    color: var(--secondary);

}

p{

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 20px;

    color: var(--secondary);

}

.businesses-heading h2{

    margin-bottom: 0;

}

a, a:hover{

    text-decoration: none;

}

h1{

    font-family: "Lato", sans-serif;

    font-weight: 900;

    font-style: normal;

    font-size: 45px;

    line-height: 54px;

    color: var(--secondary);

    margin-bottom: 15px;

}

h2 {

    font-family: "Lato", sans-serif;

    font-weight: 900;

    font-style: normal;

    font-size: 42px;

    line-height: 50px;

    color: var(--secondary);

    position: relative;

    margin-bottom: 25px;

}

h5{

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 25px;

    line-height: 28px;

    margin-bottom: 10px;

}

.btn-style1{

    padding: 10px 15px;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 19px;

    line-height: 24px;

    color: var(--secondary);

    background-color: #F0F0F0;

    border-radius: 5px;

    transition: all .5s ease-in-out;

    border: 2px solid transparent;

}

.btn-style1:hover{

    color: #FFF;

    background-color:var(--primary);

}

.btn-style2{

    padding: 10px 15px;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 19px;

    line-height: 24px;

    color: var(--white);

    border-radius: 5px;

    background-color:var(--primary);

    border: 2px solid transparent;

    transition: all .5s ease-in-out;

    display: block;

    width: fit-content;

}

.btn-style2:hover{

    color: #000;

    background-color: #F0F0F0;

}

.btn-style3{

    padding: 10px 15px;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 19px;

    line-height: 24px;

    color: var(--white);

    border-radius: 5px;

    background-color:var(--primary);

    transition: all .5s ease-in-out;

    display: block;

    width: fit-content;

}

.btn-style3:hover{

    color: #000;

    background-color: #F0F0F0;

}

header .logo img {

    height: 65px;

}

header.navbar.on-scroll-fixed .main-menu ul li {

    padding: 15px 15px;

    margin-top: 0px;

}

header.on-scroll-fixed .logo img  {

    height: 45px;

}



header nav ul li a{

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 19px;

    line-height: 23px;

    color: #212121;

    padding: 40px 0;

}

.main-menu ul li {

    display: inline-block;

    padding: 40px 20px;

    transition: all .4s ease;

    cursor: pointer;

    margin-top: 15px;

    border-bottom: 3px solid transparent;

    margin-bottom: 0;

}

header nav ul li:hover{

    background: rgba(100, 94, 253, 0.1);

    border-radius: 5px 5px 0px 0px;

    border-bottom: 3px solid var(--primary);

}

header nav ul li.active{

    background: rgba(100, 94, 253, 0.1);

    border-radius: 5px 5px 0px 0px;

    border-bottom: 3px solid var(--primary);

}

header nav{

    background-color: var(--white);

}

header {

    background: #fff;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);

    position: relative;

    z-index: 2;

}

header.on-scroll-fixed{

    position: fixed;

    width: 100%;

    z-index: 999;

}



/*  Biggest Businesses-slide */



.hero-sec-nav-item-img img{

    width: auto;

    max-height: 450px;

}

.hero-sec-left {

    position: relative;

    z-index: 1;

}

section.hero-sec:after {

    content: "";

    position: absolute;

    background-image: url(../images/left_side_vector.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    z-index: 0;

    left: 0;

    width: 160px;

    height: 255px;

    bottom: 0;

}

.hero-sec-right {

    position: relative;

    z-index: 1;

}

section.hero-sec::before {

    content: "";

    position: absolute;

    background-image: url(../images/right_side_vector.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    right: 0;

    width: 160px;

    height: 255px;

    bottom: 0;

}

.businesses-slider-main{

    margin-top: 50px;

}



.businesses-item-img img{

    max-height: 115px;

    width: auto;

    /* filter: grayscale(1); */

    margin: 0 auto;

}

.businesses-slider-main .slick-track {

    display: flex;

    align-items: center;

}

.businesses-slider-main .slick-slide {

    display: flex;

    height: inherit;

    align-items: center;

    justify-content: center;

    padding: 0 30px;

}

.businesses .slick-dots li {

    position: relative;

    display: inline-block;

    width: 15px;

    height: 15px;

    margin: 0px 4px;

    padding: 0;

    cursor: pointer;

    background: #d9d9d9;

    border-radius: 50%;

}

.businesses .slick-dots li.slick-active {

    background: var(--primary);

}

.businesses .slick-dots li button:before {

    font-size: 0;

}

.businesses .slick-dots {

    bottom: -70px;

}

/* .businesses-slider-main .slick-slide.slick-current img {

    filter: unset;

} */

/* .businesses-slider-main .businesses-item .businesses-item-img img{

    transition: all .2s ease-in-out;

    cursor: pointer;

} */

.businesses-slider-main .businesses-item:hover .businesses-item-img img {

    filter: unset;

}

/* End Biggest Businesses-slider */



/* Tracking App */

section.tracking-app {

    background-color: #FAFAFA;

}

.tracking-app-tab-image {

    height: 100px;

    width: 100px;

    background-color: #F1F1F1;

    display: grid;

    place-items: center;

    border-radius: 50%;

    margin-bottom: 15px;

    transition: all .5s ease-in-out;

}

.tracking-app-tab-desc p {

    transition: all .5s ease-in-out;

    padding: 0 10px;

}

.tracking-app-tab {

    text-align: -webkit-center;

    display: flex;

    justify-content: center;

}

.tracking-app-sub-heading h4 {

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 32px;

    line-height: 38px;

    color: #212121;

    margin-bottom: 20px;

}

.tracking-app-sub-heading span {

    font-weight: 800;

}

.tracking-tab-content {

    display: flex;

    gap: 10px;

}

.tracking-tab-content-desc p {

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 20px;

    color: #212121;

    margin: 0;

}

.tab-content-inner-image-quote {

    height: 55px;

    width: 55px;

    margin-bottom: 20px;

    

}

.tracking-app-left-side ul {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}

.tracking-app-left-side ul li {

    list-style: none;

    margin-bottom: 0;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 16px;

    line-height: 7px;

    color: var(--secondary);

}

.tracking-app-tab ul.tabs-nav  {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 20px;

}

.tracking-app-tab ul li {

    transition: all .4s ease-in-out;

}

.tracking-app-tab ul li.active .tracking-app-tab-image,.tracking-app-tab ul li:hover .tracking-app-tab-image{

    background-color:#645EFD;

}

.tracking-app-tab ul li.active .tracking-app-tab-desc p, .tracking-app-tab ul li:hover .tracking-app-tab-desc p{

    color:#645EFD;

}

.tracking-app-tab ul li.active .tracking-app-tab-image img, .tracking-app-tab ul li:hover .tracking-app-tab-image img {

    filter: brightness(0) invert(1);

}

.tracking-app-right-side-img {

    height: 445px;

    width: auto;

    margin: 0 auto;

}

.tracking-app-right-side-img img{

    height: inherit;

    width: auto;

    margin: 0 auto;

}

.tracking-app-heading.text-center h2 {

    margin-bottom: 40px;

}

#tabs-nav-tracking li a {

    display: grid;

    place-items: center;

  }

/* End Tracking App */



/* PSM_App  */

.psm_app{

    background-image:url('../images/PSM_app.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-color: var(--primary);

}

.psm-heading h2{

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 30px;

    line-height: 36px;

    color: #FFFFFF;

    margin-bottom: 15px;

}

.psm-content p{

    font-family: "Lato", sans-serif;

    font-weight: 900;

    font-style: normal;

font-size: 42px;

line-height: 50px;

color: #FFFFFF;

}

.psm-btn {

padding: 10px 15px;

font-family: "Lato", sans-serif;

font-weight: 400;

font-style: normal;

font-size: 19px;

line-height: 24px;

color: var(--primary);

border-radius: 5px;

background-color: var(--white);

transition: all .5s ease-in-out;

display: block;

width: -moz-fit-content;

width: fit-content;

margin: 0 auto;

}

.psm-btn:hover {

color: #fff;

background-color: var(--primary);

}

/* End PSM_App  */



/*  Unique Features */

.unique_Features-heading {

    width: fit-content;

    margin: 0 auto;

}

.heading-center-bottom-border::after {

    content: unset;

    position: absolute;

    height: 6px;

    width: 65px;

    background-color: var(--primary);

    bottom: -20px;

    left: 50%;

    transform: translateX(-50%);

}

.future-unique-cols-inner{

    display: flex;

    gap: 20px;

    /* align-items: center; */

}

.future-unique-icon-detail h5 {

    margin:10px 0px;

}

.future-unique-icon {

    background-color: var(--primary);

    height: 100px;

    width: 100px;

    border-radius: 10px;

    padding: 50px;

    position: relative;

}

.future-unique-icon img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    max-height: 75px;

}

.future-unique-icon-detail p{

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 25px;

    margin: 0;

}

/* End Unique Features*/



/* two-column */

.global-vincitore-nstack-sec {

    background-color: #F9F9FF;

}

.global-vincitore-nstack-sec .grid {

   position: relative;

   z-index: 1;

}

.two-column-left-side-title p {

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 40px;

    line-height: 48px;

    margin-bottom: 0;

}

.two-column-left-side-content p {

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 24px;

}



.global-vincitore-nstack-sec::after{

    content: "";

    position: absolute;

    background-image: url(../images/left_side_vector.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    left: 0;

    width: 50%;

    height: 255px;

    bottom: 0;

}

.global-vincitore-nstack-sec::before{

    content: "";

    position: absolute;

    background-image: url(../images/right_side_vector.png);

    background-repeat: no-repeat;

    background-position: bottom left;

    right: 0;

    width: 160px;

    height: 255px;

    bottom: 0;

    

}

/* Leading Businesses */

section.leading-businesses-sec {

    margin-bottom: 70px;

}

.heading-left-bottom-border::after {

    content: "";

    position: absolute;

    height: 6px;

    width: 65px;

    background-color: var(--primary);

    bottom: -20px;

    left: 0;

}

.tracking-app-left-side .tracking-app-inner-heading h2 {

    margin-bottom: 40px;

}

.tracking-app-left-side .tracking-app-inner-heading h2:after {

    bottom: -20px;

}

.request-demo-left-side .request-demo-left-side-heading p {

margin-bottom: 60px;

}

.tabs-nav li.active .tabs-nav-main {

    background-color: #ECECFF;

    box-shadow: unset;

}

.tabs-nav-main {

    background-color: var(--white);

    height: 120px;

    width: 445px;

    border-radius: 15px;

    gap: 30px;

    padding: 20px 30px;

    display: flex;

    align-items: center;

    position: relative;

    box-shadow: 0px 5px 12px rgb(0 0 0 / 7%);

}

.tabs-nav li.active .tabs-nav-main::after{

    content: "";

    position: absolute;

    height: 15px;

    width: 15px;

    background-color: var(--primary);

    top: 50%;

    left: -5px;

    border-radius: 50%;

    transform: translateY(-50%)

}

.tabs-nav-image {

    height: 100px;

    width: 100px;

    border-radius: 50%;

    background-color: #FAFAFA;

    padding: 15px;

    display: grid;

    place-items: center;

}

.tabs-nav-image img {

    height: auto;

    width: 100%;

}

.tabs-nav-desc h4, .tab-content-inner h4 {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 26px;

    line-height: 31px;

}

.tab-content-inner h4 {

    padding-top: 45px;

}

.tabs-nav li:last-child {

    margin: 0;

}

.tabs-nav-desc p {

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 22px;

    margin: 0;

}

.leading-businesses-right{

    background-color:var(--white);

    box-shadow: 0px 5px 12px 2px rgba(0, 0, 0, 0.07);

    border-radius: 15px;;

    width: 100%;

    text-align: center;

    padding: 40px;

    position: relative;

}

.tab-content-subinner p {

    padding: 10px 30px;

}

.tab-content-inner p{

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 22px;

    color: #A5A5A5;

    margin-bottom: 0px;

}

.tab-content-inner-image {

    height: 135px;

    width: 135px;

    background-color: #F4F4F4;

    border-radius: 50%;

    display: grid;

    place-content: center;

    position: absolute;

    left: 50%;

    top: -75px !important;

    padding: 10px;

    transform: translateX(-50%);

}

/* End Leading Businesses */



/* Request A Demo */

.request-demo{

    background-image: url('../images/requestdemo_img.png');

    background-repeat: no-repeat;

    background-position:center;

    background-size: cover;

    height: auto;

    width: 100%;

    background-color: var(--primary);

}

.request-demo-left-side-heading h2, .request-demo-left-side-heading p{

    color:var(--white);

}

.request-demo-left-side-heading .heading-left-bottom-border:after {

    background-color: var(--white);

    bottom: -70px;

}

.request-demo-left-side-heading h2 {

    margin-bottom: 10px;

}

.request-demo-desc-inner {

    display: flex;

    gap: 15px;

}

.request-demo-icon {

    background-color: #fff;

    border-radius: 50%;

    height: 60px;

    width: 60px;
    min-height: 60px;
    min-width: 60px;

    display: grid;

    place-items: center;

}

.request-demo-left-side-heading {

    padding-bottom: 70px;

}

.request-demo-left-side .request-demo-left-side-heading {

    padding: 0;

}

.request-demo-desc-content p, .request-demo-desc-content a{

    color: #fff;

    margin-bottom: 0;

}

.request-demo-desc-content a {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 29px;

    line-height: 55px;

    transition: all 0.5s ease-in-out;

}

.request-demo-desc-content a:hover{

    color: #000;

}

.request-demo-social-icon ul{

    display: flex;

}

.request-demo-social-icon ul li{

    color: var(--white);

    width: 72px;

    height: 72px;

    border: 1px solid var(--white);

    border-radius: 50%;

    display: grid;

    place-items: center;

    margin-right: 20px;

    margin-bottom: 0;

    cursor: pointer;

    transition: all .4s ease;

}

.request-demo-social-icon ul a:hover li{

    background-color: var(--white);

    color: var(--primary);

}

.request-demo-social-icon ul a:hover li svg path{

    fill: var(--primary);

}

.request-demo-right-side h2{

    text-align:center;

}

.request-demo-right-side {

    height: auto;

    width: 100%;

    border-radius: 15px;

    background-color:#F1F1FF;

    padding: 40px;

    position: relative;

    margin-top: -160px;

}

input#submit_btn {

    margin-top: 15px;

}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, .form-group textarea {

    height: 45px;

    background-color: #FFFFFF;

    border: 1px solid rgba(43, 42, 38, 0.21);

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 16px;

    line-height: 24px;

    color:#2B2A26;

    outline: 0 !important;

    margin-bottom: 15px;

    border-radius: 0;

    width: 100%;

    padding: 14px;

}

.request-demo-right-side input[type='submit'] {

    background-color: var(--primary);

    height: 62px;

    width: 266px;

    border-radius: 5px;

    color: var(--white);

    font-size: 22px;

    line-height: 28px;

    transition: all 0.5s ease-in-out;

    border: 2px solid transparent;

    cursor: pointer;

}

.heading-center-bottom-border.request-demo-right-h2:after {

    bottom: -30px;

}

.request-demo-right-h2 {

    margin-bottom: 60px;

}

.request-demo-right-side .form-group .custom-form-control {

    border-radius: 5px;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 28px;

    color: #989898;

    height: 60px;

}

.request-demo-right-side .form-group textarea{

    height: 100px !important;

}

.request-demo-right-side-main{

    position: relative;

}

/* End Request A Demo */



/* footer */

.f-content{

    background-color:#4C45FF;

    /* height: 80px; */

    /* width: 100%; */

    display: grid;

    place-items: center;

    padding: 10px 20px;

}

.f-content p{

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 18px;

    line-height: 28px;

    text-align: center;

    /* padding: 25px 0px; */

    color: var(--white);

    margin: 0;

}

/*End footer */

/*fixed social icon*/

.floating-container {

    position: fixed;

    right: 20px;

    bottom: 110px;

    z-index: 9999;

}

.social-icon {

    border-radius: 50px;

    height: 55px;

    width: 55px;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -10;

    margin-bottom: -40px;

    background-color: #fff;

    position: relative;

    -webkit-transition: top .3s, margin-bottom .3s, opacity .1s;

    transition: top .3s, margin-bottom .3s, opacity .1s;

    padding: 14px 0 15px;

    cursor: pointer;

    transition: all .2s linear;

    box-shadow: 0 1px 10px 3px rgb(0 0 0 / 18%);

    visibility: hidden;

    box-sizing: border-box;

}

.floating-btn:hover {

    background: var(--primary);

}

.social-icon>a,

.actionive>a {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

}

.social-icon:first-child svg {

    width: 25px;

}

.social-icon .svg {

    width: 30px;

    height: 30px;

    display: block;

    text-align: center;

    margin: 0 auto;

    vertical-align: top;

    position: relative;

    z-index: 1;

}

.social-icon img,

.social-icon i,

.social-icon a svg {

    width: auto;

    height: 28px;

    display: block;

    text-align: center;

    margin: 0 auto;

    vertical-align: top;

    position: relative;

    z-index: 1;

}

.plus {

    background: url(../images/contact-us-icon.png) 90% 0 no-repeat;

    width: auto;

    height: 27px;

    display: block;

    background-size: 27px 27px;

    position: relative;

    margin: 15px 10px;

}

.floating-btn:hover .plus{

    filter: brightness(9999);

}

.social-icon:hover,

.social-icon:hover span {

    background: var(--primary);

}

.social-icon:hover a span {

    color: #fff;

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

}

.floating-btn {

    background-color: #fff;

    box-shadow: 0 1px 10px 3px rgb(0 0 0 / 18%);

    border-radius: 50px;

    height: 55px;

    width: 205px;

    position: fixed;

    z-index: 999;

    cursor: pointer;

    bottom: 40px;

    right: 20px;

    transition: all .5s ease-in-out;

}

.actionive:nth-of-type(2) {

    top: -45px;

    opacity: 1;

}

.actionive:nth-of-type(1) {

    top: -105px;

    opacity: 1;

}

.actionive:nth-of-type(3) {

    top: -40px;

    opacity: 1;

}

.boxspand {

    width: 55px;

    height: 55px;

}

.social-icon .live-toggle {

    opacity: 0;

}

.actionive .live-toggle {

    background: #fff;

    position: absolute;

    right: 25px;

    top: -14px;

    z-index: 0;

    border-right: 0;

    border-radius: 50px 10px 10px 50px;

    color: #000;

    white-space: nowrap;

    line-height: 55px;

    height: 55px;

    padding: 0 20px 0 15px;

    opacity: 0;

    width: 0;

    transition: all .5s ease-in-out;

    overflow: hidden;

    box-shadow: -7px 0 9px 1px rgb(0 0 0 / 10%);

    font-size: 16px;

    color: #0a57f4;

}

.actionive:hover .live-toggle {

    opacity: 1;

    width: 210px;

    text-align: left;

}

.social-icon:hover img {

    filter: brightness(9999);

}

.floating-btn:hover span.textpand {

    filter: brightness(9999);

}

.social-icon:first-child svg {

    width: 25px;

}

.plus:before {

    position: absolute;

    top: 0;

    left: 0;

    border: 0;

    -webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1);

    -webkit-animation-iteration-count: infinite;

    border-radius: 50px;

    content: 'Contact Us';

    margin-left: 12px;

    margin-right: 20px;

    color: var(--primary);

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 22px;

    line-height: 27px;

}

.textpand {

    background: url(../images/close-icon.png) center center no-repeat;

    width: 22px;

    height: 22px;

    display: block;

    z-index: -1;

    margin: 17px auto 15px;

}

.plus.textpand:before {

    display: none;

}

.textpand {

    display: block;

    z-index: -1;

}

/*end fixed social icon*/

/* media start here */

.unique_Features h2 {

    margin-bottom: 20px;

}

/* Lastes-blogs */



.blog-slider-sec .slick-prev:before, .blog-slider-sec .slick-next:before {

    content: "";

    background-image: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.4891 70.8687C16.1198 70.864 0.493764 55.2151 0.500655 35.8434C0.505256 16.4856 16.2025 0.822792 35.542 0.868752C40.1409 0.869943 44.6945 1.77845 48.9418 3.54223C53.1892 5.30601 57.0468 7.89041 60.2937 11.1474C63.5407 14.4044 66.1132 18.27 67.8638 22.5227C69.6145 26.7754 70.509 31.3318 70.496 35.9307C70.473 55.2541 54.8194 70.8801 35.4891 70.8687ZM35.4937 66.321C52.2825 66.3233 65.923 52.7057 65.946 35.9239C65.969 19.1006 52.3652 5.45315 35.5328 5.41638C18.7348 5.38191 5.05748 19.0386 5.04828 35.8503C5.04368 52.6712 18.6797 66.321 35.4937 66.321Z' fill='%23645EFD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.7292 35.972C25.717 34.5904 26.2523 33.2602 27.2183 32.2723C30.9049 28.4582 34.6062 24.6581 38.3219 20.8723C39.2779 19.8979 40.6383 19.8796 41.562 20.7735C42.4996 21.6788 42.5065 23.076 41.5368 24.0733C38.1036 27.6075 34.6613 31.128 31.2213 34.653C29.9827 35.9215 29.9758 35.9812 31.2213 37.2566C34.6131 40.7311 38.0071 44.2056 41.4058 47.6686C41.9665 48.2407 42.3295 48.875 42.2399 49.6884C42.1411 50.6214 41.6356 51.2809 40.7624 51.6049C39.857 51.9404 39.0274 51.7336 38.3495 51.0442C36.3696 49.0394 34.3972 47.0271 32.4323 45.0075C30.7272 43.2657 29.0153 41.5239 27.324 39.7659C26.306 38.6997 25.7292 37.4335 25.7292 35.972Z' fill='%23645EFD'/%3E%3C/svg%3E%0A");

    width: 71px;

    height: 71px;

    position: absolute;

    opacity: 1;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.blog-slider-sec .slick-next:before {

  

    background-image: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.7238 0.0844643C55.0931 0.0890648 70.7191 15.738 70.7122 35.1097C70.7076 54.4676 55.0104 70.1303 35.6709 70.0844C31.0719 70.0832 26.5184 69.1747 22.2711 67.4109C18.0237 65.6471 14.1661 63.0627 10.9192 59.8057C7.67222 56.5487 5.09973 52.6832 3.34906 48.4304C1.59839 44.1777 0.703939 39.6213 0.716937 35.0224C0.739916 15.699 16.3935 0.0729744 35.7238 0.0844643ZM35.7192 4.6321C18.9304 4.6298 5.28984 18.2474 5.26686 35.0293C5.24388 51.8525 18.8477 65.5 35.6801 65.5367C52.4781 65.5712 66.1554 51.9145 66.1646 35.1028C66.1692 18.2819 52.5332 4.6321 35.7192 4.6321Z' fill='%23645EFD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.4837 34.9811C45.4959 36.3627 44.9605 37.6929 43.9946 38.6808C40.308 42.495 36.6067 46.295 32.891 50.0809C31.935 51.0552 30.5746 51.0736 29.6509 50.1797C28.7133 49.2743 28.7064 47.8771 29.6761 46.8798C33.1093 43.3456 36.5516 39.8252 39.9916 36.3001C41.2302 35.0316 41.2371 34.9719 39.9916 33.6965C36.5998 30.2221 33.2058 26.7476 29.8071 23.2846C29.2464 22.7124 28.8833 22.0781 28.973 21.2647C29.0718 20.3317 29.5773 19.6722 30.4505 19.3482C31.3559 19.0127 32.1855 19.2195 32.8634 19.9089C34.8433 21.9137 36.8157 23.926 38.7806 25.9456C40.4856 27.6874 42.1976 29.4293 43.8889 31.1872C44.9069 32.2534 45.4837 33.5196 45.4837 34.9811Z' fill='%23645EFD'/%3E%3C/svg%3E%0A");

   

}

.blog-slider-sec .slick-next{

    right: 100px;

}

.blog-slider-sec .slick-prev{

    left: 0;

}

.blog-slider-sec .slick-prev, .blog-slider-sec .slick-next  {

    z-index: 999;

}







.lastes-blogs-main{

 

    background: #FFF;

    backdrop-filter: blur(10px);

     

    border: 1px solid #E5EFFF;

    transition: all .5s ease-in-out;

    cursor: pointer;

}

.lastes-blogs-main:hover{

    box-shadow: 0px 5px 12px transparent;

}

a.view-blog-sec{

    position: absolute;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    background: #E5EFFF;

    padding: 15px;

    border: 1px solid #E5EFFF;

    border-top-left-radius: 15px;

    color: #645EFD;

    gap: 10px;

}

.lastes-blogs-img{

    background-color:transparent;

    height: 250px;

    /* background-image: url('../images/blog_banner_img.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover; */

    position: relative;

    overflow: hidden;



}



.testimonialforslider .slick-prev:before, .testimonialforslider .slick-next:before{

content: "";

position: absolute;

background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1.47705' width='38.9168' height='39' rx='19.4584' fill='%23F0F6FF'/%3E%3Crect x='0.5' y='1.47705' width='38.9168' height='39' rx='19.4584' stroke='%23E5EFFF'/%3E%3Cpath d='M17.5 25.9771L22.5 20.9771L17.5 15.9771' stroke='%23645EFD'/%3E%3C/svg%3E%0A");

background-repeat: no-repeat;

background-size: contain;

background-position: center;

width: 58px;

    height: 58px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.testimonialforslider .slick-prev:before{

transform: rotate(-180deg) translate(50%, 50%) !important;

}

.testimonialforslider:before{

    content: "";

    position: absolute;

    background-image: url("data:image/svg+xml,%3Csvg width='100' height='31' viewBox='0 0 100 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.977051H100L50 30.9771L0 0.977051Z' fill='white'/%3E%3C/svg%3E%0A");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    bottom: -28px;

    left: 50%;

    transform: translateX(-50%);

    width: 100px;

    height: 30px;

}



.testimonialforslider{

    box-shadow: 0 4px 40px rgba(100, 94, 253, 0.25);

    padding: 50px;

    margin-bottom: 80px;

    position: relative;

    border-radius: 20px;

    margin: 0 auto;

    margin-bottom: 60px;

    width: 1180px;

}

.testimonial-for-item {

    text-align: center;

}

.testimonial-for-item h4 {

    text-transform: capitalize;

    color: #000000;

    font-size: 42px;

    padding-bottom: 5px;

}

.testimonial-for-item span {

    color: #212121;

    text-transform: capitalize;

    padding-top: 5px;

    display: inline-block;

}

.testimonial-nav-item {

    cursor: pointer;

}



.testimonialnavslider {

    max-width: 600px;

    margin: 0 auto;

}

.testimonialnavslider .slick-slide{

    width: auto !important;

}

.testimonialnavslider .slick-slide .testimonial-nav-item {

    width: 123px;

    height: 123px;

    border-radius: 50%;

    overflow: hidden;

    display: inline-block !important;

    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

    border: 2px solid transparent;

    margin-top: 38px;

    transition: all .4s ease;

}

.testimonialnavslider .slick-slide.slick-current .testimonial-nav-item {

    width: 180px;

    height: 180px;

    filter: drop-shadow(0px 4px 4px transparent);

    margin-top: 0;

    border: 2px solid var(--primary);

}

.testimonialnavslider .slick-slide .testimonial-nav-item img {

    width: inherit;

    height: inherit;

    object-fit: cover;

}



.testimonialnavslider .slick-slide{

    margin: 0 10px;

    transition: all 0.5s ease;

}



.blog-slider-sec .slick-dots li button:before 

{

    content: "";

    border: 1px solid #D9D9D9;

    width: 25px;

    height: 5px;

    background-color: #D9D9D9;

    top: 25px;

}

.blog-slider-sec .slick-dots li.slick-active button:before {

    background-color: #645EFD;

    border: 1px solid #D9D9D9;

    box-shadow: 0 5px 10px 5px #0000000a;

}

.blog-detail-heading{

    width: 80%;

}

.blog-detail h1{

    font-size: 36px;

    line-height: 42px;

}

.lastes-blogs-img img{

    height: inherit;

    width: 100%;

    object-fit: cover;

    /* border-radius: 50px 50px; */

}

.blog-slider-sec .slick-slide {

    margin-right: 40px;

}

.lastes-blogs-desc{

    color: #000;

    border-radius: 0 0 50px 50px;

    padding: 30px;

    position: relative;

    padding-top: 75px;

}

.lastes-blogs-content {

    position: relative;

}

.lastes-blogs-content > span {

    position: absolute;

    font-size: 100px;

    color: #F0F6FF;

    z-index: -1;

    top: -15px;

}

.lastes-blogs-readmore {

    /* display: flex;

    align-items: center;

    gap: 15px; */

    width: fit-content;

    transition: all .5s ease-in-out;

    cursor: pointer;

    font-size: 24px;

    line-height: 28px;

    color: #000000;

    font-weight: bold;

    position: relative;

}

.lastes-blogs-readmore svg {

    width: auto;

    height: 35px;

}

.lastes-blogs-readmore svg path {

    transition: all .5s ease-in-out;

}

.lastes-blogs-cate-date {

    display: flex;

    gap: 20px;

}

.lastes-blogs-cate-date li {

    position: relative;

}

/* .lastes-blogs-cate-date li:first-child:after {

    position: absolute;

    content: "";

    top: 51%;

    transform: translateY(-50%);

    right: -10px;

    width: 1px;

    height: 20px;

    background-color: #000;

} */

.lastes-blogs-readmore:hover {

    color:var(--primary);

}

.lastes-blogs-readmore:hover svg{

    stroke: var(--primary);

}

.blog-detail-img {

    width: 80%;

    height: 400px;

    margin: 0 auto;

    margin-bottom: 40px !important;

}

.blog-detail-img img {

    /* margin-bottom: 40px; */

    /* border-radius: 50px; */

    margin: 0 auto;

    width: 100%;

    height: inherit;

    border-radius: 15px;

}

.blog-h2 {

    font-size: 35px;

    line-height: 40px;

}

.blog-h3{

    font-size: 28px;

    line-height: 32px;

    margin-bottom: 10px;

}

/* End Lastes-blogs */



/* common-banner */

.common-banner {

    /* background-color: #f5f5f5; */

    height: 190px;

}

.common-banner .container{

    position: relative;

    height: 100%;

}

.banner-desc{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.banner-desc.text-center p {

    font-size: 32px;

    line-height: 38px;

}

/* End common-banner */



/* Creative Video */

/* .blog-detail{

    background-color:#F9F9FF;

} */

.inner-author-img {

    width: 80px;

    height: 80px;

    /* -o-object-fit: cover; */

    object-fit: cover;

}

.inner-author-img img {

    width: auto;

    height: inherit;

    -o-object-fit: cover;

    object-fit: cover;

    border-radius: 50%;

}

.blog-detail .author-img-content {

    padding: 40px 0;

}

.main-blog-detail-inner img {

    border-radius: 40px;

    margin-bottom: 20px;

}

.author-img-content {

    display: flex;

    align-items: center;

    gap: 20px;

}

.author-img-content span:nth-child(2) {

    position: relative;

    margin-right: 20px;

}

.author-img-content span:nth-child(2):after {

    position: absolute;

    content: "";

    width: 2px;

    height: 40px;

    background: #000;

    top: 50%;

    right: -20px;

    transform: translateY(-50%);

}

.main-blog-detail-inner p {

    margin-top: 20px;

}



.custom-pagination {

    position: relative;

    margin-top: 70px;

    transition: all 0.4s ease;

}



.wp-custom-pagination {

    position: relative;

}



.custom-pagination:after,

.wp-custom-pagination::after {

    content: "";

    position: absolute;

    width: 100%;

    /* border-bottom: 1px solid red; */

    top: 50%;

    transform: translateY(-50%);

    z-index: -1;

}

.custom-pagination ul, .wp-custom-pagination .inner-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    background-color:;

    width: -moz-fit-content;

    width: fit-content;

    margin: 0 auto;

    padding: 0 35px;

}

.wp-custom-pagination .inner-pagination a {

    display: flex;

    gap: 10px;

    align-items: center;

    text-transform: capitalize;

}

.inner-circle, .wp-custom-pagination span {

    background: #e8e8e8;

    width: 45px;

    height: 45px;

    color: #000;

    display: grid;

    place-items: center;

    border-radius: 50%;

    transition: all .4s ease;

}

/* End Creative Video */



/* faq */



.accordion .accordion-item {

    border-bottom: 1px solid #e5e5e5;

  }

  .accordion .accordion-item button[aria-expanded=true] {

    border-bottom: 1px solid var(--primary);

  }

  .accordion button {

    position: relative;

    display: block;

    text-align: left;

    width: 100%;

    padding: 10px 0;

    color: #7288a2;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 20px;

    line-height: 24px;

    font-weight: 400;

    border: none;

    background: none;

    outline: none;

  }

  .accordion button:hover, .accordion button:focus {

    cursor: pointer;

    color: var(--primary);

  }

  .accordion button:hover::after, .accordion button:focus::after {

    cursor: pointer;

    color: var(--primary);

    border: 1px solid var(--primary);

  }

  .accordion button .accordion-title {

    padding: 1em 1.5em 1em 0;

  }

  .accordion button .icon {

    display: inline-block;

    position: absolute;

    top: 10px;

    right: 0;

    width: 22px;

    height: 22px;

    border: 1px solid;

    border-radius: 22px;

  }

  .accordion button .icon::before {

    display: block;

    position: absolute;

    content: "";

    top: 9px;

    left: 5px;

    width: 10px;

    height: 2px;

    background: currentColor;

  }

  .accordion button .icon::after {

    display: block;

    position: absolute;

    content: "";

    top: 5px;

    left: 9px;

    width: 2px;

    height: 10px;

    background: currentColor;

  }

  .accordion button[aria-expanded=true] {

    color: var(--primary);

  }

  .accordion button[aria-expanded=true] .icon::after {

    width: 0;

  }

  .accordion button[aria-expanded=true] + .accordion-content {

    opacity: 1;

    max-height: max-content;

    transition: all 200ms linear;

    will-change: opacity, max-height;

  }

  .accordion .accordion-content {

    opacity: 0;

    max-height: 0;

    overflow: hidden;

    transition: opacity 200ms linear, max-height 200ms linear;

    will-change: opacity, max-height;

  }

  .accordion .accordion-content p {

    font-size: 18px;

    line-height: 22px;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    margin: 20px 0;

  }

  .accordion .accordion-item:last-child {

    border-bottom: 0px;

  }

/* end faq */

.banner_main {

    background-image: url(../images/banner_bg_image_1.png);

    background-size: cover;

    background-position: right top;

    background-repeat: no-repeat;

}

ul.banner_breadcrumbs {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    row-gap: 16px;

    column-gap: 34px;

    width: fit-content;

}

ul.banner_breadcrumbs li a, ul.banner_breadcrumbs li {

    font-family: "Lato", sans-serif;

    font-weight: 500;

    font-size: 24px;

    line-height: normal;

    color: #000;

    margin: 0;

    transition: all .4s ease;

}

ul.banner_breadcrumbs li a:hover {

    color: var(--primary);

}

ul.banner_breadcrumbs li {

    position: relative;

}

ul.banner_breadcrumbs li:before {

    position: absolute;

    content: "";

    top: 1px;

    right: -25px;

    width: 14px;

    height: 100%;

    background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.012 5.83658V6.79658L0.676 11.6566V9.97658C0.676 9.84058 0.708 9.71658 0.772 9.60458C0.844 9.49258 0.96 9.39258 1.12 9.30458L6.256 6.71258C6.576 6.54458 6.948 6.41258 7.372 6.31658C6.948 6.22058 6.576 6.08858 6.256 5.92058L1.12 3.32858C0.96 3.24058 0.844 3.14058 0.772 3.02858C0.708 2.91658 0.676 2.79258 0.676 2.65658V0.976578L10.012 5.83658Z' fill='black'/%3E%3C/svg%3E%0A");

    background-position: center;

    background-repeat: no-repeat;

}

ul.banner_breadcrumbs li:last-child:before {

    display: none;

}

.banner_main h1 {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    color: #000;

    margin-bottom: 24px;

}

.global-vincitore-nstack-sec.about_us_gn p, .why_thepsm_left p {

    font-family: "Lato", sans-serif;

    font-weight: 500;

    font-size: 24px;

    line-height: normal;

    color: #000;

}

.why_thepsm_left p {

    margin-bottom: 24px;

    text-align: justify;

}

.why_thepsm_left p:last-child {

    margin: 0;

}

.global-vincitore-nstack-sec.about_us_gn h2 p {

    font-size: inherit;

    line-height: inherit;

    font-weight: 500;

    color: #000;

}

.why_thepsm h2 {

    color: #000;

    font-weight: 500;

}

.why_thepsm h2 p {

    font-size: inherit;

    line-height: inherit;

    font-weight: 700;

    color: var(--primary);

}

.global-vincitore-nstack-sec.about_us_gn h2 {

    font-weight: 700;

    color: var(--primary);

}

.global-vincitore-nstack-sec.about_us_gn p:last-child {

    margin: 0;

}

.global-vincitore-nstack-sec.about_us_gn .two-column-right-side-inner {

    height: 470px;

    width: auto;

}

.global-vincitore-nstack-sec.about_us_gn:hover .two-column-right-side-inner img {

    cursor: pointer;

    transform: scale(.95);

}

.global-vincitore-nstack-sec.about_us_gn .two-column-right-side-inner img {

    transition: all .4s ease;

    height: inherit;

    width: inherit;

}

.global-vincitore-nstack-sec.about_us_gn:before, .global-vincitore-nstack-sec.about_us_gn:after {

    display: none;

}

.why_thepsm_box {

    display: grid;

    place-items: center;

    padding: 28px 16px;

    border-radius: 20px;

    background-color: #EAE9FF;

    transition: all .4s ease;

}

.why_thepsm_box:hover {

    cursor: pointer;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.why_thepsm_box img {

    height: 100px;

    width: auto;

    margin: 0 auto;

    margin-bottom: 24px;

    transition: all .4s ease;

}

.why_thepsm_box:hover img {

    transform: scale(.95);

    filter: invert(1) brightness(0);

}

.why_thepsm_box h4 {

    font-size: 24px;

    line-height: normal;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    text-align: center;

    color: #000;

}

.why_thepsm {

    background-color: #F9F9FF;

}

.footer_main {

    background-color: #645EFD;

}

.footer_main {

    background-image: url('../images/requestdemo_img.png');

    background-size: cover;

    background-position: right top;

    background-repeat: no-repeat;

}

.footer_main * {

    color: #fff;

}

.footer_main h2 {

    font-weight: 700;

    font-size: 48px;

    line-height: normal;

}

.footer_main h2 + p {

    font-size: 24px;

    line-height: normal;

    margin-bottom: 24px;

}

.fotoer_svg {

    margin-bottom: 48px;

}

.footer_contact {

    display: flex;

    gap: 30px;

    align-items: center;

    margin-bottom: 36px;

    width: fit-content;

}

.footer_contact:hover p {

    color: #000;

}

.footer_c_text span {

    font-size: 24px;

    line-height: normal;

    font-weight: 700;

    color: #fff;

    margin-bottom: 12px;

    display: block;

}

.footer_c_text p {

    font-size: 32px;

    line-height: normal;

    font-weight: 700;

    color: #fff;

    margin-bottom: 0;

    transition: all .4s ease;

}

.footer_social {

    display: flex;

    align-items: center;

    gap: 24px;

    width: fit-content;

}

.footer_social li a svg {

    width: 72px;

    height: 72px;

}

.footer_social li {

    margin: 0;

}

.footer_social li a svg, .footer_social li a svg path, .footer_social li a svg circle {

    transition: all .4s ease;

}

.footer_social li a:hover svg circle, .footer_social li:last-child a:hover svg path {

    stroke: #000;

}

.footer_social li:nth-child(1) a:hover svg path, .footer_social li:nth-child(2) a:hover svg path {

    fill: #000;

}

.footer_main + .f-content {

    background-color: #050079;

}

.psm__benefits {

    background-image: url(../images/benefits_bg.png);

    background-size: cover;

    background-position: center top;

    background-repeat: no-repeat;

}

.psm__benefits h2 {

    text-align: center;

    font-weight: 700;

    color: #000;

    margin-bottom: 80px;

}

.psm__benefits h2 p {

    font-size: inherit;

    line-height: inherit;

    font-family: "Libre Baskerville", serif;

    font-weight: 500;

    font-style: italic;

    color: var(--primary);

    margin: 0;

}

.psm_benefits_list li {

    position: relative;

    height: 210px;

    padding: 32px 22px 42px 24px;

    margin: 0;

}

.psm_benefits_list li .b__g {

    position: absolute;

    height: 210px;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 1;

    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));

    transition: all .4s ease;

}

.psm_benefits_list li:hover .b__g {

    filter: drop-shadow(0px 0px 2px var(--primary));

}

.psm_benefits_list li .psm_benefits_box {

    position: relative;

    z-index: 2;

}

.psm_benefits_list li .psm_benefits_box h3 {

    font-size: 24px;

    line-height: 1.4;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    color: #000;

    margin-bottom: 54px;

    padding-right: 100px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.psm_benefits_list li .psm_benefits_box h3.two_line_text {

    margin-bottom: 24px;

}

.psm_benefits_list li .psm_benefits_box p {

    font-size: 22px;

    line-height: normal;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    color: #000;

    margin-bottom: 0;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.psm_benefits_list li .psm_benefits_box span {

    position: absolute;

    right: -22px;

    top: -22px;

    width: 82px;

    height: 72px;

    display: grid;

    place-items: center;

    background-color: #FFFFFF;

    border-radius: 10px;

    box-shadow: 0px 0px 4.64646px rgba(0, 0, 0, 0.25);

    transition: all .4s ease;

}

.psm_benefits_list li:hover .psm_benefits_box span {

    box-shadow: 0px 0px 4.64646px var(--primary);

}

.psm_benefits_list li .psm_benefits_box span img {

    height: 60px;

    width: auto;

}

.psm_benefits_list li:hover {

    cursor: pointer;

}

.login_form_left .form_group input.form_cnt {

    font-size: 18px;

    line-height: 1;

    padding: 14px;

    padding-right: 14px;

    height: 60px;

    border-radius: 5px;

    color: #989898;

    border: 1px solid rgba(43, 42, 38, 0.21);

    transition: all .5s ease-in-out;

    margin: 0;

   font-family: Lato, sans-serif;

}

.login_form_left .form_group textarea{

    font-size: 18px;

    line-height: 1;

    padding: 14px;

    height: 136px;

    border-radius: 5px;

    color: #989898;

    border: 1px solid rgba(43, 42, 38, 0.21);

    transition: all .5s ease-in-out;

    margin: 0;

    width: 100%;

    outline:none;

}

.g-recaptcha{

    padding-top:20px;

}

.login_form_left .form_group input:focus, .login_form_left .form_group textarea:focus {

    border: 1.5px solid var(--primary);

}



.login_form_left .form_group {

    margin-bottom: 20px;

    position: relative;

}

.login_form_left .form_group svg {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 27px;

}

.btn-style4 {

    padding: 14px 60px;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 24px;

    line-height: 1;

    color: var(--primary);

    border-radius: 10px;

    background-color: #E1E6F8;

    border: 1px solid var(--primary) !important;

    transition: all .5s ease-in-out;

    display: block;

    width: fit-content;

    cursor: pointer;

}

.sign-up-sec .form_group{

    margin-bottom: unset;

}

.btn-style4:hover {

    color: var(--white);

    background-color: var(--primary);

}

.login_form_left .form_group a.forget_pass {

    font-size: 24px;

    line-height: 1;

    font-family: "Lato", sans-serif;

    font-weight: 500;

    color: #495057;

    display: block;

    width: fit-content;

    margin-left: auto;

    text-align: right;

    transition: all .5s ease-in-out;

}

.login_form_left .form_group a.forget_pass:hover {

    color: var(--primary);

}

.login_form h2 {

    font-size: 48px;

    margin-bottom: 50px;

}

.form_group.sign__up p {

    display: flex;

    align-items: center;

    gap: 16px;

    font-size: 24px;

    line-height: normal;

    color: #4C4C4C;

    margin: 0;

}

.form_group.sign__up p a {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 24px;

    line-height: normal;

    color: #645EFD;

    margin: 0;

}

.form_group.sign__up p a svg {

    position: relative;

    inset: 0;

    transform: unset;

    transition: all .4s ease;

}

.form_group.sign__up p a:hover svg {

    transform: rotate(45deg);

}

.login_form_left .form_group:last-child {

    margin: 0;

}

.login_form_right_img {

    height: auto;

    width: auto;

}

.login_form_right_img img {

    height: inherit;

    width: inherit;

    transition: all .4s ease;

}

.login_form:hover img {

    transform: scale(.95);

}

.fig-tip-title h2 span, .fig-tip-title span{

    font-family: "Libre Baskerville", serif;

    font-weight: 400;

    font-style: italic;

    color: #645EFD;

}



.all-fet-dip li .bg-img-fat{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: relative;

    margin-bottom: unset;

}

.all-fet-dip li .bg-img-fat:before{

    content: "";

    position: absolute;

    background-image: url(../images/features-bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: 383px;

    height: 326px;

    z-index: -1;

}

.all-fet-dip li h5{

padding-top:40px;

padding-bottom: 20px;

display: inline-block;

margin-bottom: unset;

}

.all-fet-dip li p{

    margin-bottom: unset;

    text-align: center;

}

.all-fet-dip.all-fet-dip-inner li:nth-child(1) .bg-img-fat{

    margin-left: auto;

    width: 363px;

}

.all-fet-dip.all-fet-dip-inner li:nth-child(2) .bg-img-fat{

    margin-right: auto;

    width: 363px;

}

/****************/



ul.tabs-nav-pricing {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

}

ul.tabs-nav-pricing li{

    margin-bottom: unset;

}

ul.tabs-nav-pricing li a.active{

    padding: 10px 25px;

    background-color: rgba(100, 94, 253, 1);

    color: #fff;

    border-radius: 8px;

}

.purple-sec {

    background-color: #F9F9FF;

    border-radius: 20px;

}



.tabs-stage-sec .grid .custom-plan-sec{

    padding: 20px;

box-shadow: 0 0 4px rgba(0,0,0,0.25);



}

.custom-plan-inq h3 {

    font-family: "Lato Bold";

    font-size: 28px;

}

.inq-btn {

    background: #E1E6F8;

    width: 100%;

    border: 1px solid #645EFD;

    border-radius: 10px;

    padding: 10px;

    color: #645EFD;

    font-family: "Lato Bold";

    font-size: 22px;

    display: block;

    text-align: center;

transition: all 0.4s ease-in-out;

}

.recom-value {

    font-size: 30px;

    font-family: "Lato Bold";

}

.recommended-pricing > span {

    background: #E1E6F8;

    padding: 8px;

    border-radius: 5px;

    color: #000;

    font-family: "Lato Bold";

}

.inq-btn:hover{

    background-color: #645EFD;

    color: #fff;

}

.recommended-feature ul li {

    display: flex;

    align-items: center;

    gap: 20px;

}

.recommended-pricing {

    display: flex;

    padding: 34px 24px;

    gap: 50px;

    background: #F2F1FF;

}

.tabs-stage-sec .grid .custom-plan-sec .custom-plan-inq{

  

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    text-align: center;

    gap: 20px;

    padding: 117px 0;

}

.enterprise-sec {

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);

    border-radius: 20px;

}

.enterprise .recommended-pricing{

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}

.tabs-stage-sec .grid .recommended-sec{

 

    box-shadow: 0 0 10px #645EFD;

    background-color: #F9F9FF;

    border-radius: 20px;

transform: scale(1.1);

   

}

.recommended-feature{

    padding: 25px;

}

.recommended-sec > span {

    text-align: center;

    background: #645EFD;

    width: 100%;

    display: block;

    padding: 5px;

    color: #fff;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;



}

.radius-br{

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}



.login-sec-adm {

    display: flex;

    align-items: center;

    gap:10px;

}

.login-sec-adm span {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #645EFD;

}

.login-sec-adm span svg{

    transition: all 0.4s ease;

}

.login-sec-adm:hover span svg{

    transform:rotate(45deg);

}

.login-sec-adm:hover{

    color: #645EFD;

}

/*****************/



a#whatsapp_icon {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 64px;
    height: 64px;
    z-index: 9980;
}
a#playstore_icon {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 64px;
    height: 64px;
    z-index: 9980;
    filter: drop-shadow(0px 0px 12px #212121);
}
.footer_ct_qr {
    display: flex;
    gap: 48px;
}
.footer_qr p, .footer_qr a {
    color: var(--white);
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    transition: all .4s ease;
}
.footer_qr p:hover, .footer_qr a:hover {
    color: var(--secondary);
}
.footer_qr_img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.footer_qr_img img {
    width: inherit;
    height: inherit;
}
@media(min-width:1280px){

    .request-demo-desc-content {

        /* margin-top: 20px; */

    }

    .container {

        max-width: 1280px;

    }

}

@media(min-width:1920px){

    section.hero-sec:after, section.hero-sec::before, .global-vincitore-nstack-sec:after, .global-vincitore-nstack-sec::before{

        opacity: 1;

    }

}



@media(max-width:1279px){

    header {

        padding: 5px;

    }

    header nav .main-menu {

        position: absolute;

        width: 95%;

        top: 100%;

        background: var(--light-grey);

        left: 50%;

        transform: translateX(-50%);

    }

    header nav ul li.active {

        background: transparent;

        border-radius: 5px 5px 0px 0px;

        border-bottom: 3px solid var(--primary);

    }

    header nav ul li.active a {

        color: var(--primary);

    }

    .main-menu ul li {

        display: block;

        padding: 10px 15px;

        border-bottom: 1px solid rgba(0,0,0,0.5);

        margin-bottom: 0;

    }

    .main-menu ul li:last-child{

        border-bottom: 0px solid rgba(0,0,0,0.5);

    } 

}

@media(max-width:1024px){

    h1{

        font-size: 36px;

        line-height: 40px;

    }

    h2{

        font-size: 32px;

        line-height: 36px;

        margin-bottom: 20px;

    }

    h5{

        font-size: 20px;

        line-height: 24px;

    }

    p{

        font-size: 16px;

        line-height: 20px;

    }

    .two-column-left-side-title p {

        font-size: 26px;

        line-height: 30px;

    }

    .future-unique-icon-detail p{

        margin-bottom: 0px;

    }

    .psm-content p {

        font-size: 26px;

        line-height: 30px;

    }

    header .logo img {

        height: 50px;

    }

    .main-menu ul li{

        margin: 0px;

    }

    .businesses .slick-dots {

        bottom: -35px;

    }

    .future-unique-icon {

        height: 60px;

        width: 60px;

        padding: 40px;

        margin: 0 auto;

    }

    .businesses-slider-main {

        margin-top: 30px;

    }

    .future-unique-icon img {

        max-height: 50px;

    }

    .heading-left-bottom-border::after {

        left: 0;

        right: 0;

    }

    .left-side-heading p {

        text-align: center;

    }

    .request-demo-desc, .request-demo-social-icon {

        display: flex;

        align-items: center;

    }

    .tab-content-inner-image {

        place-content: center;

        position: inherit;

        left: 0;

        top: 0;

        transform: unset;

        margin: 0 auto;

    }

    section.hero-sec:after,section.hero-sec::before, .global-vincitore-nstack-sec:after, .global-vincitore-nstack-sec::before{

        display: none;

    }

    .request-demo-desc-content a{

        font-size: 18px;

        line-height: 20px;

    }

    .request-demo-right-side {

        padding: 30px;

        position: relative;

        top: unset;

        margin-top: -120px;

    }

    .tab-content-subinner p {

        padding:0px;

    }

    .hero-sec-nav-item-img img {

        max-height: 300px;

        margin: 0 auto;

    }

    .tracking-app-right-side-img {

        height: auto;

    }

    .heading-left-bottom-border {

        margin-bottom: 60px;

        text-align: left;

    }

    .request-demo-left-side-heading .heading-left-bottom-border:after {

        left: 0;

        right: 0;

    }

    section.leading-businesses-sec {

        margin-bottom: 40px;

    }

    .request-demo-left-side .request-demo-left-side-heading p {

        margin-bottom: 50px;

    }

    .request-demo-left-side-heading .heading-left-bottom-border:after {

        bottom: -50px;

    }

    .heading-left-bottom-border::after {

        bottom: -25px;

    }

    .tracking-app-tab-image {

        height: 80px;

        width: 80px;

        margin: 0 auto 15px;

    }

    .tracking-app-tab-desc p{

        padding: 0;

    }

    .tracking-app-tab-image img{

        height: 45px;

        width: auto;

    }

    .tracking-app-tab ul.tabs-nav {

        display: flex;

        grid-template-columns: unset;

        gap: 20px;

        width: 100%;

        overflow-x: scroll;

        justify-content: unset;

    }

    .tracking-app-tab ul li {

        min-width: 100px;

    }

    .tracking-app-sub-heading h4 {

        font-size: 22px;

        line-height: 28px;

    }

    .tracking-app-left-side ul {

        grid-template-columns: repeat(1, 1fr);

        gap: 10px;

    }

    .psm-heading h2 {

        font-size: 22px;

        line-height: 24px;

    }

    .request-demo-desc-inner {

        align-items: center;

    }

    .banner_main h1 {

        margin-bottom: 16px;

    }

    ul.banner_breadcrumbs li a, ul.banner_breadcrumbs li {

        font-size: 20px;

    }

    .why_thepsm_left p {

        font-size: 20px;

    }

    .global-vincitore-nstack-sec.about_us_gn p {

        font-size: 18px;

    }

    .global-vincitore-nstack-sec.about_us_gn .two-column-right-side-inner {

        height: 350px;

    }

    .footer_main h2 {

        font-size: 36px;

    }

    .footer_main h2 + p {

        font-size: 22px;

    }

    .footer_c_icon svg {

        width: 60px;

        height: 60px;

    }

    .footer_contact {

        gap: 18px;

    }

    .footer_c_text span {

        font-size: 20px;

    }

    .footer_c_text p {

        font-size: 28px;

    }

    .footer_social li a svg {

        width: 54px;

        height: 54px;

    }

    .fotoer_svg {

        margin-bottom: 40px;

    }

    .psm__benefits h2 {

        margin-bottom: 60px;

    }

    .login_form h2 {

        font-size: 40px;

        margin-bottom: 40px;

    }

    .login_form_left .form_group input.form_cnt {

        font-size: 20px;

        height: 60px;

    }

    .login_form_left .form_group a.forget_pass, .btn-style4, .form_group.sign__up p, .form_group.sign__up p a {

        font-size: 20px;

    }

    .login_form_right_img {

        height: 600px;

    }

    .login_form_left .form_group {

        margin-bottom: 28px;

    }

    .login_form_left .form_group svg {

        width: 16px;

        right: 20px;

    }

    .login_form_left .form_group input.form_cnt {

        padding-right: 50px;

    }

    .all-fet-dip li .bg-img-fat:before{

        width: 250px;

        height: 212px;

    }

    .all-fet-dip li h5{

        padding-top: 20px;

    }

    .bg-img-fat svg{

        width: 70px;

    }

    .blog-slider-sec .lastes-blogs-readmore{

        font-size: 20px;

    }

    .testimonialnavslider .slick-slide.slick-current .testimonial-nav-item{

        width: 150px;

        height: 150px;

    }

    .testimonialnavslider .slick-slide .testimonial-nav-item{

        width: 100px;

        height: 100px;

    }

    .testimonialnavslider.slick-initialized.slick-slider{

        display: none;

    }

    .testimonialforslider  .slick-prev{

        left: 0;

    }

    .testimonialforslider  .slick-next{

        right: 0;

    }

    .recom-value{

        font-size: 20px;

    }

    .recommended-pricing{

        gap: 20px;

    }

    .custom-plan-inq h3{

        font-size: 24px;

    }

    .testimonialforslider{

        width: 100%;

    }

    .tabs-stage-sec .grid .recommended-sec{

       transform: scale(1);

    }
    a#whatsapp_icon, a#whatsapp_icon svg, a#playstore_icon, a#playstore_icon svg {
        width: 54px;
        height: 54px;
    }
    .footer_qr_img {
        width: 150px;
        height: 150px;
    }
    .footer_qr p, .footer_qr a {
        font-size: 18px;
    }
    .footer_ct_qr {
        display: flex !important;
        align-items: flex-start !important;
        gap: 24px;
    }
}



@media (max-width:1023px) {

    .request-demo-right-side {

        margin-top: unset;

    }

    .leading-businesses-right {

        padding: 20px;

    }

    .tabs-nav-main {

        height: 100px;

        width: auto;

        gap: 15px;

        padding: 20px;

    }

    .tab-content-inner h4 {

        padding-top: 15px;

    }

    .tab-content-inner p {

        font-size: 16px;

        line-height: 18px;

    }

    .tab-content-inner-image-quote {

        height: auto;

        width: 30px;

        margin: 10px 0;

    }

    section.leading-businesses-sec {

        margin-bottom: 0;

    }

    .psm_benefits_list li .psm_benefits_box span {

        width: 96px;

        height: 68px;

        top: -28px;

    }

    .psm_benefits_list li .psm_benefits_box span img {

        height: 50px;

    }

    .psm_benefits_list li .psm_benefits_box h3 {

        font-size: 22px;

        padding-right: 120px;

    }

    .psm_benefits_list li .psm_benefits_box p {

        font-size: 20px;

    }

    .psm_benefits_list li .b__g, .psm_benefits_list li {

        height: 190px;

    }

    .login_form h2 {

        font-size: 32px;

        margin-bottom: 30px;

    }

    .login_form_left .form_group input.form_cnt {

        font-size: 18px;

        height: 45px;

        padding: 10px 20px;

        padding-right: 40px;

        border-radius: 6px;

    }

    .login_form_right_img {

        height: 500px;

    }

    .login_form_left .form_group {

        margin-bottom: 24px;

    }

    .login_form_left .form_group a.forget_pass, .btn-style4, .form_group.sign__up p, .form_group.sign__up p a {

        font-size: 18px;

    }

    .btn-style4 {

        padding: 12px 40px;

        border-radius: 6px;

    }

    .form_group.sign__up p a svg {

        width: 12px;

    }

    .login_form_left .form_group svg {

        width: 14px;

        right: 20px;

    }
    .footer_ct_qr {
        gap: 64px;
    }

}

@media (max-width:991px) {

    h1 {

        font-size: 28px;

        line-height: 32px;

    }

    h2 {

        font-size: 26px;

        line-height: 30px;

    }

    .request-demo-left-side-heading {

        padding-bottom: 30px;

    }

    .hero-sec-nav-item-img img {

        max-height: 250px;

    }

    /* .tracking-app-right-side-img {

        height: 300px;

    } */

    ul.banner_breadcrumbs li a, ul.banner_breadcrumbs li {

        font-size: 18px;

    }

    ul.banner_breadcrumbs {

        column-gap: 30px;

    }

    ul.banner_breadcrumbs li:before {

        right: -19px;

        width: 7px;

        object-fit: cover;

    }

    .global-vincitore-nstack-sec.about_us_gn p {

        font-size: 16px;

    }

    .global-vincitore-nstack-sec.about_us_gn .two-column-right-side-inner {

        height: 300px;

    }

    .why_thepsm_left p {

        font-size: 18px;

    }

    .why_thepsm_box img {

        height: 90px;

        margin-bottom: 16px;

    }



    .all-fet-dip.all-fet-dip-inner li:nth-child(1) .bg-img-fat{

        margin: 0 auto;

        width: 100%;

    }

    .all-fet-dip.all-fet-dip-inner li:nth-child(2) .bg-img-fat{

        margin: 0 auto;

        width: 100%;

    }

}



@media (max-width:768px){

    .request-demo-right-side input[type='submit'] {

        height: 50px;

        width: 160px;

        font-size: 18px;

        line-height: 22px;

       }
       .request-demo-icon svg {
        min-height: 25px;
    }
       .request-demo-icon {
           min-width: 40px;
           min-height: 40px;
       }

       .request-demo-right-h2 {

        margin-bottom: 30px;

    }

    .heading-center-bottom-border.request-demo-right-h2:after {

        bottom: -15px;

    }

    .tabs-nav-desc h4, .tab-content-inner h4 {

        font-size: 20px;

        line-height: 24px;

    }

    .tab-content-inner-image {

        height: 100px;

        width: 100px;

    }

    .future-unique-cols-inner {

        display: block;

        text-align: center;

    }

    .floating-btn.boxspand, .social-icon {

        height: 45px;

        width: 45px;

    }

    .social-icon a svg, .social-icon i, .social-icon img {

        height: 22px;

    }

    .plus.textpand {

        width: 18px;

        height: 18px;

        margin: 14px auto;

    }

    .social-icon {

        padding: 12px 0 15px;

    }

    .actionive:first-of-type {

        top: -65px;

        opacity: 1;

    }

    .actionive:nth-of-type(2) {

        top: -10px;

    }

    .floating-btn {

        height: 45px;

        width: 175px;

        bottom: 20px;

    }

    .plus {

        background-size: 24px 24px;

        margin: 10px;

    }

    .plus:before {

        font-size: 19px;

        line-height: 24px;

        margin-left: 10px;

    }

    .actionive:hover .live-toggle {

        width: 190px;

    }

    .actionive .live-toggle {

        top: -12px;

        height: 45px;

        line-height: 45px;

    }

    .actionive .live-toggle {

        font-size: 14px;

    }

    .tracking-app-tab-image {

        height: 65px;

        width: 65px;

        padding: 0;

    }

    .tracking-app-tab-image img{

        height: 35px;

        width: 35px;

    }

    .tracking-app-tab ul.tabs-nav li{

        margin: 0;

    } 

    .tracking-app-sub-heading h4 {

        font-size: 20px;

        line-height: 22px;

    }

    .common-banner {

        height: 250px;

    }

}



@media (max-width:640px) {

    .tabs-nav-desc h4, .tab-content-inner h4 {

        font-size: 20px;

        line-height: 22px;

    }

    h1 {

        font-size: 24px;

        line-height: 28px;

    }

    h2 {

        font-size: 22px;

        line-height: 24px;

    }

    p {

        font-size: 16px;

        line-height: 20px;

    }

    .psm-heading h2 {

        font-size: 20px;

        line-height: 24px;

    }

    .psm-content p {

        font-size: 16px;

        line-height: 20px;

    }

    .psm-btn {

        padding: 10px 10px;

        font-size: 16px;

        line-height: 20px;

    }

    .two-column-left-side-title p {

        margin: 0;

    }

    .two-column-left-side-title h2 {

        padding-bottom: 0;

    }

    .tracking-tab-content-desc p, .tracking-app-left-side ul li{

        margin-bottom: 0;

    }

    .tracking-app-right-side-img {

        height: 200px;

        width: auto;

    }

    .tracking-app-right-side-img img{

        height: inherit;

        width: auto;

        margin: auto;

    }

    .tracking-app-tab-image {

        height: 60px;

        width: 60px;

        padding: 15px;

        margin-bottom: 10px;

    }

    .tracking-app-tab-image img{

        height: 100%;

        width: 100%;

    }

    .plus:before {

        display: none;

    }

    .floating-btn {

        bottom: 20px;

        width: 45px;

        height: 45px;

    }

    .tracking-app-tab ul.tabs-nav {

        grid-template-columns: repeat(2, 1fr);

    }

    .tab-content-inner-image-quote {

        height: 30px;

        width: 30px;

    }

    .request-demo-left-side .request-demo-left-side-heading .heading-left-bottom-border {

    margin-bottom: 10px;

    }

    .request-demo-left-side .request-demo-left-side-heading p {

    margin-bottom: 50px;

    }

    .request-demo-left-side-heading .heading-left-bottom-border:after {

        top: 90px;

    }

    header.navbar.on-scroll-fixed .main-menu ul li a {

        font-size: 16px;

        line-height: 20px;

    }

    header.navbar.on-scroll-fixed .main-menu ul li {

        padding: 10px 15px;

    }

    .blog-detail-img {

        width: 100%;

        height: 180px;

    }

    .common-banner {

        height: 160px;

    }

    .blog-h2 {

        font-size: 22px;

        line-height: 26px;

    }

    .blog-h3 {

        font-size: 20px;

        line-height: 24px;

        margin-bottom: 10px;

    }

    .accordion-item button {

        padding-right: 35px;

    }

    .blog-slider-sec .slick-slide{

        margin-right: unset;

    }

    .banner_main h1 {

        font-size: 28px;

    }

    .global-vincitore-nstack-sec.about_us_gn .two-column-right-side-inner img {

        margin: 0 auto;

    }

    .global-vincitore-nstack-sec.about_us_gn .two-column-right-side-inner {

        height: 240px;

    }

    .why_thepsm_box img {

        height: 70px;

    }

    .why_thepsm_box h4 {

        font-size: 20px;

    }

    .psm_benefits_list li .b__g, .psm_benefits_list li {

        height: 180px;

    }

    .psm_benefits_list li {

        padding: 28px 18px 38px 20px;

    }

    .psm_benefits_list li .psm_benefits_box span {

        width: 80px;

        height: 68px;

        top: -26px;

    }

    .login_form_right_img img {

        margin: 0 auto;

    }

    .form_group.sign__up p {

        gap: 12px;

    }
    a#whatsapp_icon, a#whatsapp_icon svg, a#playstore_icon, a#playstore_icon svg {
        width: 48px;
        height: 48px;
    }
    .footer_ct_qr {
        gap: 28px;
        flex-direction: column;
        margin-bottom: 48px;
    }
    .footer_ct_qr {
        gap: 28px;
        flex-direction: column;
        margin-bottom: 48px;
    }
}

@media (max-width: 480px) {

    .footer_main h2 br {

        display: none;

    }

    .fotoer_svg {

        margin-bottom: 30px;

    }

    .footer_c_icon svg {

        width: 44px;

        height: 44px;

    }

    .footer_contact {

        align-items: flex-start;

    }

    .footer_c_text span {

        font-size: 18px;

    }

    .footer_c_text p {

        font-size: 24px;

    }

    .footer_main h2 {

        font-size: 32px;

    }

    .footer_social li a svg {

        width: 44px;

        height: 44px;

    }

    .footer_social {

        gap: 16px;

    }

    .footer_contact {

        margin-bottom: 24px;

    }

    .psm_benefits_list li {

        min-width: 300px;

        max-width: 300px;

        margin: 0 auto;

    }

    .psm__benefits h2 {

        margin-bottom: 40px;

    }

    .login_form_right_img {

        height: 400px;

    }

}

@media (max-width: 375px) {

    .why_thepsm_box img {

        height: 60px;

    }

    .why_thepsm_box h4 {

        font-size: 18px;

    }

    .why_thepsm_box {

        padding: 16px 12px;

    }

    .footer_main h2 {

        font-size: 28px;

    }

    .footer_main h2 + p {

        font-size: 20px;

    }

}

@media (max-width: 374px) {

    .why_thepsm_right .grid {

        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;

    }

    .why_thepsm_box {

        padding: 16px;

        border-radius: 12px;

    }

    .footer_c_text span {

        font-size: 16px;

    }

    .footer_c_text p {

        font-size: 22px;

    }

    .footer_c_icon svg {

        width: 38px;

        height: 38px;

    }

    .footer_social li a svg {

        width: 40px;

        height: 40px;

    }

    .psm_benefits_list li {

        min-width: 280px;

        max-width: 280px;

    }

    .login_form_left .form_group input.form_cnt {

        font-size: 16px;

    }

    .login_form_left .form_group a.forget_pass, .btn-style4, .form_group.sign__up p, .form_group.sign__up p a {

        font-size: 16px;

    }

    .login_form_right_img {

        height: 350px;

    }

}