* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:before,
:after,
a,
.fe_tab_item,
svg,
path,
.head_menu,
.head_overlay,
.video_banner,
.arrow_wrapper,
.arrow_test {
    transition: all 0.3s;
}

a {
    text-decoration: none;
}

body,
inout,
textarea,
select,
button {
    font-family: "DM Sans", sans-serif;
}

body {
    font-size: 18px;
    font-weight: 400;
    color: #111112;
}

.container {
    position: relative;
    padding: 0 15px;
    max-width: 1310px;
    margin: 0 auto;
}

.position-relative,
.z-index,
section {
    position: relative;
}

.z-index {
    z-index: 1;
}

.z-index2 {
    z-index: 2;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col {
    width: 100%;
    padding: 0 15px;
}

.border_btn {
    position: relative;
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 100px;
    padding: 2px;
    display: inline-block;
}

.border_btn span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100px;
}

.border_btn:hover span:before {
    transform: scale(0);
}

.border_btn:hover i {
    color: #fff;
    -webkit-text-fill-color: white;
}

.text_gr,
.style_1_btn:hover .text_gr {
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    font-style: normal;
}

.border_btn span {
    padding: 11px 53px;
    display: inline-block;
}

.style_1_btn span {
    padding: 16px 53px;
}

.style_1_btn.border_btn span:before {
    transform: scale(0);
    opacity: 0;
}

.style_1_btn.border_btn:hover span:before {
    transform: scale(1);
    opacity: 1;
}

.style_1_btn .text_gr {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}

/* Header */
header.main_header {
    padding: 30px 0 0;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    max-width: 1430px;
    z-index: 999;
    transition: transform 0.6s ease;
}

.main_header.scrolled {
    animation: slideDown 0.6s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%) translateX(-50%);
    }

    to {
        transform: translateY(0) translateX(-50%);
    }
}

.main_header .container {
    max-width: 1430px;
}

.head_logo_link,
.head_logo_link svg,
.head_arrow svg {
    display: block;
}

.head_list {
    list-style: none;
}

.head_item a {
    font-size: 18px;
    color: #111112;
    padding: 27px 0;
    display: inline-block;
}

.head_item a:hover {
    color: #AC62DE;
}

.head_list {
    display: flex;
    align-items: center;
    gap: 0 34px;
}

.header_border {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    padding: 0 60px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.24);
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.05);
}

.header_btn>a {
    min-width: 120px;
}

.header_btn .border_btn span,
.header_btn .style_1_btn span {
    padding: 9.5px 12px;
    width: 100%;
    text-align: center;
}

.head_arrow {
    display: inline-block;
    position: relative;
    top: -2px;
}

.header_btn {
    display: flex;
    gap: 0 8px;
}

.main_header .dropdown {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

[dir="rtl"] .main_header .dropdown {
    margin-right: 10px;
    margin-left: 0;
}

[dir="rtl"] .main_header .dropdown-menu {
    right: auto;
    left: 0;
}

.main_header .dropdown-toggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.main_header .dropdown-toggle #flag-icon {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.main_header .dropdown-menu {
    display: none;
    position: absolute;
    top: 56px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-top: 0;
    border-radius: 0;
    width: auto;
    z-index: 100;
    min-width: 120px;
    right: 0;
    padding: 15px 10px 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.main_header .dropdown-menu.show {
    display: block;
}

.main_header .dropdown-menu button {
    background: none;
    border: none;
    width: 100%;
    padding: 8px;
    cursor: pointer;
}

.main_header .dropdown-menu img {
    width: 40px;
    height: 30px;
    object-fit: cover;
}

.dropdown-item a{
    display: flex;
    align-items: center;
    gap: 8px;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 0 8px;
    cursor: pointer;
    margin-bottom: 10px;
}

.header_col_3 {
    display: flex;
    align-items: center;
}

.dropdown-item span {
    font-size: 14px;
    font-weight: 500;
}

@media screen and (max-width: 474px) {
    .header_logo svg {
        max-width: 110px;
    }
}

@media screen and (max-width: 767px) {
    .header_col_2 {
        order: 1;
    }

    .header_col_3 {
        margin-left: auto;
        margin-right: 15px;
    }

    .main_header .dropdown-menu {
        top: 48px;
    }

    [dir="rtl"] .header_col_3 {
        margin-right: auto;
        margin-left: 15px;
    }
}

@media screen and (max-width: 1199px) {
    html.header_open {
        overflow: hidden;
    }

    .head_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 270px;
        background-color: #fff;
        height: 100%;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        padding: 25px 15px;
        left: -100%;
        z-index: 3;
    }

    .head_list {
        flex-flow: column;
        align-items: flex-start;
        gap: 0;
    }

    .head_item {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        position: relative;
    }

    .head_arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }

    .head_item.sub_menu {
        padding-right: 20px;
    }

    .head_item a {
        padding: 12px 0;
        font-size: 16px;
    }

    .header_border {
        border-radius: 10px;
        padding: 10px 15px;
    }

    br,
    .header_btn {
        display: none;
    }

    .header_right_menu svg {
        display: block;
        width: 22px;
        height: 20px;
    }

    header.main_header {
        padding: 15px 0;
        transition: all 0.3s;
    }

    .header_open header.main_header {
        height: 100%;
    }

    .header_right_menu {
        cursor: pointer;
    }

    .header_open .head_menu {
        left: 0;
    }

    .head_close svg {
        display: block;
    }

    .head_close {
        cursor: pointer;
        position: absolute;
        right: -40px;
        top: 0;
        background-color: #fff;
        padding: 10px 10px;
        box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.1);
        border-left: 1px solid rgba(0, 0, 0, 0.15);
    }

    .head_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(18 18 18 / 30%);
        opacity: 0;
        visibility: hidden;
        z-index: 2;
    }

    .header_open .head_overlay {
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header_col_3 {
        display: flex;
        margin-left: auto;
        padding-right: 15px;
    }

    [dir="rtl"] .header_col_3 {
        margin-right: auto;
        margin-left: 15px;
    }

    .header_col_2 {
        order: 1;
    }

    .header_btn .border_btn span,
    .header_btn .style_1_btn span {
        padding: 9px 12px;
        font-size: 14px;
    }

    .main_header .dropdown-menu {
        top: 48px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .head_list {
        gap: 0 20px;
    }

    .header_border {
        border-radius: 20px;
        padding: 0 20px;
    }
}

@media screen and (min-width: 1200px) {

    .header_right_menu,
    .head_close {
        display: none;
    }
}

/* ============= ============================== Back To Top ============================== ============= */
.progress-wrap {
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 52px;
    width: 52px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap .top_arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.progress-wrap svg.progress-circle {
    width: 100%;
    height: 100%;
}

.progress-wrap svg.progress-circle path {
    fill: none;
    stroke-width: 6px;
    stroke: url(#gradient);
    stroke-linecap: round;
    transition: stroke-dashoffset 200ms linear;
}

.progress-wrap svg.progress-circle defs linearGradient stop {
    stop-color: rgb(224 145 187 / 60%);
}

.progress-wrap svg.progress-circle defs linearGradient stop:nth-child(2) {
    stop-color: rgb(168 94 225 / 60%);
}

.progress-wrap svg.progress-circle defs linearGradient stop:nth-child(3) {
    stop-color: rgb(125 55 255 / 60%);
}

.progress-wrap svg.progress-circle defs linearGradient stop:last-child {
    stop-color: rgb(168 94 225 / 60%);
}

/* Hero Sec  */
.hero_bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-image: url(../images/bg.jpg);
    height: calc(100% - 260px);
    border-radius: 0 0 64px 64px;
}

.hero_content {
    text-align: center;
}

.hero_main_title {
    font-size: 52px;
    font-weight: 700;
    letter-spacing: 2px;
}

.hero_main_title span {
    background: linear-gradient(270deg, #D25698 0%, #A85EE1 50%, #7D37FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.hero_sec {
    padding: 220px 0 0;
}

.hero_desc {
    font-family: "Jost", sans-serif;
    padding-top: 20px;
    font-size: 20px;
}

.hero_img {
    padding-top: 42px;
}

.hero_img_wrap {
    margin: 0 -20px;
}

/* ( Hero Bg Effect ) */
.base-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(200, 200, 255, 0) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(200, 200, 255, 0) 1px, transparent 1px);
    background-size: 60px 60px;
}

.highlight-grid {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(199, 104, 255, 0.3) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(199, 104, 255, 0.3) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(circle at center, transparent 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(circle at center, transparent 0%, transparent 70%);
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bg_effect_hero:hover .highlight-grid {
    opacity: 1;
}

.glow-cursor {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-9999px, -9999px);
    filter: blur(125px);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bg_effect_hero:hover .glow-cursor {
    opacity: 1;
}

/* Features Sec  */
.features_sec {
    padding: 50px 0 0;
}

.features_content {
    text-align: center;
}

.features_label h6 {
    font-size: 20px;
    font-weight: 600;
}

.features_label {
    display: inline-block;
    background: linear-gradient(270deg, rgba(224, 145, 187, 0.11) 0%, rgba(168, 94, 225, 0.11) 50%, rgba(125, 55, 255, 0.11) 100%);
    border-radius: 20px;
    color: #7D37FF;
    padding: 13px 23px;
}

.sub_title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.47;
    letter-spacing: 2px;
}

.sub_title span {
    background: linear-gradient(270deg, #7D37FF 0%, #E091BB 50%, #7D37FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.features_content .sub_title {
    max-width: 920px;
    margin: 0 auto;
}

.fe_title {
    padding-top: 33px;
}

.fe_tab_list .fe_tabs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    gap: 24px;
}

.fe_tab_item {
    border: 1px solid rgb(0 0 0 / 10%);
    color: #333333;
    font-weight: 600;
    font-size: 20px;
    background-color: #F5F5F5;
    border-radius: 16px;
    padding: 12px 16px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.fe_tab_list {
    padding-top: 44px;
}

.fe_tab_item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    border-radius: 16px;
    opacity: 0;
}

.fe_tab_item span {
    position: relative;
    z-index: 1;
}

.fe_tab_item:hover,
.fe_tab_item.active {
    color: #fff;
    border-color: transparent;
}

.fe_tab_item.active:before,
.fe_tab_item:hover:before {
    opacity: 1;
}

.fe_title_sub h5 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
}

.fe_col_left {
    width: 50%;
}

.fe_col_right {
    width: 50%;
}

.fe_tab_group .row {
    align-items: center;
}

.fe_desc {
    color: #595959;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    padding: 34px 0 0;
}

.fe_title h5 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
}

.fe_tab_content {
    padding-top: 50px;
}

.fe_right_img {
    margin: 0 -40px 0 -80px;
}

.fe_btn {
    padding-top: 70px;
}

.fe_left_content {
    max-width: 563px;
    padding-right: 20px;
}

/* Innovations Sec */
.innovations_bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    perspective: 1500px;
}

.innovations_bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30rem;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.innovations_bg-grid {
    position: absolute;
    width: 100%;
    height: 200%;
    background: linear-gradient(90deg, #e1e1e1 1px, transparent 0), linear-gradient(180deg, #cbd9ff 1px, transparent 0);
    background-size: 40px 90px;
    transform: rotateX(60deg);
    transform-origin: top;
    animation: scrollDown 10s linear infinite;
}

@keyframes scrollDown {
    0% {
        transform: rotateX(60deg) translateY(0);
    }

    100% {
        transform: rotateX(60deg) translateY(-50%);
    }
}

.innovations_sec {
    padding: 190px 0 110px;
}

.inno_bg {
    background: linear-gradient(270deg, #F7E0F9 0%, #EDF9FF 100%);
    border: 1px solid rgba(0, 0, 0, 0.31);
    border-radius: 24px;
    padding: 44px 24px 0 44px;
    height: 100%;
}

.innovations_slider.owl-carousel .owl-item img {
    width: auto;
    margin-left: auto;
}

.inno_title h6 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.innovations_row {
    padding-top: 65px;
}

.inno_content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: flex-end;
}

.inno_sub_wrap {
    width: 61%;
    height: 100%;
}

.inno_img {
    width: 39%;
}

.inno_img_inside {
    margin: 0 0 0 -237px;
}

.inno_desc {
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.5;
}

.inno_button {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 40px;
}

.inno_button .style_1_btn span {
    padding: 10px 27px;
}

.inno_video_btn {
    display: inline-block;
}

.inno_video_btn a {
    display: flex;
    align-items: center;
    gap: 0 11px;
    color: #111112;
    font-size: 18px;
    font-weight: 600;
}

.innovations_slider .owl-nav {
    padding-top: 35px;
}

/* Learning Sec*/
.learn_sec {
    padding: 70px 0 0;
}

.learn_sec_inside {
    background-image: url(../images/learning-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 79px 70px 89px;
    border-radius: 32px;
}

.learn_sec.type-b .learn_sec_inside {
    background-image: url(../images/edutok-app.jpg);
}

.learn_left_col {
    width: 50%;
}

.learn_right_col {
    width: 50%;
}

.learn_title h2 {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.5;
}

.learn_title h2 span {
    color: #D385C4;
}

.learn_desc li svg {
    min-width: 20px;
}

.learn_desc li {
    color: #fff;
    line-height: 1.5;
    display: flex;
    gap: 16px;
}

.learn_desc {
    padding-top: 20px;
}

.learn_btn {
    padding-top: 48px;
}

.learn_sec_inside .row {
    align-items: center;
}

.learn_content {
    padding-left: 40px;
}

.features_right {
    position: absolute;
    right: 0;
    height: 100%;
    width: 617px;
    bottom: -50px;
    background: rgba(125, 55, 255, 0.06);
    filter: blur(207px);
    z-index: -1;
}

.features_left {
    background: rgba(224, 145, 187, 0.14);
    filter: blur(207px);
    height: 100%;
    width: 753px;
    position: absolute;
    top: 130px;
    left: 0;
    z-index: -1;
}

/* Trus Sec */
.trust_sec {
    background-color: rgb(243 244 246 / 72%);
    padding: 80px 0;
}

.trust_head {
    max-width: 855px;
    margin: 0 auto;
    text-align: center;
}

.trust_logo_list {
    padding-top: 50px;
}

.owl-carousel .owl-item .logo_item img {
    width: auto;
}

.logo_item {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo_wrap,
.logo_item {
    height: 100%;
}

.logo_wrap {
    padding: 10px 15px;
}

.trust_logo_minus {
    margin: 0 -15px;
}

.trust_logo_box_bg {
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    border-radius: 24px;
    padding: 6px 0 0;
    box-shadow: 10px 0px 20px 0 rgba(0, 0, 0, 0.1);
}

.trust_logo_box_bg:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 6px);
    background-color: #f6f7f9;
    border-radius: 24px;
}

.trust_logo_box {
    background: linear-gradient(198.55deg, rgba(224, 145, 187, 0.3) -52.02%, rgba(168, 94, 225, 0.13) 19.35%, rgba(168, 94, 225, 0) 90.72%);
    /*    filter: drop-shadow(0px 4px 19px rgba(0, 0, 0, 0.15));*/
    border-radius: 24px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: center;
    padding: 35px 46px 0;
}

.trust_logo_bottom {
    padding-top: 40px;
}

.seen_row {
    background-color: #fff;
    border-radius: 24px 24px 0 0;
    width: 100%;
    padding: 45px 0 25px;
}

.seen_title,
.seen_logo_group {
    text-align: center;
}

.seen_title h2 {
    font-size: 32px;
    font-weight: 700;
}

.seen_title h2 span {
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.seen_logo_group {
    padding-top: 20px;
}

/* Work Sec */
.work_sec {
    padding: 88px 0;
}

.work_label {
    text-align: center;
}

.work_label h6 {
    color: #7D37FF;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0px 2px 30px rgba(125, 55, 255, 0.25);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.11);
    display: inline-block;
    padding: 13px 24px;
}

.work_title .sub_title {
    max-width: 890px;
    text-align: center;
    margin: 0 auto;
}

.work_title {
    padding-top: 33px;
}

.work_60 {
    width: 55%;
}

.work_start_bg {
    background-image: url(../images/started-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 24px;
    border: 1px solid rgb(0 0 0 / 13%);
    width: 100%;
    overflow: hidden;
    padding: 24px 21px 0 24px;
    height: 100%;
}

.work_media span {
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    min-width: 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-radius: 100px;
}

.work_media {
    display: flex;
    gap: 0 16px;
    padding-bottom: 20px;
}

.work_media .media_body h3 {
    font-size: 24px;
}

.work_media .media_body p {
    color: #595959;
    font-size: 16px;
    line-height: 1.5;
}

.work_media .media_body {
    padding-top: 5px;
}

.work_img {
    margin-bottom: -6px;
    text-align: right;
}

.work_col {
    padding: 0 15px;
}

.work_row {
    padding-top: 5px;
}

.work_40 {
    width: 45%;
}

.bg_color_work {
    background: no-repeat;
    background-color: #f8f7fc;
}

.bg_color_work .work_media {
    padding-bottom: 0;
}

.bg_color_work .work_img {
    text-align: center;
    padding-top: 45px;
}

.work_row .row {
    gap: 46px 0;
}

.work_col_3 .bg_color_work .work_img {
    padding-top: 30px;
}

.work_col_4 .work_start_bg {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.work_col_4 .work_img {
    text-align: center;
}

.work_full {
    width: 100%;
}

.media_multi_per {
    padding-top: 10px;
}

.work_col_5 .work_img {
    text-align: right;
    margin: 0 -22px -7px 0;
}

.work_desc,
.work_btn {
    text-align: center;
}

.work_info {
    display: flex;
    flex-flow: column;
    gap: 54px 0;
    padding-top: 64px;
}

.work_desc p {
    font-size: 16px;
}

.work_btn .style_1_btn span {
    padding: 16px 20px;
}

/* platform sec */
.platform_sec {
    padding: 110px 0 0;
}

.platform_title {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.platform_title .sub_title {
    padding-top: 33px;
}

.platform_desc {
    padding-top: 10px;
}

.platform_bg {
    background: linear-gradient(180deg, #F3ECFF 0%, #FBECEF 100%);
    border-radius: 24px;
    padding: 48px;
}

.platform_row {
    padding-top: 64px;
}

.platform_inside_tag {
    background: rgba(255, 255, 255, 0.43);
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.15);
    border-radius: 24px;
    padding: 25px 23px;
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}

.tag_item {
    display: flex;
    flex-wrap: wrap;
}

.tag_item {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.tag_text {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    padding: 5px 10px;
    gap: 10px;
}

.platform_left {
    width: 50%;
}

.tag_list {
    display: flex;
    flex-flow: column;
    gap: 17px 0;
}

.tag_title h5 {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}

.tag_title {
    padding-bottom: 40px;
}

.platform_right {
    width: 50%;
}

.platform_bg .col {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}

.platform_right .tag_title h5 {
    background: linear-gradient(270deg, #E091BB 0%, #A85EE1 50%, #7D37FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.platform_right .platform_inside_tag {
    align-items: flex-end;
    overflow: hidden;
    position: relative;
}

.after_img {
    margin-bottom: -31px;
    max-width: 448px;
}

.after_circle {
    position: absolute;
    bottom: 15px;
}

.after_tag_row {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.after_tag_list {
    position: relative;
    width: 570px;
    height: 460px;
    border-radius: 100%;
    margin: auto;
    list-style: none;
}

.after_tag_item {
    position: absolute;
    width: auto;
    text-align: center;
    font-size: 12px;
    color: #333;
    transform: translate(-50%, -50%);
    transition: none;
    background: linear-gradient(180deg, #858585 0%, #151515 100%);
    border-radius: 40px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    padding: 9px 18px;
    min-width: 150px;
    max-width: 150px;
    text-align: center;
}

@media screen and (max-width: 574px) {
    .innovations_item {
        height: auto !important;
    }

    .inno_bg {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .hero_img_wrap {
        margin: 0;
    }

    .hero_main_title {
        font-size: 34px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .hero_desc {
        padding-top: 10px;
        font-size: 18px;
    }

    .hero_bg {
        height: 100%;
        border-radius: 0 0 20px 20px;
    }

    .hero_img {
        padding-top: 20px;
    }

    .hero_sec {
        padding: 140px 0 50px;
    }

    .features_label {
        padding: 9px 15px;
        border-radius: 8px;
    }

    .features_label h6 {
        font-size: 18px;
    }

    .features_content .sub_title {
        font-size: 30px;
        letter-spacing: normal;
        line-height: 1.2;
    }

    .fe_title {
        padding-top: 20px;
    }

    .fe_tab_list {
        overflow-x: auto;
        padding-top: 30px;
    }

    .fe_tab_list .fe_tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0 5px;
        padding-bottom: 10px;
    }

    .fe_tab_item {
        flex-shrink: 0;
        font-size: 14px;
        padding: 12px 12px;
        border-radius: 6px;
    }

    .fe_tab_item:before {
        border-radius: 6px;
    }

    .fe_col_left,
    .fe_col_right,
    .learn_left_col,
    .learn_right_col,
    .work_40,
    .work_60 {
        width: 100%;
    }

    .fe_title_sub h5 {
        letter-spacing: normal;
        line-height: 1.2;
        font-size: 28px;
    }

    .fe_desc {
        font-size: 16px;
        padding: 15px 0 0;
    }

    .fe_btn {
        padding-top: 25px;
    }

    .border_btn span {
        padding: 10px 40px;
    }

    .fe_right_img {
        margin: 0;
    }

    .fe_tab_group .row {
        flex-direction: column-reverse;
        gap: 15px 0;
    }

    .fe_tab_content {
        padding-top: 20px;
    }

    .learn_sec_inside {
        padding: 60px 15px;
        border-radius: 15px;
    }

    .learn_content {
        padding-left: 0;
    }

    .learn_title h2 {
        line-height: 1.2;
        font-size: 28px;
        letter-spacing: normal;
    }

    .learn_content {
        padding-top: 15px;
    }

    .learn_desc li {
        gap: 10px;
        font-size: 14px;
    }

    .learn_desc {
        padding-top: 15px;
    }

    .learn_btn {
        padding-top: 25px;
    }

    .learn_sec {
        padding: 60px 0 0;
    }

    .learn_img {
        margin-right: -5px;
    }

    .sub_title {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .trust_logo_list {
        padding-top: 15px;
    }

    .trust_logo_minus {
        margin: 0 -6px;
    }

    .logo_wrap {
        padding: 10px 6px;
    }

    .trust_sec,
    .work_sec {
        padding: 60px 0;
    }

    .trust_logo_box {
        padding: 35px 5px 0;
    }

    .trust_logo_box {
        padding: 25px 5px 0;
    }

    .seen_title h2 {
        font-size: 28px;
    }

    .work_label h6 {
        padding: 9px 15px;
        border-radius: 8px;
        box-shadow: 0px 2px 20px rgba(125, 55, 255, 0.15);
        font-size: 16px;
    }

    .work_row .row {
        gap: 20px 0;
    }

    .work_title {
        padding-top: 25px;
    }

    .work_row {
        padding-top: 20px;
    }

    .work_media {
        flex-flow: column;
    }

    .work_media span {
        min-width: 34px;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .work_media .media_body h3 {
        font-size: 20px;
    }

    .work_media .media_body p {
        font-size: 14px;
    }

    .bg_color_work .work_img {
        padding-top: 25px;
    }

    .work_col_3 .bg_color_work .work_img {
        padding-top: 20px;
    }

    .work_start_bg {
        border-radius: 15px;
        padding: 20px 15px 0 15px;
    }

    .work_btn .style_1_btn span {
        padding: 11px 20px;
    }

    .work_info {
        gap: 25px 0;
        padding-top: 35px;
    }

    .features_left,
    .features_right {
        display: none;
    }

    /*    */
    .inno_sub_wrap,
    .inno_img {
        width: 100%;
        height: auto;
    }

    .inno_img_inside {
        margin: 0;
    }

    .inno_bg {
        padding: 40px 15px 0 15px;
    }

    .inno_sub_wrap {
        margin-bottom: auto;
    }

    .innovations_item {
        padding: 0 15px;
    }

    .inno_button {
        padding-top: 15px;
        gap: 15px;
    }

    .inno_button .style_1_btn .text_gr {
        font-size: 16px;
    }

    .inno_button .style_1_btn span {
        padding: 8px 21px;
    }

    .inno_video_btn a {
        font-size: 16px;
        gap: 0 8px;
    }

    .inno_img {
        padding-top: 25px;
    }

    .inno_title h6 {
        font-size: 20px;
        line-height: 1.3;
    }

    .innovations_slider .owl-nav {
        padding-top: 25px;
    }

    .innovations_row {
        padding-top: 25px;
    }

    .innovations_sec {
        padding: 80px 0 80px;
    }

    .platform_sec {
        padding: 70px 0 0;
    }

    .platform_row {
        padding-top: 35px;
    }

    .platform_title .sub_title {
        padding-top: 23px;
    }

    .platform_right,
    .platform_left {
        width: 100%;
    }

    .platform_bg {
        padding: 50px 15px;
        border-radius: 15px;
    }

    .tag_title {
        padding-bottom: 15px;
    }

    .tag_text {
        font-size: 14px;
        gap: 0 5px;
    }

    .tag_text .img-fluid {
        max-width: 35px;
    }

    .tag_list,
    .tag_item {
        gap: 10px;
    }

    .tag_title h5 {
        font-size: 26px;
    }

    .platform_right {
        padding-top: 30px;
    }

    .platform_right .platform_inside_tag {
        min-height: 310px;
    }

    .after_tag_item {
        min-width: 120px;
        max-width: 120px;
        font-size: 8px;
    }

    .after_img {
        max-width: 290px;
    }

    .after_circle {
        max-width: 320px;
    }
}

@media (min-width: 575px) and (max-width: 767px) {
    .innovations_item {
        padding: 0 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .features_left,
    .features_right {
        display: none;
    }

    .fe_right_img {
        margin: 0 0 0 -60px;
    }

    [dir="rtl"] .fe_right_img {
        margin: 0 -30px 0 0;
    }

    .fe_tab_list .fe_tabs {
        gap: 10px;
    }

    .fe_tab_item {
        font-size: 16px;
    }

    .hero_img_wrap {
        max-width: 600px;
        margin: 0 auto;
    }

    .hero_bg {
        height: 100%;
        border-radius: 0 0 30px 30px;
    }

    .hero_sec {
        padding: 150px 0 50px;
    }

    .hero_main_title {
        font-size: 45px;
        letter-spacing: normal;
        line-height: 1.2;
    }

    .hero_desc {
        padding-top: 10px;
        font-size: 18px;
    }

    .hero_img {
        padding-top: 20px;
    }

    .sub_title {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .features_label {
        padding: 10px 22px;
        border-radius: 10px;
    }

    .fe_title {
        padding-top: 25px;
    }

    .fe_tab_list {
        padding-top: 35px;
    }

    .features_label h6 {
        font-size: 18px;
    }

    .fe_title_sub h5 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .fe_desc {
        line-height: 1.5;
        padding: 15px 0 0;
    }

    .fe_btn {
        padding-top: 25px;
    }

    .border_btn span {
        padding: 11px 40px;
    }

    .fe_tab_content {
        padding-top: 25px;
    }

    .learn_sec_inside {
        padding: 60px 20px 60px 25px;
    }

    .learn_content {
        padding-left: 0;
    }

    .learn_title h2 {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .learn_btn {
        padding-top: 20px;
    }

    .trust_logo_list {
        padding-top: 25px;
    }

    .trust_logo_box {
        padding: 35px 20px 0;
        overflow: hidden;
    }

    .seen_row {
        padding: 30px 10px 20px;
    }

    .work_media .media_body h3 {
        font-size: 20px;
    }

    .work_media span {
        min-width: 38px;
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .work_media {
        gap: 0 10px;
    }

    .work_media .media_body {
        padding-top: 0;
    }

    .work_row {
        padding-top: 20px;
    }

    .work_col {
        padding: 0 5px;
    }

    .work_row .row {
        gap: 15px 0;
        margin: 0 -5px;
    }

    .work_label h6 {
        font-size: 18px;
    }

    .work_info {
        gap: 25px 0;
        padding-top: 40px;
    }

    .work_btn .style_1_btn span {
        padding: 14px 20px;
    }

    .innovations_sec {
        padding: 100px 0;
    }

    .platform_row {
        padding-top: 35px;
    }

    .platform_bg {
        padding: 45px 25px;
    }

    .platform_right,
    .platform_left {
        width: 100%;
    }

    .tag_title {
        padding-bottom: 20px;
    }

    .platform_right {
        padding-top: 35px;
    }

    .tag_list {
        gap: 10px 0;
    }

    .tag_text {
        font-size: 18px;
        padding: 10px 10px;
    }

    .tag_text .img-fluid {
        max-width: 40px;
    }

    .platform_right .platform_inside_tag {
        min-height: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero_img_wrap {
        margin: 0 auto;
        max-width: 800px;
    }

    .hero_desc {
        padding-top: 10px;
    }

    .hero_img {
        padding-top: 20px;
    }

    .hero_bg {
        height: 100%;
        border-radius: 0 0 34px 34px;
    }

    .features_sec {
        padding: 80px 0 0;
    }

    .fe_right_img {
        margin: 0 0 0 -50px;
    }

    [dir="rtl"] .fe_right_img {
        margin: 0 -30px 0 0;
    }

    .fe_title_sub h5 {
        letter-spacing: normal;
        line-height: 1.3;
        font-size: 30px;
    }

    .fe_desc {
        padding: 20px 0 0;
    }

    .fe_tab_list .fe_tabs {
        gap: 10px;
    }

    .fe_tab_item {
        font-size: 16px;
        border-radius: 10px;
        padding: 12px 14px;
    }

    .fe_tab_content {
        padding-top: 20px;
    }

    .sub_title {
        letter-spacing: normal;
        font-size: 35px;
    }

    .features_label {
        border-radius: 10px;
        padding: 10px 23px;
    }

    .features_label h6 {
        font-size: 18px;
    }

    .fe_title {
        padding-top: 20px;
    }

    .fe_btn {
        padding-top: 30px;
    }

    .hero_sec {
        padding: 160px 0 50px;
    }

    .hero_main_title {
        font-size: 45px;
    }

    .learn_sec_inside {
        padding: 60px 30px;
    }

    .learn_title h2 {
        font-size: 35px;
        line-height: 1.2;
    }

    .learn_content {
        padding-left: 0;
    }

    .style_1_btn span {
        padding: 13px 44px;
    }

    .learn_btn {
        padding-top: 30px;
    }

    .border_btn span {
        padding: 10px 43px;
    }

    .trust_logo_box {
        padding: 20px 25px 0;
    }

    .seen_row {
        padding: 35px 0 15px;
    }

    .seen_logo_group {
        padding-top: 10px;
    }

    .trust_logo_list {
        padding-top: 30px;
    }

    .work_info {
        gap: 35px 0;
        padding-top: 35px;
    }

    .work_btn .style_1_btn span {
        padding: 13px 20px;
    }

    .innovations_row {
        padding-top: 25px;
    }

    .innovations_sec {
        padding: 110px 0;
    }

    .inno_img_inside {
        margin: 0 0 0 -100px;
    }

    .inno_img_dif .inno_img_inside {
        margin: 0 0 0 -20px;
    }

    .platform_row {
        padding-top: 40px;
    }

    .tag_text {
        font-size: 16px;
    }

    .tag_text .img-fluid {
        max-width: 35px;
    }

    .tag_list,
    .tag_item {
        gap: 10px;
    }

    .platform_bg {
        padding: 50px 30px;
    }

    .tag_title {
        padding-bottom: 20px;
    }

    .tag_title h5 {
        font-size: 30px;
    }

    .after_circle {
        max-width: 350px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .hero_img_wrap {
        margin: 0 auto;
        max-width: 1020px;
    }

    .hero_desc {
        padding-top: 10px;
    }

    .hero_img {
        padding-top: 15px;
    }

    .hero_sec {
        padding: 190px 0 0;
    }

    .fe_right_img {
        margin: 0 0 0 -70px;
    }

    [dir="rtl"] .fe_right_img {
        margin: 0 -70px 0 0;
    }

    .fe_desc {
        padding: 20px 0 0;
    }

    .fe_btn {
        padding-top: 40px;
    }

    .fe_tab_content {
        padding-top: 20px;
    }

    .fe_tab_list {
        padding-top: 34px;
    }

    .fe_tab_item {
        font-size: 18px;
        padding: 12px 16px;
    }

    .fe_tab_list .fe_tabs {
        gap: 20px;
    }

    .learn_title h2 {
        line-height: 1.2;
    }

    .style_1_btn span {
        padding: 14px 53px;
    }

    .learn_content {
        padding-left: 20px;
    }

    .learn_sec_inside {
        padding: 60px 59px;
    }

    .trust_logo_list {
        padding-top: 30px;
    }

    .tag_title {
        padding-bottom: 25px;
    }

    .platform_bg {
        padding: 50px 38px;
    }

    .platform_bg {
        padding: 48px 38px;
    }

    .tag_text {
        font-size: 16px;
    }

    .tag_text .img-fluid {
        max-width: 45px;
    }

    .after_circle {
        max-width: 400px;
    }
}

/*====================================================================================================================================================================================================*/
/* Footer styles */
.footer {
    color: #fff;
    padding: 54px 0 51px;
    position: relative;
    /* background-image: url(../images/Footer.jpg); */
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer .hero_bg {
    background: no-repeat;
    height: 100%;
    border-radius: 0;
}

.footer_logo {
    display: inline-block;
}

.footer-grid {
    display: flex;
    gap: 40px;
}

.footer-column {
    width: 20%;
}

.footer-column.logo-section {
    width: 30%;
}

.footer-column.product-col {
    width: 22%;
}

.footer-column.company-col {
    width: 11%;
}

/* Logo and branding section */
.logo {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.tagline {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    color: #ffff;
    margin-bottom: 8px;
}

.copyright {
    font-size: 16px;
    color: #ffff;
    font-weight: 300;
}

/* Column titles */
.column-title {
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1;
}

/* Footer links lists */
.footer-links {
    list-style: none;
}

.footer-links li {
    margin-bottom: 4px;
}

.footer-links a {
    color: #bbbbbb;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.2s ease;
}

.footer-links a:hover {
    color: white;
}

.column-title {
    position: relative;
}

.column-title {
    position: relative;
}

.cta-section {
    color: #fff;
    padding: 110px 0;
    border-radius: 64px 64px 0 0;
    background-image: url(../images/power-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.cta-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cta-text {
    flex: 1;
    min-width: 280px;
}

.cta-text h2 {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: 2px;
}

.highlight {
    background: linear-gradient(270deg, #7d37ff 0%, #e091bb 50%, #7d37ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-clip: text;
}

.cta-text p {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.7;
    font-weight: 300;
}

.btn-outline {
    background: transparent;
    border: 1px solid #a259ff;
    color: #a259ff;
    padding: 12px 24px;
    border-radius: 30px;
    margin-right: 12px;
    cursor: pointer;
    transition: 0.3s ease;
}

.btn-outline:hover {
    background: #a259ff;
    color: #fff;
}

.btn-filled {
    background: linear-gradient(to right, #7c3aed, #f9a8d4);
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s ease;
}

.btn-filled:hover {
    opacity: 0.9;
}

.cta-image {
    flex: 1;
    text-align: center;
}

.cta-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.cta-buttons {
    margin-top: 45px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.cta-buttons .border_btn span:before {
    background-color: #2f174d;
}

.cta-buttons a span,
.about_btn a span {
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_btn a span {
    padding: 18px 20px;
    min-width: 172px;
}

.cta-buttons a span,
.about_btn .cta-buttons a span {
    padding: 17px 20px;
    min-width: 172px;
}

/*  */
.about_sec_inside {
    background: url(../images/AboutAI.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 24px;
}

.about_sec_inside {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 88px 60px;
}

.about_left_col {
    width: 68%;
}

.about_sec {
    padding: 63px 0 0;
}

.about_right_col {
    width: 42%;
}

.col.about_right_col {
    padding-left: 100px;
}

.about_desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    padding: 18px 0 30px;
}

.about_title h2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 56px;
    color: #fff;
}

/* Testimonial Sec */
.testimonial_sec {
    padding: 88px 0;
}

.testimonial_title {
    font-weight: 700;
    font-size: 44px;
    line-height: 1.5;
    text-align: center;
    padding: 0 0 15px;
}

.testimonial_desc {
    font-size: 20px;
    color: #111112;
    text-align: center;
    line-height: 1.4;
}

.testimonial_slider {
    padding-top: 64px;
}

.item-video {
    background: linear-gradient(342.28deg, rgba(224, 145, 187, 0.8) 5.2%, rgba(168, 94, 225, 0.8) 50%, rgba(125, 55, 255, 0.8) 94.8%);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.item-video video {
    width: 100%;
    object-fit: cover;
}

.item-video .video-js {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video_banner,
.video_setup {
    z-index: 1;
    position: relative;
    width: 100%;
}

.video_setup {
    overflow: hidden;
}

.item-video,
.item-video .video-js,
.video_setup {
    border-radius: 16px 16px 16px 0;
}

.item-video.active .video_banner {
    opacity: 0;
}

.testimonial_owl .owl-stage {
    padding-left: 0 !important;
}

.testimonial_owl .owl-nav {
    padding-top: 46px;
}

.owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 30px;
}

.owl-nav button {
    position: relative;
}

.owl-nav button:before {
    background: linear-gradient(342.28deg, rgba(224, 145, 187, 0.8) 5.2%, rgba(168, 94, 225, 0.8) 50%, rgba(125, 55, 255, 0.8) 94.8%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    opacity: 0;
}

.owl-nav button:hover:before {
    opacity: 1;
}

body .owl-carousel .owl-nav button.owl-prev,
body .owl-carousel .owl-nav button.owl-next {
    padding: 1px !important;
}

.arrow_wrapper {
    backdrop-filter: blur(54px);
    box-shadow: 0px 4px 6px 0px #00000040;
    border: 1px solid #00000033;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.arrow_test {
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.arrow_test_left {
    background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14" width="20" height="14"><path fill="000000" d="m7.6 13.8q-0.3 0-0.6-0.2l-6-6.1c-0.3-0.3-0.3-0.7 0-1l6-6.1c0.3-0.3 0.8-0.3 1.1 0 0.3 0.3 0.3 0.8 0 1.1l-5.5 5.5 5.5 5.5c0.3 0.3 0.3 0.8 0 1.1-0.1 0.2-0.3 0.2-0.5 0.2z"/><path fill="%23000000" d="m18.5 7.8h-16.8c-0.4 0-0.8-0.4-0.8-0.8 0-0.4 0.4-0.7 0.8-0.7h16.8c0.4 0 0.7 0.3 0.7 0.7 0 0.4-0.3 0.8-0.7 0.8z"/></svg>');
}

.arrow_test_right {
    background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14" width="20" height="14"><path fill="000000" d="m12.4 13.8q0.3 0 0.6-0.2l6-6.1c0.3-0.3 0.3-0.7 0-1l-6-6.1c-0.3-0.3-0.8-0.3-1.1 0-0.3 0.3-0.3 0.8 0 1.1l5.5 5.5-5.5 5.5c-0.3 0.3-0.3 0.8 0 1.1 0.1 0.2 0.3 0.2 0.5 0.2z"/><path fill="000000" d="m1.5 7.8h16.8c0.4 0 0.8-0.4 0.8-0.8 0-0.4-0.4-0.7-0.8-0.7h-16.8c-0.4 0-0.7 0.3-0.7 0.7 0 0.4 0.3 0.8 0.7 0.8z"/></svg>');
}

.owl-nav button:hover .arrow_test_left {
    background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14" width="20" height="14"><title>arrow-right</title><defs><linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-7.565,0,0,-13.638,8.318,7.002)"><stop offset="0" stop-color="%23e091bb"/><stop offset=".5" stop-color="%23a85ee1"/><stop offset="1" stop-color="%237d37ff"/></linearGradient><linearGradient id="g2" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-18.33,0,0,-1.5,19.25,7)"><stop offset="0" stop-color="%23e091bb"/><stop offset=".5" stop-color="%23a85ee1"/><stop offset="1" stop-color="%237d37ff"/></linearGradient></defs><style>.s0 { fill: url(%23g1) } .s1 { fill: url(%23g2) } </style><path class="s0" d="m7.6 13.8q0.3 0 0.5-0.2c0.3-0.3 0.3-0.8 0-1.1l-5.5-5.5 5.5-5.5c0.3-0.3 0.3-0.8 0-1.1-0.3-0.3-0.8-0.3-1.1 0l-6 6.1c-0.3 0.3-0.3 0.7 0 1l6 6.1q0.3 0.2 0.6 0.2z"/><path class="s1" d="m1.7 7.8h16.8c0.4 0 0.7-0.4 0.7-0.8 0-0.4-0.3-0.7-0.7-0.7h-16.8c-0.4 0-0.8 0.3-0.8 0.7 0 0.4 0.4 0.8 0.8 0.8z"/></svg>');
}

.owl-nav button:hover .arrow_test_right {
    background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 14" width="20" height="14"><title>arrow-right</title><defs><linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-7.565,0,0,-13.638,19.247,7.002)"><stop offset="0" stop-color="%23e091bb"/><stop offset=".5" stop-color="%23a85ee1"/><stop offset="1" stop-color="%237d37ff"/></linearGradient><linearGradient id="g2" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-18.33,0,0,-1.5,19.08,7)"><stop offset="0" stop-color="%23e091bb"/><stop offset=".5" stop-color="%23a85ee1"/><stop offset="1" stop-color="%237d37ff"/></linearGradient></defs><style>.s0 { fill: url(%23g1) } .s1 { fill: url(%23g2) } </style><path class="s0" d="m12.4 13.8q-0.3 0-0.5-0.2c-0.3-0.3-0.3-0.8 0-1.1l5.5-5.5-5.5-5.5c-0.3-0.3-0.3-0.8 0-1.1 0.3-0.3 0.8-0.3 1.1 0l6 6.1c0.3 0.3 0.3 0.7 0 1l-6 6.1q-0.3 0.2-0.6 0.2z"/><path class="s1" d="m18.3 7.8h-16.8c-0.4 0-0.8-0.4-0.8-0.8 0.1-0.4 0.4-0.7 0.8-0.7h16.8c0.4 0 0.8 0.3 0.8 0.7 0 0.4-0.4 0.8-0.8 0.8z"/></svg>');
}

.control_hide_video .vjs-has-started .vjs-control-bar {
    display: none;
}

.owl-nav button:hover .arrow_wrapper {
    border-color: transparent;
}

/* Responsive styles */
@media (min-width: 1200px) and (max-width: 1599px) {
    .inno_img_inside {
        margin: 0 0 0 -135px;
    }

    .innovations_row {
        padding-top: 45px;
    }

    .innovations_sec {
        padding: 100px 0 110px;
    }

    .about_btn a span {
        padding: 14px 20px;
    }

    .about_sec_inside {
        padding: 70px 60px;
    }

    .testimonial_slider {
        padding-top: 35px;
    }

    .testimonial_title {
        font-size: 40px;
        line-height: 1.2;
    }

    .cta-text h2 {
        font-size: 40px;
        line-height: 1.2;
    }
}

@media (max-width: 1199px) {
    .about_sec {
        padding: 80px 0 0;
    }

    .about_left_col,
    .about_right_col {
        width: 50% !important;
    }

    .cta-text h2 {
        font-size: 38px;
        margin-bottom: 18px;
        line-height: 1.2;
    }

    .about_sec_inside {
        gap: 60px;
        padding: 50px 20px;
    }

    .testimonial_slider {
        padding-top: 40px;
    }

    .testimonial_owl .owl-nav {
        padding-top: 30px;
    }

    .testimonial_sec {
        padding: 70px 0;
    }

    .cta-section {
        border-radius: 45px 45px 0 0;
        padding: 80px 0;
    }

    .cta-buttons {
        margin-top: 30px;
    }

    .cta-buttons a span,
    .about_btn .cta-buttons a span {
        padding: 14px 20px;
    }
}

@media (max-width: 991px) {
    .about_sec {
        padding: 70px 0 0;
    }

    .about_sec_inside {
        gap: 40px;
        padding: 50px 20px;
    }

    .about_left_col,
    .about_right_col {
        width: 50% !important;
    }

    .about_title h2 {
        font-size: 36px;
        line-height: 1.2;
    }

    .cta-text h2 {
        font-size: 36px;
        margin-bottom: 18px;
        line-height: 1.2;
    }

    .cta-buttons {
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 35px;
    }

    .testimonial_sec {
        padding: 80px 0;
    }

    .about_btn a span {
        padding: 14px 20px;
    }

    .testimonial_slider {
        padding-top: 35px;
    }

    .testimonial_owl .owl-nav {
        padding-top: 25px;
    }

    .testimonial_title {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .cta-section {
        border-radius: 35px 35px 0 0;
        padding: 80px 0;
    }

    .cta-buttons a span,
    .about_btn .cta-buttons a span {
        padding: 13px 20px;
        min-width: 160px;
    }

    .copyright,
    .tagline {
        font-size: 14px;
    }

    .footer-grid {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .about_sec {
        padding: 50px 0 0;
    }

    .about_title h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .about_sec_inside {
        gap: 20px;
    }

    .cta-section {
        padding: 60px 0;
        border-radius: 30px 30px 0 0;
    }

    .cta-inner,
    .about_sec_inside {
        flex-direction: column;
    }

    .cta-text h2 {
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: normal;
    }

    .cta-image {
        padding-top: 20px;
    }

    .cta-buttons {
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .column-title::before {
        content: "";
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"></path></svg>');
        width: 22px;
        height: 22px;
        display: flex;
        position: absolute;
        right: 0;
        filter: invert(1);
        transform: rotate(180deg);
    }

    [dir="rtl"] .column-title::before {
        right: auto;
        left: 0;
    }

    .column-title.active::before {
        transform: rotate(0deg);
    }

    .footer-column.logo-section {
        padding: 0 0 20px;
    }

    .footer-grid {
        display: flex;
        flex-direction: column;
        gap: 10px 20px;
    }

    .footer-column,
    .about_left_col,
    .about_right_col {
        width: 100% !important;
    }

    .about_sec_inside {
        padding: 50px 15px;
    }

    .owl-nav {
        gap: 20px;
    }

    .testimonial_title {
        font-size: 26px;
        line-height: 1.2;
    }

    .testimonial_desc {
        font-size: 18px;
    }

    .testimonial_owl .owl-nav {
        padding-top: 20px;
    }

    .testimonial_slider {
        padding-top: 25px;
    }

    .testimonial_sec {
        padding: 60px 0;
    }

    .cta-buttons a span,
    .about_btn .cta-buttons a span {
        padding: 12px 15px;
        min-width: auto;
    }

    .about_btn a span {
        padding: 12px 15px;
        min-width: 130px;
    }
}

/* start css */
.hero_sec.type-b {
    padding: 162px 0 100px 0;
}

.hero_sec.type-b .hero_bg {
    height: 100%;
}

.hero_sec.type-b .hero_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.hero_sec.type-b .hero_content,
.hero_sec.type-b .hero_img {
    width: 100%;
}

.hero_sec.type-b .hero_img {
    max-width: 705px;
}

.hero_sec.type-b .hero_content {
    text-align: start;
    max-width: 551px;
}

.hero_sec.type-b .hero_img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (min-width: 768px) {

    .hero_sec.type-b .hero_content,
    .hero_sec.type-b .hero_img {
        width: 50%;
    }
}

.learn_desc_row {
    display: flex;
}

.learn_desc_icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 16px;
    border-radius: 50%;
    overflow: hidden;
    backdrop-filter: blur(25px);
    background-color: rgb(252, 252, 252, 0.18);
}

.learn_desc_icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.features_sec.type-b .learn_sec_inside {
    margin-top: 61px;
    padding: 64px;
    font-size: 32px;
}

.features_sec.type-b .sub_title {
    font-size: 44px;
}

.features_sec.type-b .sub_title span {
    background: linear-gradient(91.09deg, #7D37FF 54.97%, #C276CF 80.05%);
    background-clip: text;
}

.learn_desc_details h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
}

.learn_desc_details p,
.features_sec.type-b p {
    font-size: 16px;
    line-height: 1.5;
}

.features_sec.type-b .learn_desc li:not(:last-child) {
    margin-bottom: 32px;
}

.fe_left_content-title {
    font-weight: 600;
    color: #5E34F7;
    display: block;
    margin-bottom: 12px;
}

.fe_left_content-list {
    padding-left: 40px;
}

.fe_left_content-list li {
    list-style: none;
    position: relative;
    margin-bottom: 18px;
}

.fe_left_content-list li:last-child {
    margin-bottom: 0;
}

.fe_left_content-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -40px;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" fill="%239747FF" fill-opacity="0.1"/><path d="M12 2.25C6.624 2.25 2.25 6.624 2.25 12C2.25 17.376 6.624 21.75 12 21.75C17.376 21.75 21.75 17.376 21.75 12C21.75 6.624 17.376 2.25 12 2.25ZM12 20.25C7.451 20.25 3.75 16.549 3.75 12C3.75 7.451 7.451 3.75 12 3.75C16.549 3.75 20.25 7.451 20.25 12C20.25 16.549 16.549 20.25 12 20.25Z" fill="url(%23paint0_linear_19847_5316)"/><path d="M15.4248 8.51905L10.9507 13.8881L8.53075 11.4691C8.23775 11.1761 7.76275 11.1761 7.46975 11.4691C7.17675 11.7621 7.17675 12.2371 7.46975 12.5301L10.0818 15.1421C10.3148 15.3771 10.6357 15.5091 10.9667 15.5091H11.0208C11.3718 15.4931 11.7017 15.3301 11.9267 15.0601L16.5758 9.48005C16.8418 9.16205 16.7988 8.68905 16.4798 8.42405C16.1608 8.15905 15.6888 8.20105 15.4228 8.52005L15.4248 8.51905Z" fill="url(%23paint1_linear_19847_5316)"/><defs><linearGradient id="paint0_linear_19847_5316" x1="21.75" y1="12" x2="2.25" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="%23E091BB"/><stop offset="0.5" stop-color="%23A85EE1"/><stop offset="1" stop-color="%237D37FF"/></linearGradient><linearGradient id="paint1_linear_19847_5316" x1="16.7502" y1="11.8795" x2="7.25" y2="11.8795" gradientUnits="userSpaceOnUse"><stop stop-color="%23E091BB"/><stop offset="0.5" stop-color="%23A85EE1"/><stop offset="1" stop-color="%237D37FF"/></linearGradient></defs></svg>');
}

.learn_sec.type-b .learn_img {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.learn_sec.type-b .learn_img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.learn_sec.type-b h2 span {
    background: linear-gradient(270deg, #FF9CD0 0%, #A85EE1 50%, #7D37FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 24px;
}

.learn_sec.type-b h2 {
    margin-bottom: 24px;
}

.feature_ready {
    padding: 100px 0;
    margin-bottom: 30px;
    background-color: #F3F4F682;
}

.feature_ready_text_block {
    width: 100%;
    max-width: 712px;
    margin: 0 auto;
    text-align: center;
}

.feature_ready_text_block h2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 1.474;
    letter-spacing: 0%;
    margin-bottom: 12px;
}

.feature_ready_text_block p {
    max-width: 639px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.feature_ready_row {
    margin: 47px -15px 0 -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.feature_ready_cell {
    margin-top: 40px;
    padding: 0 15px;
    width: 25%;
    display: flex;
    flex-direction: column;
}

.feature_ready_cell_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    padding: 0 14px 32px 14px;
    border-radius: 24px;
    border-bottom: 3px solid #7D37FF;
    box-shadow: 0px 4px 19px 0px #00000026;
}

.feature_ready_thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #F9F0FA;
    position: relative;
    overflow: hidden;
    margin-top: -22px;
}

.feature_ready_thumb img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.feature_ready_cell_tb {
    text-align: center;
    margin-top: 20px;
}

.feature_ready_cell_tb h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
}

.feature_ready_cell_tb p {
    font-size: 14px;
    line-height: 1.429;
}

.fe_tab_group.type-b {
    padding: 120px 0 0 0;
}

.fe_tab_group.type-b .fe_title_sub p {
    font-size: 16px;
    font-weight: 700;
    margin-top: 24px;
    color: #111112;
}

.fe_tab_group.type-b .fe_left_content-list li b {
    color: #111112;
}

.fe_buddy_erp .fe_tab_group.type-b {
    padding: 110px 0;
}

.fe_buddy_erp {
    margin-top: 110px;
    background: linear-gradient(180deg, rgba(243, 236, 255, 0.63) 0%, rgba(251, 236, 239, 0.63) 100%);
}

.partner_label h6 {
    background: rgba(255, 255, 255, 0.11);
    box-shadow: 0px 2px 30px rgba(125, 55, 255, 0.25);
    border-radius: 20px;
    display: inline-block;
    color: #7D37FF;
    font-size: 20px;
    font-weight: 600;
    padding: 13px 24px;
}

.partner_sec {
    padding: 88px 0;
}

.partner_sec .platform_desc {
    font-size: 16px;
    line-height: 1.6;
    max-width: 692px;
    margin: 0 auto;
    padding-top: 20px;
}

.partner_btn .style_1_btn span {
    padding: 15px 41px;
}

.partner_btn {
    padding-top: 32px;
}

.talk_row {
    display: flex;
    flex-wrap: wrap;
}

.talk_col_1 {
    width: 45%;
}

.talk_col_2 {
    width: 55%;
    padding-left: 47px;
}

.ar_talk_col_2 {
    padding-right: 47px;
    padding-left: 0;
}

.talk_sub h6 {
    color: #5E34F7;
    font-size: 24px;
    font-weight: 600;
}

.talk_sec {
    background-color: #fff;
    padding: 110px 0;
}

.talk_title,
.talk_desc {
    padding-top: 10px;
}

.talk_img {
    box-shadow: 0px 20px 19px rgba(0, 0, 0, 0.03);
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.talk_img .img-fluid {
    display: block;
}

.talk_banner {
    padding-top: 30px;
}

.talk_form_gr {
    background: #FFFFFF;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    padding: 44px 51px;
}

.talk_col_2 .talk_sub {
    text-align: center;
}

.talk_form_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px;
    gap: 18px 0;
}

.talk_row_fileds {
    padding: 0 9px;
}

.talk_row_fileds_50 {
    width: 50%;
}

.talk_row_fileds input,
.talk_row_fileds textarea,
.talk_row_fileds button,
.talk_row_fileds select,
.talk_row_fileds_100 {
    width: 100%;
}

.talk_row_fileds input::placeholder,
.talk_row_fileds textarea::placeholder {
    color: #3C3B3B;
}

.talk_row_fileds input,
.talk_row_fileds select,
.talk_row_fileds textarea {
    border: 1px solid #ADADAD;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #3C3B3B;
    padding: 18px 50px;
}

.talk_row_fileds select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
}

.talk_row_fileds textarea {
    min-height: 102px;
    padding: 16px 18px;
    width: 100% !important;
    resize: none;
}

.talk_row_fileds label {
    font-size: 14px;
    color: #3C3B3B;
    display: block;
    padding-bottom: 8px;
}

.talk_row_fileds button {
    background: linear-gradient(90deg, #7D37FF 0%, #C276CF 85.73%);
    border-radius: 100px;
    border: 0;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 15px;
    cursor: pointer;
}

.tal_form {
    padding-top: 24px;
}

.filed_icon svg {
    display: block;
}

.talk_input {
    position: relative;
}

.filed_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
    pointer-events: none;
}

.talk_down_arrow {
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.talk_down_arrow svg {
    display: block;
}

.talk_buddy {
    position: sticky;
    top: 0;
}

.learn_dec_b {
    border: 6px solid rgba(11, 11, 11, 0.04);
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.26);
    border-radius: 36px;
}

@media screen and (max-width: 767px) {

    .feature_ready_cell,
    .talk_col_1,
    .talk_col_2,
    .talk_row_fileds_50 {
        width: 100%;
    }

    .talk_col_2 {
        padding: 20px 0 0;
    }

    .talk_banner {
        padding-top: 20px;
    }

    .partner_sec {
        padding: 60px 0;
    }

    .partner_label h6 {
        font-size: 18px;
    }

    .talk_form_gr {
        padding: 40px 20px;
    }

    .talk_row_fileds input,
    .talk_row_fileds select,
    .talk_row_fileds textarea {
        font-size: 14px;
        padding: 16px 15px 16px 40px;
        border-radius: 10px;
    }

    .talk_row_fileds textarea {
        min-height: 110px;
        padding: 15px 10px;
    }

    .talk_form_wrap {
        gap: 10px 0;
    }

    .filed_icon {
        left: 10px;
    }

    .talk_row_fileds button {
        font-size: 16px;
        padding: 12px;
    }

    .talk_sub h6 {
        font-size: 22px;
    }

    .talk_sec {
        padding: 60px 0 0;
    }

    .talk_desc {
        font-size: 16px;
    }

    .talk_down_arrow {
        right: 8px;
    }

    .talk_down_arrow svg {
        width: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .talk_col_2 {
        padding-left: 15px;
    }

    .ar_talk_col_2 {
        padding-right: 15px;
        padding-left: 0;
    }

    .talk_row_fileds_50 {
        width: 100%;
    }

    .talk_form_gr {
        padding: 24px 20px;
    }

    .talk_sec {
        padding: 80px 0 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .talk_sec {
        padding: 90px 0 0;
    }

    .talk_col_2 {
        padding-left: 20px;
    }

    .ar_talk_col_2 {
        padding-right: 20px;
        padding-left: 0;
    }

    .talk_form_gr {
        padding: 45px 25px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .talk_sec {
        padding: 100px 0 0;
    }
}

/* contact */
.hero_content.contact_content {
    width: 100% !important;
    max-width: 100% !important;
}

.hero_main_title.contact_title {
    text-align: center;
}

.hero_sec.contact_sec {
    padding: 210px 0 120px 0;
}

.talk_sub span {
    color: #111112;
}

.talk_col.conatact_col_2 {
    width: 500px;
}

.talk_col.conatact_col_1 {
    width: calc(100% - 500px);
}

.contact_sec .hero_bg.hero_intro {
    border-radius: 0;
}

.contact_section .talk_banner {
    padding-top: 0;
    padding-left: 50px;
}

.contact_section .ar_banner {
    padding-right: 50px;
    padding-left: 0;
}

.conatact_col_1 .talk_form_gr {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.conatact_col_1 .talk_sub h6 {
    font-size: 32px;
    text-align: center;
}

.conatact_col_1 .tal_form {
    padding-top: 40px;
}

.talk_col.conatact_col_1 {
    background: linear-gradient(270deg, rgba(224, 145, 187, 0.2) 0%, rgba(168, 94, 225, 0.2) 50%, rgba(125, 55, 255, 0.2) 100%);
    padding: 2px;
    border-radius: 18px;
}

.contact_sec .hero_bg.hero_intro {
    border-radius: 0;
    background-image: url(../images/contactbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.contact-card {
    box-shadow: 0px 2px 28px 0px #00000014;
    background: #fff;
    padding: 40px;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 0 36px;
    border-radius: 12px;
}

.contact-content {
    text-align: left;
}

.contact-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4;
    padding: 0 0 14px;
}

.contact-detail {
    color: #595959;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    min-height: 54px;
}

.card-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -15px;
    gap: 30px 0;
}

.contact_card_col {
    width: 50%;
    padding: 0 15px;
}

.contact_full {
    width: 100%;
}

.contact_location {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -36px;
}

.contact_location_col:not(:last-child) {
    border-right: 1px solid #D9D9D9;
}

.contact_location_col h6 {
    font-size: 18px;
    font-weight: 600;
}

.contact_location_col {
    width: 33.33%;
    padding: 0 36px;
}

.icon-circle {
    background: #F3F3F3;
    display: flex;
    min-width: 98px;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.contact-details-sec {
    padding: 140px 0 50px;
}

.talk_sec.contact_section {
    padding-top: 0 !important;
}

@media screen and (max-width: 1199px) {
    .contact-details-sec {
        padding: 100px 0 40px;
    }

    .contact-card {
        padding: 30px;
        gap: 0 15px;
    }

    .icon-circle {
        min-width: 80px;
        width: 80px;
        height: 80px;
    }

    .icon-circle svg {
        width: 32px;
    }

    .contact-detail {
        font-size: 16px;
    }

    .contact-title {
        font-size: 20px;
        padding: 0 0 10px;
    }

    .conatact_col_1 .tal_form {
        padding-top: 30px;
    }

    .talk_col.conatact_col_2 {
        width: 450px;
    }

    .talk_col.conatact_col_1 {
        width: calc(100% - 450px);
    }

    .hero_sec.contact_sec {
        padding: 150px 0 90px 0;
    }

    .feature_ready_cell {
        width: 33.33%;
    }

    .features_sec.type-b .learn_sec_inside {
        padding: 25px;
    }

    .fe_buddy_erp.theme-b .fe_right_img,
    .fe_tab_group.theme-b .fe_right_img {
        margin: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .contact-details-sec {
        padding: 80px 0 50px;
    }

    .contact-title {
        font-size: 18px;
    }

    .icon-circle svg {
        width: 26px;
    }

    .icon-circle {
        min-width: 60px;
        width: 60px;
        height: 60px;
    }

    .conatact_col_1 .talk_sub h6 {
        font-size: 24px;
    }

    .conatact_col_1 .tal_form {
        padding-top: 20px;
    }

    .contact_section .talk_banner {
        padding-top: 0;
        padding-left: 20px;
    }

    .contact_section .ar_banner {
        padding-left: 0;
        padding-right: 20px;
    }

    .talk_col.conatact_col_2 {
        width: 320px;
    }

    .talk_col.conatact_col_1 {
        width: calc(100% - 320px);
    }

    .hero_sec.contact_sec {
        padding: 150px 0 80px 0;
    }

    .features_sec.type-c {
        padding: 70px 0;
    }

    .feature_ready_cell {
        width: 50%;
    }

    .features_sec.type-b .learn_sec_inside {
        padding: 20px;
    }

    .contact_location_col h6 {
        font-size: 16px;
    }

    .contact_location {
        margin: 0 -15px;
    }

    .contact_location_col {
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px) {

    .contact_card_col,
    .contact_location_col {
        width: 100%;
    }

    .contact-details-sec {
        padding: 80px 0 40px;
    }

    .contact-card {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact_location_col h6 {
        font-size: 16px;
    }

    .contact_location_col {
        padding: 0;
    }

    .contact_location {
        margin: 0;
        gap: 15px 0;
    }

    .contact_location_col:not(:last-child) {
        border-bottom: 1px solid #D9D9D9;
        border-right: 0;
        padding-bottom: 15px;
    }

    .contact_full .contact-content {
        padding-top: 20px;
    }

    .conatact_col_1 .talk_sub h6 {
        font-size: 22px;
    }

    .contact-content {
        text-align: center;
        padding-top: 10px;
    }

    .contact_section .talk_banner img {
        margin: auto;
    }

    .contact_section .talk_banner {
        padding-top: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .contact_section .talk_row {
        gap: 30px;
    }

    .talk_col.conatact_col_2 {
        width: 100%;
    }

    .talk_col.conatact_col_1 {
        width: 100%;
    }

    .hero_sec.contact_sec {
        padding: 140px 0 60px 0;
    }

    .features_sec.type-c {
        padding: 50px 0;
    }

    .feature_ready_cell {
        width: 100%;
    }

    .features_sec.type-b .learn_right_col {
        margin-top: 40px;
    }

    .fe_buddy_erp.theme-b .fe_left_content {
        margin-left: 0;
    }

    .features_sec.type-b .learn_sec_inside {
        padding: 15px;
    }

    .learn_desc_row {
        flex-direction: column;
    }

    .learn_desc_icon {
        margin-bottom: 15px;
    }
}

@media (min-width: 575px) and (max-width: 767px) {
    .contact_card_col {
        width: 50%;
    }

    .contact_card_col.contact_full {
        width: 100%;
    }

    .contact-card {
        padding: 30px 10px;
    }
}

.hero_sec.type-b .hero_bg {
    background-image: url(../images/school-intro-bg.png);
}

.hero_sec.type-b .hero_main_title {
    line-height: 1.385;
}

.hero_sec.type-b .hero_desc {
    font-size: 18px;
    line-height: 1.5;
}

.features_sec.type-b .sub_title {
    font-size: 44px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.features_sec.type-b .container {
    max-width: 1470px;
}

.features_sec.type-b .features_content {
    max-width: 1246px;
    margin: 0 auto;
}

.features_sec.type-b .learn_title h2 {
    font-size: 32px;
    line-height: 1.438;
}

.features_sec.type-b .learn_img {
    max-width: 617px;
}

.features_sec.type-b .learn_desc_details h3 {
    margin-bottom: 3px;
}

.features_sec.type-c {
    padding: 100px 0;
}

.features_sec.type-c .sub_title span {
    background: linear-gradient(270.46deg, #E091BB 0.4%, #A85EE1 27.59%, #7D37FF 54.77%);
    background-clip: text;
}

.features_sec.type-c .fe_tab_content {
    padding-top: 80px;
}

.features_sec.type-c .fe_right_img {
    margin: 0;
}

.features_sec.type-c .fe_left_content-list b {
    color: #000;
}

.fe_tab_group.theme-b .fe_right_img {
    margin: 0 -80px 0 0;
}

.fe_buddy_erp.theme-b .fe_right_img {
    margin-right: -23px;
}

.fe_buddy_erp.theme-b .fe_title_sub p {
    letter-spacing: 0;
}

.fe_buddy_erp.theme-b .fe_left_content {
    padding-right: 0;
    margin-left: auto;
    max-width: 557px;
}

@media screen and (max-width: 767px) {
    .features_sec.type-b .sub_title {
        font-size: 30px;
        line-height: 1.2;
    }

    .features_sec.type-b .learn_desc li:not(:last-child) {
        margin-bottom: 15px;
    }

    .features_sec.type-b .learn_title h2 {
        font-size: 28px;
    }

    .feature_ready_text_block h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    .feature_ready_row {
        margin: 10px -15px 0 -15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero_sec.type-b .hero_main_title {
        line-height: 1.2;
        font-size: 40px;
    }

    .features_sec.type-c .fe_tab_content {
        padding-top: 40px;
    }

    .feature_ready_text_block h2 {
        font-size: 35px;
        line-height: 1.2;
    }

    .feature_ready_row {
        margin: 20px -15px 0 -15px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .fe_tab_group.theme-b .fe_right_img {
        margin: 0 10px 0 0;
    }

    .hero_sec.type-b .hero_main_title {
        line-height: 1.2;
    }
}