/* html {
    scroll-behavior: smooth;
  }
.plarfotm-categories {
    scroll-margin-top: 150px; 
  } */
  
/* input:focus {
    box-shadow: 0 0 5px 2px rgba(255, 105, 180, 0.7), 
                0 0 10px 5px rgba(30, 144, 255, 0.5);
  } */
 /* .bg-input{



    background: linear-gradient(90deg, #ff7e5f, #feb47b);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transition: all 0.3s ease;
    padding:2px;
  }
  .bg-input:hover
  {
    animation: inputonfocus 1s;
    border:none!important;
  }
  @keyframes inputonfocus {
    0% {
        background: linear-gradient(90deg, #ff7f5f00, #feb47b00);
    }
    50% {
        background: linear-gradient(90deg, #ff7f5f62, #feb47b5b);
    }
    100% {
        background: linear-gradient(90deg, #ff7e5f, #feb47b);
    }
  } */
.hero-container
{
    max-width: 1440px;
    margin: 0 auto;
    padding: 10% 0 6%;
    max-height: 750px;
    display: flex;
    align-items: center;
}
/* .hero-container
{
    max-width:1440px;
    margin:0 auto;
    background:url(images/platform/platform-bg.svg) no-repeat top center/contain; 
    padding:10% 0;
} */
.hero-lottiesfiles
{
    position: absolute;
    top: 117px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.platform-hero-bg
{
    background:#FFFCF5;
}
.pl-left-side
{
    flex-basis: 30%;
    justify-content: flex-end;
    display: flex;
}
.pl-right-side
{
    flex-basis: 30%;
}
.hero-content
{
    max-width: 854px;
    margin: 0 auto;
    position: relative;
}
.hero-title h1
{
    font-size: 40px;
    line-height: 60px;
font-weight:500;
    text-align: center;
    color: #000;
}
.hero-subtitle p
{
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #000;
    margin:0;
    font-weight:400;
}
.hero-call-action-form, .site-rating-area
{
    display: flex;
    justify-content: center;
    position: relative;
}
.hero-container .h-form {
    margin: 10px 0 14px;
}
/***/
.mobile-platf-top-categ.mobile-platf-top-categ
{
    display: none;
}
.plarfotm-categories-bg
{
    background: linear-gradient(180deg, #F6F5FF 0%, rgba(246, 245, 255, 0) 100%);
    /* padding: 108px 0 0; */
    padding:0 0 100px;
}
.plarfotm-categories
{
    /* margin: 0 0 128px; */
    padding: 100px 0 0;
}
.plarfotm-tabs-container
{
    display: flex;
    gap:30px;
}
.plarfotm-tabs-container > div
{
    flex:1 1 50%;
 
}
.platform-tab-text
{
    display: none;
    border-top: 1px solid #E5EBFF;
    padding: 17px 0px 18px;
    margin: 0 18px;
}
.platform-tab-text p
{
    font-size:14px;
    line-height:24px;
    margin:0;
}
.platform-tab-item
{
    margin:0 0 30px;
}
.platform-tab-item
{
    /* padding: 12px 16px 12px; */
gap: 4px;
border-radius: 8px;
border: 1px solid #E3E7ED;
position: relative;
}
.platform-tab-item:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100.2%;
    height: 102.2%;
    top: -1px;
    border-radius: 9px;
 z-index: 1;
}
.platform-tab-item:hover:after{
    animation: tabhover 0.3s;
    width: 100.2%;
    height: 103%;
    background: linear-gradient(90deg, rgba(82, 67, 250, 0.12) 0%, #537BFF 100%);
    box-shadow: 0px 4px 4px 0px rgba(67, 112, 255, 0.1);
  }  
  .platform-tab-item.active:after{
    animation:none;
    width: 100.2%;
    height: 101%;
    background: linear-gradient(90deg, rgba(82, 67, 250, 0.12) 0%, #537BFF 100%);
    box-shadow: 0px 4px 4px 0px rgba(67, 112, 255, 0.1);
  } 
  /* .platform-tab-item.active:hover:after{
    animation:none;
    width: 0;
    width: 0;
    background: linear-gradient(90deg, rgba(82, 67, 250, 0.12) 0%, #537BFF 100%);
    box-shadow: 0px 4px 4px 0px rgba(67, 112, 255, 0.1);
  }  */
  .skin-2 .platform-tab-item:hover:after{
    animation: tabhover 0.3s;
    width: 100.2%;
    height: 103%;
    background:linear-gradient(90deg, rgba(238, 114, 163, 0.1) 0%, #FFB200 100%);
    box-shadow: 0px 4px 8px 0px rgba(255, 172, 26, 0.12);
  }  
  /* .skin-2 .platform-tab-item.active:hover:after{
    animation:none;
    width: 0;
    height: 0;
    background: linear-gradient(90deg, rgba(238, 114, 163, 0.1) 0%, #FFB200 100%);
    box-shadow: 0px 4px 8px 0px rgba(255, 172, 26, 0.12);
}  */
.skin-2 .platform-tab-item.active:after{
    animation: tabhover 0.3s;
    width: 100.2%;
    height: 100.8%;
    background:linear-gradient(90deg, rgba(238, 114, 163, 0.1) 0%, #FFB200 100%);
    box-shadow: 0px 4px 8px 0px rgba(255, 172, 26, 0.12);
  }
  @keyframes tabhover {
    0% {
      width: 0;
      height:0;
      box-shadow: 0px 0px 0px 0px rgba(67, 112, 255, 0.1);
    }
  }
.pl-tab-cover
{
    border-radius: 8px;
    background: #fff;
    z-index: 10;
    position: relative;
}
.platform-tab-headerline h5
{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #44536A;
    margin: 0;
    padding:0;
}
.platform-tab-headerline:hover h5
{
    color: #44536A;
}
.platform-tab-headerline
{
    position: relative;
    transition: all 0.3s;
    display: flex;
    gap: 8px;
    cursor:pointer;
    align-items: center;
    padding: 8px 16px 6px;
}
.platform-tab-icon
{
    margin:6px 0 0;
}
.platform-tab-headerline:after
{
    position: absolute;
    content: '';
    right: 19px;
    top: 50%;
    width: 12px;
    height: 5.78px;
    background: url(images/platform-new/down-vector.svg) no-repeat top center;
}
.platform-tab-item:hover .platform-tab-headerline:after
{

}
.platform-tab-item.active .platform-tab-headerline:after
{
 background: url(images/platform-new/up-vector.svg) no-repeat top center;
}
.platform-tab-item.active
{
    box-shadow: 0px 4.61px 8px 0px #02238F1F;
    border: 1px solid #E5EBFF;
    background:#F5F7FF;

}
/* .platform-tab-item.active .platform-tab-text
{
    display: block;
} */
h2.platform-categ-section
{
font-size:24px;
font-weight: 500;
line-height: 36px;
color:#070B12;
}
.conects-icon
{
    font-size:14px;
    line-height: 24px;
    color:#070B12; 
}
ul.conects-list-icons
{
margin:0;
padding:0;
list-style-type: none;
display: flex;
gap:10px;
}
ul.conects-list-icons li
{
list-style-type: none;
}
.mobile-show-tab-image
{
display:none;
}
.platform-tab-item.active .platform-tab-icon svg path
{
fill:#325CE6;
}
.platform-tab-item:hover .platform-tab-icon svg path
{
fill:#44536A;
}
.platform-tab-item.active:hover .platform-tab-icon svg path
{
fill:#325CE6;
}
.platform-tab-item.active h5
{
    color:#325CE6;
}
.skin-2
{

}
.skin-2 .platform-tab-item:hover .platform-tab-icon svg path
{
fill:#44536A;
}
.skin-2 .platform-tab-item.active .platform-tab-icon svg path
{
fill:#AD6E00;
}
.skin-2 .platform-tab-text
{
border-color:#FFE7BE;
}
.skin-2 .platform-tab-item.active h5
{
    color:#AD6E00;
}
.skin-2 .platform-tab-item.active
{
    background: #FFFCF5;
    border: 1px solid #FFF3D6;
    box-shadow: 0px 4px 8px 0px #8B5A051F;
}
.skin-2 .platform-tab-headerline:hover h5
{
    color: #44536A;
}
.mobile-platf-top-categ
{
    display: flex;
    justify-content: space-between;
}
h6.connects-title
{
    font-size: 14px;
    line-height: 24px;
    color: #070B12;
    margin: 0 0 10px;
    font-weight: 400;
}
/**webinars*/
.webinar-list
{
    display: flex;
    gap:20px;
    margin:0 0 40px;
}
.webinar-list a
{
    display: block;
    flex:1 auto;
    transition: all 0.3s;
}
.webinar-item
{
background-position:top center ;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
border-radius: 8px;
padding:20px;
height: 98.5%;
}
.webinar-content
{
    display: grid;
 height: 100%;
    min-height: 500px;
}
.webinar-text
{
    max-width: 320px;
    align-self: end;
    min-height: 170px;
}
.webinar-categ
{
    font-size:14px;
    line-height: 24px;
    color:#FFB200; 
    margin:0;  
}
.webinar-caption
{
    font-size:16px;
font-weight: 600;
    line-height: 24px;
    color:#fff; 
    margin:0;  
}
.webinar-title
{
    font-size:24px;
    font-weight: 600;
    line-height: 36px;
    color:#fff; 
    margin:0;  
}
.webinar-text {
    position: relative;
    overflow: hidden;
}

.webinar-categ, 
.webinar-caption, 
.webinar-title {
    opacity: 0.5;
    transform: translateY(20px);
    transition: opacity 0.3s ease-out, transform 0.6s ease-out;
}

.webinar-list a:hover .webinar-text .webinar-categ {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
}

.webinar-list a:hover .webinar-text .webinar-caption {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}

.webinar-list a:hover .webinar-text .webinar-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.desktop-connect-icons
{
    margin:0;
}
.mobile-connect-icons
{
    display: flex;
    align-items: center;
    gap:20px;
}
.top-arrow-line
{
    display: flex;
justify-content: flex-end;
    align-self: start;
}
.top-arrow-icon
{
    background-color:#fff;
   position:relative;
    width:58px;
    height:58px;
    border-radius:50%;
}
.top-arrow-icon:after
{
    content:'';
    background:url(images/platform/link-arrow.svg) no-repeat center center;
    width:58px;
    height:58px;
    position: absolute;
   left:0;
   right:0;
   margin:0 auto;

}
.webinar-list a {
    display: inline-block;
    perspective: 1000px;
    position:relative;
    transition: box-shadow 0.5s ease-in-out;
}
.webinar-list a::before {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: -1;
    background: linear-gradient(90deg, rgba(238, 114, 163, 0.5) 0%, rgba(255, 178, 0, 0.7) 100%);
    filter: blur(10px);
    opacity: 0;
    transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out;
}
.webinar-list a:hover::before {
    opacity: 1;
    filter: blur(20px);
}
.webinar-list a .top-arrow-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px; /* Adjust as needed */
    height: 56px;
    background: radial-gradient(100% 1185.08% at 100% 100%, #ffffff 0%, #ffffff 57.61%, #ffffff 100%);
    transition: transform 0.6s ease-in-out, background 0.6s ease-in-out;
    transform-style: preserve-3d;
}
.webinar-list a:hover .top-arrow-icon {
    transform: rotateY(180deg); /* Flip effect */
    background: radial-gradient(100% 1185.08% at 100% 100%, #EE72A3 0%, #F57D49 57.61%, #FFB200 100%);
   
}

.webinar-list a .top-arrow-icon::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 24px;
    background-image: url(images/platform/link-arrow.svg);
    background-size: contain;
    background-position: center;
    backface-visibility: hidden; /* Hides back face */
}

.webinar-list a:hover .top-arrow-icon::after {
    transform: rotateY(180deg);
    background-image: url(images/platform/link-arrow-h.svg);
}
.section-bg-02
{
    background: #2C3644;
    box-shadow: 0px 4.61px 16px 0px rgba(2, 35, 143, 0.22);
    margin: 0px;
    position: relative;
    z-index: 10;
}
.platform-logos-section
{
    margin: 0;
}
.platform-logos-section .logo-scene {
    height: 72px;
}
.logos-block
{
    padding:0px 0;
}
.logos-grid .cards {
    cursor: default;
    display: flex;
    justify-content: center;
}
.platform-logos-section
{

}
.platform-integration-section
{
    background: radial-gradient(12.37% 23.48% at 50% 58.64%, rgba(255, 253, 250, 0.5) 0%, rgba(255, 244, 217, 0.5) 100%);
    padding: 81px 0 2px;
    position: relative;
    top: 0px;
}
.platform-integration-content
{
    max-width: 780px;
    margin: 0 auto;
position: relative;
}
.pl_cnt
{
    position: absolute;
    top:40px;
    left:0;
    right:0;
    margin:0 auto;
    z-index:10;
}
.pl-lines
{
  background: url(images/platform/bg-lines.svg) no-repeat center center / cover; 
    position: relative;
    /* margin: -147px 0 0; */
}
.pl-lines::after
{
 
    /* background: url(images/platform/pl-lines-left.svg) no-repeat left center; */
    content:'';
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:absolute;
}
.pl-lines::before
{
    /* background: url(images/platform/pl-lines-right.svg) no-repeat left center; */
    content: '';
    right: 0;
    top: 0;
    width: 720px;
    height: 100%;
    position: absolute;
}
.title_platf_integr
{
    font-size: 32px;
    line-height: 34px;
color:#1E293B; 
    margin:0 0 20px;    
    text-align: center;
}
.title_platf_faq
{
    font-size: 32px;
    line-height: 34px;
     color:#1E293B; 
    margin:0 0 20px;    
    
}
.text_platf_integr
{
    font-size:18px;
    line-height: 28px;
    color:#1E293B; 
    margin:0;  
    text-align: center;
}
.platform-illustration
{
    display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        gap: 50px;
        max-width: 1680px;
        margin: 0 auto;
        padding: 171px 0;
}
.client-review-section
{
    background: #FFFCF5;
    position: relative;
    padding: 50px 20px 50px;
    border:2px solid #FFF3D6;
    border-radius:8px;
    margin:0 0 30px;
}
.client-review-text
{
    max-width: 460px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #070B12;
}
.client-review-section::after
{
    content:'';
    position: absolute;
    background: url(images/platform/star-corner-top.svg) no-repeat top left;
    width:140px;
    height:230px;
    left:0;
    top:0;
    opacity: 0.1;
}
.client-review-section::before
{
    content: '';
    position: absolute;
    background: url(images/platform/star-corner-bottom.svg) no-repeat top left;
    width: 72px;
    height: 40px;
    right: 0;
    bottom: 0;
    opacity: 0.1;
}
.quote-content-pl .site-rating
{
    display: flex;
 justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.client-review-section .site-rating
{
    margin:0 0 20px;
}
.client-review_cnt
{
    margin:0;
}
.client-review-text p
{
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #070B12;
}
.client-review-name
{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    color:#070B12;
    margin:0
}
.site-rating-value
{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
}
.platform-faq-section
{
    display: flex;
    gap:50px;
    width:100%;
}
.column-80 {
    flex-basis:80%;
  }
  
  .column-20 {
    flex-basis:20%;
  }
.get-demo-pl h3
{
margin:0;
font-size: 16px;
line-height: 28px;
}
.quote-content-pl .site-rating-value
{

}
ul.conects-list-icons li
{
cursor: default;
}
ul.conects-list-icons li {
    position: relative;
    display: inline-block;
    cursor: default;
  }
  
  /* Tooltip text */
  .tooltip-text {
    visibility: hidden;
    background-color: #fff;
    color: #070B12;
    text-align: center;
    border-radius: 8px;
    padding: 5px 8px;
    position: absolute;
    z-index: 1;
    top:44px; /* Position the tooltip above the title */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size:12px;
    width: max-content;
    display: block;
    border:1px solid #E3E7ED;
    /* box-shadow: 0px 2px 6px 0px #476B8426; */

box-shadow: 0px 1px 2px 0px #476B844D;

  }
  
  /* Show the tooltip when hovering over the title */
  ul.conects-list-icons li img:hover + .tooltip-text {
    visibility: visible;
    opacity: 1;
  }
  .platform-logos-section .cards
  {
height:48px;
  }
  .plarfotm-tabs-image
  {
    position: relative;
  }
  .plarfotm-tabs-image div
  {
    position: absolute;
    width:100%;
    top:0;
    left:0;
    height:100%;
  }
  .section-gradient-yellow
  {
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 50%, #FFFAEE 100%);
    margin: 0;
  }

/**************************@media*****/
@media only screen and (max-width:1470px)
{
    .hero-content {
        max-width: 750px;
    }
    .hero-title h1 {
        font-size: 35px;
        line-height: 46px;
    }
    .hero-container
    {
        padding: 12% 0;
    }
    .platform-illustration
    {
        padding: 150px 0;
    }
}
@media only screen and (max-width:1024px)
{
    .platform-illustration
    {
        padding: 60px 0;
    }
    .hero-container
    {
        background: url(images/platform/header-bg-tablet.svg) no-repeat top center; 
        background-size: contain;
    }
    .hero-anim, .hero-lottiesfiles
{
    display:none;
}
.webinar-title
{
    font-size: 21px;
    line-height: 28px;
}
.webinar-text
{
    min-height: 180px;
}
.webinar-content
{
    min-height: 364px;
}
.webinar-item
{
    min-height: 400px;
}
}
@media only screen and (max-width:720px)
{
    .platform-illustration
    {
        padding: 30px 0;
    }
  
    .skin-2 .platform-tab-item.active:after,
    .platform-tab-item.active:after
    {
        height: 100.3%;
    }
    .hero-container
{
    background:url(images/platform/platform-bg.svg) no-repeat top center/contain;
}
    .platform-faq-section
    {
        display: block;
    }
    .plarfotm-categories
    {
        overflow: hidden;
    }
    .column-80, .column-20 {
        flex-basis: 100%;
    }
    .plarfotm-tabs-container
    {
        flex-wrap: wrap;
        gap:0;
    }
    .plarfotm-tabs-image,
    .desktop-connect-icons
    {
        display:none;
    }
    .mobile-connect-icons
    {
        display:flex;
    }
    .mobile-show-tab-image
    {
        display: block;
        padding:15px 0 0;
    }
    .mobile-platf-top-categ.mobile-platf-top-categ {
        display: flex;
    }
    h6.connects-title
    {
        margin:0;
    }
    .webinar-list {
        flex-wrap: wrap;
    }
    .hero-title h1 {
        font-size: 27px;
        line-height: 33px;
    }
    .hero-container
    {
        background-size:cover;
    }
    .platform-integration-content
    {
        padding:0 20px;
    }
}
@media only screen and (max-width:650px)
{
    .pl_cnt
{
    
    top:0px;}
    .hero-subtitle p
    {
        
    }
    .webinar-content
    {
        min-height: 370px;
    }
    .webinar-text {
        min-height: 138px;
    }
    .webinar-categ, .webinar-caption, .webinar-title
    {
        opacity: 0.9;
        transform: translateY(10px);
    }
    .webinar-item
    {
        min-height: 170px; 
    }
    .mobile-platf-top-categ.mobile-platf-top-categ
    {
        display: block;
        text-align: center;
    }
    .platform-logos-section .cards
    {
        height: 32px;
    }
    .platform-logos-section .logo-scene {
        height: 45px;
        flex-basis: 33%;
    }
    .logos-block .logos-grid {
        grid-template-columns: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .logos-block {
        padding: 10px 0;
    }
    .margin-y6 {
        margin-bottom: 26px !important;
    }
   .hero-call-action-form form.get-demo input[type="text"] {
        width: 260px;
    }
    .hero-container
    {
        padding: 3% 0 0;
    }
    .hero-title h1 {
        font-size: 24px;
        line-height: 33px;
    }
    ul.list01 li
    {
        font-size:12px;
    }

    .stars-all
    {
        margin: 0 5px 0 0;
    }
    .logos-grid .cards
    {
        padding: 0 10px;
    }
    ul.faq-list > li h3
    {
        font-size:16px;
        line-height: 22px;
        padding: 0 27px 0 0;
    }
    ul.faq-list > li
    {
        padding: 13px 15px;
    }
    .mobile-platf-top-categ.mobile-platf-top-categ {
  margin: 0 0 23px;
    }
    .mobile-connect-icons {
        gap: 9px;
        justify-content: center;
    }
    .pl_cnt
    {
        position: relative;
    }
    .plarfotm-categories-bg {
        padding: 33px 0 0;
    }
    h2.platform-categ-section
    {
        font-size:24px;
        line-height: 35px;
        margin: 0 0 20px;
    }
    .platform-tab-text
    {
        padding:20px 0;
    }
    .platform-tab-text p
    {
        font-size:14px;
        line-height: 24px;
    }
    .mobile-connect-icons
    {
        margin:0;
    }
    .platform-tab-headerline h5
    {
        max-width:70%;
    }
    .right-top-corner-bg {
        padding: 25px 0;
    }
    .call-to-action-block .text-36
    {
        font-size: 17px;
        line-height: 24px;
        margin: 0 0 10px !important;
    }
    .pl-logo img
    {
        max-width: 100px;
    }
    .title_platf_faq, 
    .title_platf_integr
    {
        text-align: center;
        font-size: 24px;
        line-height: 36px;
    }
    .bg-gradient04
    {
        padding: 30px 0 2px;
    }
    .plarfotm-categories {
        /* margin: 0 0 20px; */
        padding:0;
    }
    .platform-integration-section
    {
        padding: 50px 0 2px;
    }
    .call-to-action-block2
    {
        margin:0 0 20px;
    }
}
@media only screen and (max-width:400px)
{
    .hero-call-action-form form.get-demo input[type="text"] {
        width: 222px;
    }
}