:root {
    --winter-release-black: #00003E;
    --winter-release-white: #FFFFFF;
    --winter-release-color-hero-title: #301B5E;
    --winter-release-blue: #565FFF;
    --winter-release-btn-left: #87B7FF;
    --winter-release-btn-right: #A887FF;
    --winter-release-light-orange: rgba(255, 162, 127, 0.09);
    --winter-release-btn-back-gradient: linear-gradient(90deg, #FFBC00 5.51%, #F44A2A 50%, #FFC683 80%, #F34929 100%);
    --winter-release-gradient-text-1: linear-gradient(93deg, #FFBB01 38.32%, #FFBB01 40.15%, #F34929 57.09%);
    --winter-release-gradient-text-2: linear-gradient(93deg, #FFC794 5.51%, #F34929 94.36%);
    --winter-release-gradient-copilot-title: linear-gradient(93deg, #2FC7F7 35.72%, #8E52EC 63.79%);
    --winter-release-gradient-copilot-subtitle: linear-gradient(93deg, #2FC7F7 25.12%, #8E52EC 72.07%);
    --winter-release-gradient-copilot-text: #005c90;
    --winter-release-gradient-copilot-box-back: rgba(157, 155, 255, 0.09);
    --winter-release-gradient-copilot-svg-back: linear-gradient(93deg, #2FC7F7 5.51%, #8E52EC 99.24%);
}
#Main{
    background: linear-gradient(270deg, #CBB8FF 0%, #F4F1FF 20%, #EDF4FF 80%, #95BFFF 100%);
    color: var(--winter-release-black);
}
#Hero {
    padding-top: 82px;
    background-image: url('/assets/synergy_files/anim-hero-ellipse.svg');
    background-size: 1600px auto;
    background-position: center top 82px;
    background-repeat: no-repeat;
    margin-top: 40px;
}
#Footer{
    background-image: url('/assets/synergy_files/anim-hero-ellipse.svg');
    padding-bottom: 150px;
}
.hero__content {
    padding-top: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 320px;
}
.hero__img-title {
    max-width: 1000px;
    margin: 0 auto 50px;
}
.winter-release__img {
    max-width: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(0) scale(1.0);
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: crisp-edges;
}
.hero__subtitle {
    color: var(--winter-release-black);
    font-family: 'Montserrat';
    font-size: 38px;
    line-height: 42px;
    font-weight: 400 !important;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    margin-bottom: 60px;
}
.hero__btn {
    display: inline-block;
    text-decoration: none;
    border-radius: 50px;
    background-color: var(--winter-release-white);
    padding: 18px 34px;
    color: var(--winter-release-black);
    text-align: center;
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 20px;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin-bottom: 0px;
    transition: background-color .2s ease-in-out;
}
.hero__btn:is(:hover,:active,:focus) {
    color: var(--winter-release-white);
    text-decoration: none;
    background-color: var(--winter-release-blue);
}
.hero__baner-content {
    border-radius: 30px;
    background: linear-gradient(90deg, #60A2FF .2%, #fff 40.46%, #fff 60.59%, #AD91FF 100.85%);
    padding: 30px 140px;
    text-align: center;
}
.winter-release__text {
    color: var(--winter-release-black);
    font-family: Montserrat;
    font-size: 20px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400 !important;
    margin-bottom: 0px;
}

/* Collab */

.winter-release__title {
    color: var(--winter-release-blue);
    text-align: center;
    font-family: 'Montserrat';
    font-size: 50px;
    line-height: 54px;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.collab__subtitle {
    color: var(--winter-release-black);
    text-align: center;
    font-family: 'Montserrat';
    font-size: 30px;
    line-height: 34px;
    font-weight: 500 !important;
    margin-bottom: 20px;
}
.winter-release__text {
    color: var(--winter-release-black);
    font-family: Montserrat;
    font-size: 20px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400 !important;
    margin-bottom: 0px;
}
.collab__video, .ai-crm__video, .booking__video, .follow-up__video {
    padding: 15px;
    border-radius: 30px;
    background: linear-gradient(90deg, #60A2FF .2%, #fff 40.46%, #fff 60.59%, #AD91FF 100.85%);
    mix-blend-mode: multiply;
    max-width: 900px;
    width: 100%;
    margin: 50px auto 0px;
}
.winter-release  {
    padding-top: 120px;
}

.winter-release__box-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 60px;
    row-gap: 30px;
    justify-content: center;
    padding-top: 50px;
    margin-bottom: 50px;
}
.winter-release__box {
    text-align: center;
    max-width: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 0px;
    row-gap: 0px;
}
.winter-release__box-svg {
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
}
.winter-release__text {
    color: var(--winter-release-black);
    font-family: Montserrat;
    font-size: 20px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400 !important;
    margin-bottom: 0px;
}
.collab__subtitle {
    color: var(--winter-release-blue);

    text-align: center;
    font-family: 'Montserrat';
    font-size: 30px;
    line-height: 34px;
    font-weight: 500 !important;
    margin-bottom: 20px;
}
.winter-release__card-wrapper {
    display: flex;
    column-gap: 20px;
    flex-direction: row;
    margin-bottom: 40px;
}
.winter-release__card {
    border-radius: 20px;
    padding: 30px 20px;
    text-align: left;
    max-width: 420px;
    width: 100%;
}
.winter-release__card:first-child {
    background: linear-gradient(90deg, #9DC6FF .12%, #fff 67.13%);
}
.winter-release__card:nth-child(2) {
    background-color: var(--winter-release-white);
}
.winter-release__card:last-child {
    background: linear-gradient(90deg, #fff 25.12%, #D2C1FF 100.12%);
}
.winter-release__text {
    color: var(--winter-release-black);
    font-family: Montserrat;
    font-size: 20px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400 !important;
    margin-bottom: 0px;
}
.winter-release__card-title {
    font-weight: 500 !important;
    margin-bottom: 15px ;
    text-transform: uppercase;
}

.winter-release__btn {
    position: relative;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
}
.winter-release__btn::before {
    left: -10px;
    background-color: var(--winter-release-btn-left);
}
.winter-release__btn::after {
    mix-blend-mode: multiply;
    right: -10px;
    background-color: var(--winter-release-btn-right);
}
.winter-release__btn::after, .winter-release__btn::before {
    border-radius: 50px;
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .2s ease-in-out;
}
.winter-release__btn-text {
    position: relative;
    z-index: 5;
    padding: 18px 20px;
    border-radius: 50px;
    display: inline-block;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-decoration: none;
    background-color: var(--winter-release-blue);
    color: var(--winter-release-white);
}
.winter-release__btn:is(:hover,:active,:focus)::before {
    left: 0px;
}
.winter-release__btn:is(:hover,:active,:focus)::after {
    right: 0px;
}
.collab, .ai-crm, .booking, .follow-up {
    text-align: center;
}

/* Ai-in-crm */
.winter-release__section {
    padding-top: 120px;
}