/*
[Master Stylesheet]
-------------------------------------------------------------------*/

/********************************************************
1. body start
 *******************************************************/
:root {
    --hp-theme-color: #41c1dd;
    --hp-white-color: #ffffff;
    --hp-black-color: #000000;
    --hp-grey-color: #8c919d;
    --hp-bg-color: #eef4f7;
    --hp-border-color: #41c1de;
    --hp-border-box-color: #61dbf7;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-family: "Figtree", sans-serif;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a,
a:hover,
a:focus {
    text-transform: capitalize;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
    padding: 0;
    word-break: break-word;
    color: #eeeeee;
}

img {
    max-width: 100%;
}

input,
textarea,
select,
button,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

p {
    margin: 0px;
    word-break: break-word;
    color: #c4c4c4;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    font-family: "Figtree", sans-serif;
}

.container {
    max-width: 1580px;
}

.hp_headings_section {
    text-align: center;
    max-width: 850px;
    margin: 0px auto 30px;
}

.hp_headings_sub {
    /* background-color: var(--hp-theme-color); */
    background-image: radial-gradient( circle 404px at 20.3% 15.9%,  rgba(0,79,255,1) 0%, rgba(0,240,255,1) 90% );
    width: fit-content;
    margin: auto;
    padding: 0px 28px;
    border-radius: 30px;
    margin-bottom: 20px;
    /* border: 2px solid var(--hp-border-box-color);     */
}

.hp_headings_sub h5 {
    font-size: 26px;
    line-height: 50px;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "K2D", sans-serif;
    text-align: center;
}

.hp_headings_main {
    font-size: 40px;    
    font-weight: 800;
    font-family: "League Spartan";
    text-align: center;    
    background-image: linear-gradient(149.9deg, rgb(41 87 255) 13.5%, rgba(191, 90, 242, 1) 47.6%, rgba(255, 55, 95, 1) 78.8%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-family: "K2D", sans-serif;
}

/* top nav */
.hp_head_section {
    background-image: url(../images/banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-bottom: 60px;
}
.hp_top_nav {
    filter: drop-shadow(-6.82px 7.314px 12px rgba(19, 187, 217, 0.1));
    background-color: #0e0d12;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.hp_head_section .container {
    max-width: 1500px;
}

.hp_top_nav h4 {
    font-size: 25px;
    font-weight: 400;
    margin: 0;
    margin-top: 2px;
    font-family: "League Spartan";
}

.hp_top_nav h4 span {
    font-size: 25px;
    font-weight: 800;
    margin-left: 10px;
}

.hp_header_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}



/* section 1 */

.hp_header_content .highlight-title {
    font-size: 40px;
    color: #1c3b40;
    font-weight: 700;
    font-family: "Caveat";
}

.hp_title_text {
    font-size: 50px;
    line-height: 70px;    
    font-weight: 800;
    margin-bottom: 30px;
    font-family: 'K2D';
    background-image: linear-gradient(149.9deg, rgb(41 87 255) 13.5%, rgba(191, 90, 242, 1) 47.6%, rgba(255, 55, 95, 1) 78.8%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.hp_header_points li {
    font-size: 26px;
    line-height: 32px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 30px;
    position: relative;
    padding-left: 50px;
}

.hp_header_points li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 24px;
    height: 22px;
    background-image: url(../images/points_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-buy {
    background-color: #00c0ff;
    color: white;
    font-weight: bold;
    box-shadow: 0 0 20px rgba(0, 192, 255, 0.5);
}

.btn-buy:hover {
    background-color: #00a5d8;
}

.rating-badge {
    max-width: 200px;
    width: 100%;
    background: #fff;
    border: 1px solid #dde8ff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    filter: drop-shadow(-9.548px 10.239px 15px rgba(25, 170, 196, 0.1));
}

.badge2 {
    max-width: 220px !important;
    padding: 20px !important;
}

.hp_header_btns {
    display: flex;
    align-items: center;    
}
.hp_header_btns a:hover {
    transform: translateY(-5px);
}
.hp_header_btns a:last-child {
    display: block;
    margin-left: -15px;
}
.hp_btn {
    border-radius: 10px;
    filter: drop-shadow(-6.138px 6.582px 7px rgba(117, 175, 171, 0.2));
    background-color: var(--hp-white-color);
    border: 1px solid rgba(184, 211, 209, 0.44);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 20px;
    color: #222222;
    font-weight: 600;
    padding: 15px 20px;
}

.play_icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--hp-theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.play_icon svg {
    width: 12px;
    height: 12px;
    fill: #fff;
}

.hp_support_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

.hp_rating_rate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.hp_rating_rate small {
    font-size: 20px;
    line-height: 16px;
    color: #1c3b40;
    font-weight: 400;
    font-family: "League Spartan";
}

.rating-badge h6 {
    font-size: 22px;
    color: #1c3b40;
    font-weight: 600;
    font-family: "League Spartan";
    text-align: center;
    margin-bottom: 8px;
}

.hp_support_img {
    width: 100%;
    height: 85px;
}

.hp_support_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.custom-btn {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 20px;
    color: #222222;
    font-weight: 600;
    padding: 15px 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    filter: drop-shadow(-15.004px 16.09px 17px rgba(13, 200, 234, 0.6));
    background-color: var(--hp-theme-color);
    border: 2px solid var(--hp-border-box-color);
}

.custom-btn svg {
    fill: #fff;
    width: 25px;
    height: 25px;
}

.hp_border {
    margin-top: 50px;
    margin-bottom: 30px;
}

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

.btn-15:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color:rgb(255 255 255 / 6%);
    border-radius: 5px;

    transition: all 0.3s ease;
}

.btn-15:hover {
    color: #fff;
}

.btn-15:hover:after {
    left: 0;
    width: 100%;
}

.btn-15:active {
    top: 2px;
}

.border_divide_section {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
}

.hp_border_divide_section {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    bottom: -5px;
    padding: 0px 65px;
    z-index: 9;
}

.border_divide_section img {
    width: 100%;
}

.arrow_divide_section {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -25px;
    z-index: 9;
}

.arrow_divide_arrow_box {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    filter: drop-shadow(-15.004px 16.09px 17px rgba(13, 200, 234, 0.6));
    background-color: var(--hp-theme-color);
    border: 2px solid var(--hp-border-box-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_divide_arrow_box svg {
    fill: #fff;
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    20%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-4px);
    }

    50% {
        transform: translateY(4px);
    }

    60% {
        transform: translateY(-4px);
    }
}
.main-video__title {
    display: none;
}

.hp_header_video {
    position: relative; 
    width: 100%;    
    margin: auto;
}

.main-video {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid var(--hp-theme-color);
    overflow: hidden;
}

.main-video__title {
    font-size: 20px;
    color: #444;
}

@media (max-width: 450px) {
    .main-video__title {
        font-size: 15px;
        text-align: center;
    }
}

.hp_header_video .list__video {
    display: none;
}

.video-list-container {
    background-color: #fff;
    /* padding: 5px; */
    border: 1px solid var(--hp-theme-color);
    border-radius: 0 0 40px 40px;
    display: flex;
    justify-content: space-between;
    width: fit-content;
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
    margin: auto;
}

.video-list-container::-webkit-scrollbar {
    width: 10px;
}

.video-list-container::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 5px;
}

.video-list-container::-webkit-scrollbar-thumb {
    background-color: var(--hp-theme-color);
    border-radius: 5px;
}

.list {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 13px 30px;
    cursor: pointer;
    border-radius: 0 0 30px 30px;
}

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

.list.active {
    background-color: var(--hp-theme-color);
    ;
}

.list.active .list__title {
    color: #fff;
}
.main-video-container {
    border-radius: 10px;
    border: 2px solid #42c1de;
}
.main-video-container iframe{
    border-radius: 8px;
}
@media (max-width: 450px) {
    .list {
        flex-flow: column;
        gap: 10px;            
    }
}

.list__video {
    width: 100px;
    border-radius: 5px;
}

@media (max-width: 450px) {
    .list__video {
        width: 100%;
    }
}

.list__title {
    font-size: 17px;
    color: #444;
}

@media (max-width: 450px) {
    .list__title {
        font-size: 15px;
        text-align: center;
    }
}
/* Payment Btn */
.hp_accordian_box.hp_banner_buy_btn {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;    
    background: transparent;
}
.hp_banner_buy_btn ul {
    padding: 10px 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.hp_banner_buy_btn ul li{
    font-size: 16px;    
    font-weight: 500;
    color: #000;    
    text-align: center;
    text-transform: capitalize;
    position: relative;
}
.hp_banner_buy_btn ul li:before {
    content: '';
    width: 2px;
    height: 17px;
    background-color: #000;
    position: absolute;
    top: 3px;
    right: -10px;
}
.hp_banner_buy_btn ul li:last-child:before{
    display: none;
}
.hp_bottom_border{
    margin-top: 30px;
}
/* section 2 */

.hp_head_section2 {
    background-image: url(../images/customize_section_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    position: relative;
    padding: 70px 0px;
}

.hp_head_section2 .container{
    max-width: 1670px;
}

.step_label {
    font-size: 20px;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
    background-color: var(--hp-theme-color);
    width: fit-content;
    margin: auto;
    padding: 3px 20px;
    border-radius: 18px;
    margin-bottom: 10px;
    border: 2px solid var(--hp-border-box-color);
}

.hp_head_row h3 {
    font-size: 28px;
    line-height: 42px;
    color: #1c3b40;
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
}

.hp_head_row .step-desc {
    max-width: 335px;
    margin: auto;
}

p {
    font-size: 20px;
    line-height: 28px;
    color: #1c3b40;
    font-weight: 400;
    font-family: "League Spartan";
    text-align: center;
}

.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video1 iframe,
.responsive-video1 object,
.responsive-video1 embed,
.responsive-demo-video embed,
.responsive-demo-video object,
.responsive-demo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.autoplayer-area {
    z-index: 2;
}

.video-box {
    position: relative;
    display: -webkit-box;
    padding: 0 0% 0 1.5%;
}

.mainvideo-box {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0%;
    text-align: center;
}

.video-section {
    padding: 0 0.5%;
}

.video-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-width: 4px;
    border-color: rgb(103, 48, 145);
    border-style: solid;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px 0px rgba(149, 40, 194, 0.24);
}

.video-box .responsive-video {
    border-radius: 15px;
}

.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.80% !important;
}

.autoplayer-subarea {
    background-color: #121212 !important;
}

.hp_head_row {
    max-width: 400px;
    margin: auto;
}

.videoShap1 {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
}

.hp_fade_arrow {
    position: relative;
}

.hp_fade_arrow::before {
    content: "";
    position: absolute;
    right: -35px;
    top: 25%;
    width: 70px;
    height: 70px;
    background-image: url(../images/fade_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}


/* slider section */
.hp_slide_section .swiper-container {
    padding-bottom: 80px;
    position: relative;
}
.hp_slide_section .swiper-container .swiper-pagination{
    bottom: 0px !important;
}
.hp_slide_section {
    background-color: #f1f4fd;
    padding: 100px 0px 80px;
    position: relative;
}
.hp_slide_section .hp_headings_sub {    
    background-image: linear-gradient( 149.9deg,  rgba(41,151,255,1) 13.5%, rgba(191,90,242,1) 47.6%, rgba(255,55,95,1) 78.8% );
}
.hp_slide_section .hp_headings_main {
    background-image: linear-gradient( 115.3deg,  rgba(255,24,105,1) 9.5%, rgba(248,142,0,1) 82.9% );
}
.hp_all_in_one_box {
    text-align: center;
}

.hp_all_in_one_box p {
    font-size: 19px;
    line-height: 28px;
    color: #1c3b40;
    font-weight: 400;
    font-family: "League Spartan";
    text-align: center;
}

.hp_slide_img {
    width: 188px;
    height: 188px;
    border-radius: 94px;
    background-color: #dadada;
    border: 2px solid #1ebfdb;
    overflow: hidden;
    margin: auto;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp_slide_img img {
    max-width: 285px;
    background-position: center;
    object-fit: contain;
}

.hp_slide_title {
    border-radius: 20px;
    background-color: var(--hp-white-color);
    border: 1px solid rgba(184, 211, 209, 0.44);
    margin: 0px auto 10px;
    width: fit-content;
    padding: 0px 30px;
}

.hp_slide_title span {
    font-size: 23px;
    line-height: 42px;
    color: #1c3b40;
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
}

.swiper-container {
    padding: 20px 0px;
    overflow: hidden;
}

.swiper-pagination-bullet-active {
   opacity: 1 !important;
    background: var(--hp-theme-color) !important;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
}
.hp_slide_section .swiper-button-next, .hp_slide_section .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--hp-theme-color);
    border: 1px solid var(--hp-border-box-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 25%;
}
.hp_slide_section .swiper-button-next svg, .hp_slide_section .swiper-button-prev svg {
    width: 16px;
    height: 16px;
    fill: var(--hp-white-color);
}
/* watch demo */

.hp_watchDemo_section {
    background-image: url(../images/watch_demo.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 100px 0px;
}
.hp_watchDemo_section .hp_headings_sub {    
    background-image: radial-gradient( circle farthest-corner at -6.3% 49.8%,  rgba(238,17,17,1) 0.1%, rgba(238,17,17,1) 8.5%, rgba(31,11,214,1) 100.2% );
}
.hp_watchDemo_section .hp_headings_main {
    background-image: linear-gradient(to right, rgb(248, 64, 2) 10%, #faaa1b 80%);
}

.hp_video_watch_now {
    border-radius: 10px;
    background-color: var(--hp-white-color);
    padding: 10px;
    overflow: hidden;
    border: 2px solid var(--hp-border-color);
}
.hp_video_watch_now video{
    width: 100%;
}


.video-fluid {
    width: 100%;
    height: 100%;
}

.hp_watch_points {
    border-radius: 35px;
    filter: drop-shadow(-12.276px 13.164px 15px rgba(54, 29, 64, 0.06));
    background-color: var(--hp-white-color);
    border: 2px solid #f3db8e;
    padding: 10px 15px 10px 10px;
    display: flex;
    align-items: center;
    width: fit-content;
}

.hp_watch_points span {
    font-size: 28px;
    line-height: 42px;
    color: #1c3b40;
    font-weight: 600;
    font-family: "League Spartan";
    padding: 0px 0 0 15px;
}

.hp_watch_points img {
    width: 50px;
    height: 50px;
}

.hp_watch_points_box .hp_watch_points:not(:last-child) {
    margin-bottom: 30px;
}

.hp_custom_btn {
    display: inline-block;
    background-image: url('../images/button_bg.png');
    background-size: cover;
    background-position: center;
    border: none;
    font-size: 38px;
    line-height: 40px;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "League Spartan";
    padding: 24px 35px;
    border-radius: 60px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    /* min-width: 320px; */
    /* height: 60px; */
    /* box-shadow: 0 2px 8px rgba(180, 178, 178, 0.2); */
}

.hp_custom_btn:hover {
    color: var(--hp-white-color);
    transform: translateY(-5px);
}


/* video sliders */

.hp_video_slider {
    background-image: url(../images/slide_video.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    position: relative;
    padding: 85px 0px 70px;
}

.hp_video_slider .container {
    max-width: 1700px;
    position: relative;
}
.hp_video_slider .hp_headings_sub {
    background-image: linear-gradient(to right, #fe7716, #b11fde);
}
.hp_video_slider .hp_headings_main {
    background-image: linear-gradient(to right, #3066fd, #58aaff 60%, #7b35fb 80%);
}
.hp_video_slider .swiper-button-next {
    right: -95px;
    left: auto;
    top: 60%;
}

.hp_video_slider .swiper-button-prev {
    left: -95px;
    right: auto;
    top: 60%;
}

.hp_video_slider .swiper-button-next,
.hp_video_slider .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    filter: drop-shadow(-15.004px 16.09px 17px rgba(13, 200, 234, 0.6));
    background-color: var(--hp-theme-color);
    border: 2px solid var(--hp-border-box-color);
    position: absolute;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.hp_video_slider .swiper-button-next:hover,
.hp_video_slider .swiper-button-prev:hover {
    background-color: #1c3b40;
}


.hp_video_box {
    width: 250px;
    height: 400px;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    overflow: hidden;
    margin: auto;
}

.hp_video_box_gredient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 92px;
    border-radius: 10px;
    z-index: 1;
}

.hp_video_box_border {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 2;
}

.hp_video_box_video {
    position: relative;
    z-index: -1;
}

.swiper-button-prev:after {
    display: none;
}

.swiper-button-next:after {
    display: none;
}

.hp_video_box_video video {
    height: 100%;
    width: 100%;
    aspect-ratio: 9/15;
}

.hp_video_slider .swiper-button-next svg,
.hp_video_slider .swiper-button-prev svg {
    width: 20px;
    height: 20px;
    fill: var(--hp-white-color);
}

.hp_video_box_play_btn {
    position: absolute;
    bottom: 12px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 99;
    justify-content: center;
    display: none;
}

.hp_video_box_play_btn svg {
    fill: #fff;
}

/* vb1 */
.vb1 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(213, 56, 253, 0.2);
    border: 2px solid #fde9ff;
}

.vb1 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(230, 96, 255, 0.999) 0%, rgba(232, 109, 255, 0) 100%);
}

.vb1 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(166, 11, 193, 0.32));
    background-image: linear-gradient(0deg, #ef9dff 0%, #d800ff 100%);
}

/* vb2 */
.vb2 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(253, 56, 130, 0.2);
    border: 2px solid #ffe2ed;
}

.vb2 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(253, 55, 129, 0.9999999999999999) 0%, rgba(255, 137, 181, 0) 100%);
}

.vb2 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(253, 56, 130, 0.32));
    background-image: linear-gradient(0deg, #ef9dff 0%, #fd3781 100%);
}


/* vb3 */
.vb3 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(255, 138, 0, 0.2);
    border: 2px solid #fff1e1;
}

.vb3 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(255, 137, 0, 0.9999999999999999) 0%, rgba(255, 174, 80, 0) 100%);
}

.vb3 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(255, 138, 0, 0.32));
    background-image: linear-gradient(0deg, #ffd3a0 0%, #ff8900 100%);
}

/* vb4 */
.vb4 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(56, 195, 253, 0.2);
    border: 2px solid #def5ff;
}

.vb4 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(55, 195, 253, 0.9999999999999999) 0%, rgba(55, 195, 253, 0) 100%);
}

.vb4 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(56, 195, 253, 0.32));
    background-image: linear-gradient(0deg, #61d0ff 0%, #37c3fd 100%);
}

/* vb5 */
.vb5 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(153, 56, 253, 0.2);
    border: 2px solid #f2e6ff;
}

.vb5 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(153, 55, 253, 0.9999999999999999) 0%, rgba(185, 118, 255, 0) 100%);
}

.vb5 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(153, 56, 253, 0.32));
    background-image: linear-gradient(0deg, #ef9dff 0%, #9937fd 100%);
}

/* vb6 */
.vb6 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(60, 56, 253, 0.2);
    border: 2px solid #e7e6ff;
}

.vb6 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(59, 55, 253, 0.9999999999999999) 0%, rgba(59, 55, 253, 0) 100%);
}

.vb6 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(60, 56, 253, 0.32));
    background-image: linear-gradient(0deg, #ef9dff 0%, #3b37fd 100%);
}

/* vb7 */
.vb7 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(56, 121, 253, 0.2);
    border: 2px solid #def9ff;
}

.vb7 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgb(55 253 209 / 100%) 0%, rgba(55, 121, 253, 0) 100%);
}

.vb7 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(56, 121, 253, 0.32));
    background-image: linear-gradient(0deg, #7fa9ff 0%, #3779fd 100%);
}

/* vb8 */
.vb8 .hp_video_box_border {
    box-shadow: inset 0 0 15px rgba(112, 179, 98, 0.2);
    border: 2px solid #dff8da;
}

.vb8 .hp_video_box_gredient {
    background-image: linear-gradient(0deg, rgba(111, 179, 97, 0.9999999999999999) 0%, rgba(111, 179, 97, 0) 100%);
}

.vb8 .hp_video_box_play_btn {
    filter: drop-shadow(-7.502px 8.045px 6px rgba(112, 179, 98, 0.32));
    background-image: linear-gradient(0deg, #6dd658 0%, #6fb361 100%);
}


/*section21*/

.hp_price_section {
    background-color: #f1f4fd;
    padding: 80px 0px 70px;
    position: relative;
}
.hp_price_section .hp_headings_sub {    
    background-image: linear-gradient( 98.7deg,  rgba(34,175,245,1) 2.8%, rgba(98,247,151,1) 97.8% );
}
.hp_price_section .hp_headings_main {
    background-image: linear-gradient( 105.9deg,  rgba(0,122,184,1) 24.4%, rgba(46,0,184,0.88) 80.5% );
}
.hp_price_section .container {
    max-width: 1185px;
}

.titleBg12 {
    background: url(../images/titleBg12.png) no-repeat center center;
    background-size: contain;
    padding: 2.8% 3% 5% 3%;
    text-align: center;
    margin-top: 1.5%;
    font-family: 'Orbitron', sans-serif;
}

.robo21 {
    position: absolute;
}

.price-table {
    padding: 0 5px;
    position: relative;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 50px;
}
.features-box{
    border-radius: 20px ;
    box-shadow: inset 0 0 15px rgba(56, 231, 253, 0.4);
    background-color: var(--hp-white-color);
    border: 2px solid var(--hp-border-color);
}

.features-box1 {
    width: 36%;
}

.features-box1-section {
    width: 100%;
    position: relative;
    z-index: 2;
}

.features-box2 {
    width: 33%;
    padding: 4.5% 1% 1% 1%;
    position: relative;
    margin-top: -40px;
    z-index: 1;
    margin-bottom: 20px;
    border-radius: 22px;
    background-color: var(--hp-theme-color);
    border: 2px solid var(--hp-border-box-color);
}
.features-box2:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px dashed #ffffff;
    border-radius: 20px;
    z-index: -1;
}
.features-text_mid {
    font-size: 38px;
}
.features-box3 {
    width: 24%;
    position: relative;
    z-index: 2;
}

.features-box1-section ul {
    padding: 0;
    margin-top: 3%;
}
.features-box1-section ul>li:first-child .ps_active_price_img{
    max-width: inherit;
    height: inherit;
}
.features-box1-section {
    padding: 20px 0px;
}

.md18 {
    list-style: none;
    padding: 0;
}

li.ps_active_price::after {
    background: linear-gradient(100deg, #5fc8e1, #5fc8e1) !important;
    filter: drop-shadow(1.753px 3.595px 15px rgba(0, 204, 255, 0.4)) !important;
}

.md18 li::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(100deg, #f5fbfc, #5fc8e1);
    transition: opacity 0.5s ease-in-out;
    z-index: -1;
    border-radius: 50px;
}

.md18 li div {
    position: relative;
    border-radius: 50px;
    z-index: 1;
}

.ps_active_price_img {
    /* max-width: 180px;
    height: 45px; */
    /* background: red; */
}

.ps_active_price_img img {
    /* width: 100%;
    height: 100%;
    object-fit: contain; */
}

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

.features-box1-section li {
    border-radius: 46px;
    background: var(--hp-white-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    max-width: 440px;
    min-width: 440px;
    position: relative;
    margin-bottom: 26px;
}

.features-box2_text {
    font-size: 38px;
    line-height: 55px;
    color: var(--hp-white-color);
    font-weight: 500;
    font-family: "League Spartan";
    text-align: center;
}

.ps_active_price .features-box2_text {
    font-size: 40px;
    line-height: 55px;
    color: var(--hp-white-color);
    font-weight: 900;
    font-family: "League Spartan";
    text-align: center;
    filter: drop-shadow(-2.728px 2.925px 0px rgba(0, 0, 0, 0.5));
}

.features-box2 ul {
    margin-top: 15px;
}

.features-box2 li {
    padding: 10px 15px;
    margin-bottom: 20px;
}

.features-box2 li:last-child {
    border-bottom: 0px;
}

.features-box3 ul {
    margin-top: 13%;
}

.features-box3 li {
    padding: 7.5% 0;
    border-bottom: 1px solid rgb(240, 247, 247);
}

.features-box3 img {
    width: 50px;
    height: 50px;
}

.features-box3 ul li {
    max-width: 160px;
    border-radius: 46px 0 0 46px;
    background: var(--hp-white-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    position: relative;
    margin-bottom: 20px;
    margin: 0px auto 20px;
}

.ps_active_price.box_price_3::after {
    filter: drop-shadow(-16.907px 1.777px 10px rgba(1, 159, 199, 0.4)) !important;
    background: linear-gradient(75deg, #4cc3df, var(--hp-white-color)) !important;
}

.box_price_3 {
    position: relative;
}

.box_price_btn .box_price_3::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0px;
    bottom: -2px;
    background: linear-gradient(75deg, #4cc3df, var(--hp-white-color));
    transition: opacity 0.5s ease-in-out;
    z-index: -1;
    border-radius: 46px;
}

.features-box3 li:last-child {
    border-bottom: 0px;
}

.price_mid_box {
    position: relative;
}

.price_mid_box .price_mid_box_border {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.bottom-text1 {
    margin-top: 12%;
}

.bottom-text2 {
    margin-top: 13%;
}

.features-text {
    border-radius: 0px 0px 25px 25px;
    background-color: var(--hp-theme-color);
    border: 2px solid var(--hp-border-color);
    width: fit-content;
    padding: 0px 30px;
    margin: auto;
}

.features-text_mid {
    font-size: 52px;
    line-height: 40px;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.features-text2 {
    border-radius: 55px;
    background-color: var(--hp-theme-color);
    border: 2px solid var(--hp-border-color);
    width: fit-content;
    padding: 10px 25px;
    margin: auto;
    max-width: 225px;
    margin-top: -40px;
}

.features-text2 span {
    font-size: 37px;
    line-height: 39px;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
}

.features-text span {
    font-size: 40px;
    line-height: 55px;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
}

.price-text {
    padding: 0 8% 7% 8%;
    margin-top: 5%;
}

/*  */

.hp_footer_bg {
    background-image: url(../images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 110px 0px 50px;
    background-size: cover;
}

.hp_footer_bg .hp_footer_box {
    max-width: 1250px;
    border-radius: 20px;
    background-color: var(--hp-white-color);
    border: 3px solid var(--hp-border-color);
    margin: auto;
    padding: 20px 42px 50px;
}

.hp_footer_bg_text {
    margin-bottom: 40px;
}

.hp_footer_bg_text h6 {
    font-size: 21px;
    color: #1c3b40;
    font-weight: 400;
    font-family: "League Spartan";
    text-align: center;
    margin-bottom: 10px;
}

.hp_footer_bg_text h5 {
    font-size: 20px;
    line-height: 34px;
    color: #1c3b40;
    font-weight: 500;
    font-family: "League Spartan";
    text-align: center;
    margin-bottom: 15px;
}


.hp_footer_address {
    border-radius: 22px;
    background-color: #e2f4f8;
    width: fit-content;
    margin: auto;
    padding: 0px 35px 0px 60px;
    position: relative;
    margin-top: 40px;
}

.hp_footer_address p {
    font-size: 22px;
    line-height: 30px;
    color: #1c3b40;
    padding: 7px;
    font-weight: 600;
    font-family: "League Spartan";
    text-align: center;
}

.hp_footer_address_icon {
    left: 0;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background-color: #3fc0dc;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
}

.hp_footer_address_icon svg {
    fill: #fff;
}


.footer-menu {
    text-align: center;
    padding: 30px 0px 0px;
    font-family: 'Arial', sans-serif;
}

.footer-menu a {
    font-size: 20px;
    line-height: 10px;
    color: #1c3b40;
    font-weight: 400;
    font-family: "League Spartan";
    text-align: center;
    border-bottom: 1px solid #aab6b8;
}

.footer-menu span.separator {
    color: #1c3b40;
    margin: 0 15px;
}

.footer-menu a:hover {
    text-decoration: none;
    color: #000;
}


.hp_footer_box .hp_support_div .rating-badge {
    border-radius: 10px;
    box-shadow: 0px 13px 20px 0px rgba(25, 32, 56, 0.1);
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(210, 218, 235, 0.44);
}

.hp_footer_bg_text img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.accordion .fa {
    float: right;
    margin-top: 4px;
    font-weight: bold;
    color: #c8b3f3;
}

.accordion-button:focus {
    z-index: 3;
    border: none !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 109, 253, 0) !important;
}

.fp_accordien_section {
    position: relative;
    background-color: #f1f4fd;
    padding: 90px 0px;
}
.fp_accordien_section .hp_headings_sub {    
    background-image: linear-gradient(to right, #fe7716, #b11fde);
}
.fp_accordien_section .hp_headings_main {
    background-image: linear-gradient(to right, #3066fd, #58aaff 60%, #7b35fb 80%);
}
.fp_accordien_section .container{
    max-width: 1490px;
}

.accordion-item {
    border: none !important;
    border-radius: 10px!important;
    background-color: #ffffff;
    margin-bottom: 20px;
}


.accordion-button{
    font-size: 24px;
    color: #1c3b40 !important;
    font-weight: 600;
    font-family: "League Spartan"  !important;
    background-color: #ffffff  !important;
    box-shadow: none!important;
}

.accordion-body {
    padding: 0px 70px 20px 80px;
    font-size: 18px;
    line-height: 28px;
    color: #5c6d70;
    font-weight: 400;
    font-family: "League Spartan";
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 30px;
    font-size: 24px;
    color: #1c3b40;
    font-weight: 600;
    font-family: "League Spartan";
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 10px!important;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin-right: 15px;
}

.accordion-button:not(.collapsed)::after {
    width: 14px;
    height: 9px;
    background-image: url(../images/accordian_arrow.svg) !important;
    background-size: 14px 9px;
}

.accordion-button::after {
    width: 14px;
    height: 9px;
    background-image: url(../images/accordian_arrow.svg) !important;
    background-size: 14px 9px;
}

.fp_accordian_badge {
    padding: 65px 0px 40px;
}

.fp_accordian_badge .rating-badge {
    border: none;
    filter: drop-shadow(-9.548px 10.239px 15px rgba(78, 84, 85, 0));
}


.hp_accordian_box {
    max-width: 970px;
    border-radius: 20px;
    background-color: var(--hp-white-color);
    border: 3px solid #3adcfc;
    margin: auto;
    padding: 40px;
}

.hp_accordian_box h6 {
    font-size: 28px;
    line-height: 40px;
    color: #1c3b40;
    font-weight: 600;
    font-family: "League Spartan";
    text-align: center;
}

.hp_accordian_box h3 {
    font-size: 44px;
    line-height: 50px;
    color: #1c3b40;
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
}

.hp_accordian_box h3 span {
    color: var(--hp-border-color);
}

.hp_payment_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.fp_accordien_section .hp_accordian_box {
    margin-top: 30px;
}
/* hp_4section_long */
.hp_4section_long {
    background-color: #f1f4fd;
    padding: 90px 0px 80px;
    position: relative;
}
.hp_4section_long .hp_headings_sub {    
    background-image: linear-gradient( 149.9deg,  rgba(41,151,255,1) 13.5%, rgba(191,90,242,1) 47.6%, rgba(255,55,95,1) 78.8% );
}
.hp_4section_long .hp_headings_main {    
    background-image: radial-gradient( circle farthest-corner at -6.3% 49.8%,  rgba(238,17,17,1) 0.1%, rgba(238,17,17,1) 8.5%, rgba(31,11,214,1) 100.2% );
}

.hp_4section_cont_box {
    height: 100%;
    display: flex;
    align-items: center;
}

.hp_4section_content {
    text-align: left;
    max-width: 700px;
}

.hp_4section_content h6 {
    font-size: 28px;    
    font-weight: 800;        
    border-radius: 60px;    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;     
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    font-family: "K2D", sans-serif;   
}
.featureBox1 .hp_4section_content h6{
    border: 2px solid rgb(41 87 255);
    background-image: linear-gradient(149.9deg, rgb(41 87 255) 13.5%, rgba(191, 90, 242, 1) 47.6%, rgba(255, 55, 95, 1) 78.8%);
}
.featureBox2 .hp_4section_content h6{
    border: 2px solid rgba(0,51,102,1);
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(0,122,255,1) 0.3%, rgba(0,51,102,1) 90.1% );
}
.featureBox3 .hp_4section_content h6 {
    border: 2px solid rgba(214,40,40,1);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(214, 40, 40, 1) 0%, rgb(196 0 255) 90%);
}
.featureBox4 .hp_4section_content h6{
    border: 2px solid rgba(143,57,213,1);
    background-image: linear-gradient( 109.6deg,  rgba(143,57,213,1) 11.2%, rgba(96,227,109,1) 91.1% );
}
.featureBox5 .hp_4section_content h6{
    border: 2px solid rgba(13,32,67,1);
    background-image: radial-gradient( circle farthest-corner at 6.3% 21.8%,  rgba(236,6,117,1) 0%, rgba(13,32,67,1) 90% );
}
.featureBox6 .hp_4section_content h6{
    border: 2px solid rgba(9,178,62,1);
    background-image: radial-gradient( circle farthest-corner at 96.1% 7.2%,  rgba(9,178,62,1) 0%, rgba(19,19,19,1) 100.2% );
}
.featureBox7 .hp_4section_content h6 {
    border: 2px solid rgb(176 75 255);
    background-image: linear-gradient(150.4deg, rgb(211 75 255) 11.7%, rgba(32, 42, 235, 1) 82.4%);
}
.featureBox8 .hp_4section_content h6{
    border: 2px solid rgba(241,106,56,1);
    background-image: linear-gradient( 113.9deg,  rgba(241,106,56,1) 13%, rgba(213,32,39,1) 48.8%, rgba(170,65,39,1) 85.9% );
}
.featureBox9 .hp_4section_content h6 {
    border: 2px solid rgba(34,175,245,1);
    background-image: linear-gradient(98.7deg, rgba(34, 175, 245, 1) 2.8%, rgb(39 201 80) 97.8%);
}
.featureBox10 .hp_4section_content h6{
    border: 2px solid rgba(69,150,164,1);
    background-image: linear-gradient( 111.1deg,  rgba(69,150,164,1) 2.5%, rgba(17,20,34,1) 100.3% );
}
.featureBox11 .hp_4section_content h6{
    border: 2px solid rgba(163,0,81,1);
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(132,10,190,1) 0%, rgba(163,0,81,1) 100.2% );
}
.featureBox12 .hp_4section_content h6{
    border: 2px solid rgba(255,24,105,1);
    background-image: linear-gradient( 115.3deg,  rgba(255,24,105,1) 9.5%, rgba(248,142,0,1) 82.9% );
}
.featureBox13 .hp_4section_content h6{
    border: 2px solid rgba(41,151,255,1);
    background-image: linear-gradient( 149.9deg,  rgba(41,151,255,1) 13.5%, rgba(191,90,242,1) 47.6%, rgba(255,55,95,1) 78.8% );
}
.hp_4section_content p {
    font-size: 20px;
    line-height: 30px;
    color: #1c3b40;
    font-weight: 500;
    font-family: "League Spartan";
    text-align: left;
}

.hp_4section_h6 {    
    margin-bottom: 20px;    
    border-radius: 10px;    
}
.hp_4section_video_box {
    border-radius: 10px;
    background-color: #e8fbff;
    border: 2px solid var(--hp-border-color);
    padding: 10px;
    width: 100%;
}
.hp_4section_video_box iframe{
    border-radius: 10px;
}
.featureBox1 .hp_4section_video_box{
    border: 2px solid rgb(41 87 255);    
}
.featureBox2 .hp_4section_video_box{
    border: 2px solid rgba(0,51,102,1);    
}
.featureBox3 .hp_4section_video_box {
    border: 2px solid rgba(214,40,40,1);    
}
.featureBox4 .hp_4section_video_box{
    border: 2px solid rgba(143,57,213,1);    
}
.featureBox5 .hp_4section_video_box{
    border: 2px solid rgba(13,32,67,1);    
}
.featureBox6 .hp_4section_video_box{
    border: 2px solid rgba(9,178,62,1);    
}
.featureBox7 .hp_4section_video_box {
    border: 2px solid rgb(176 75 255);    
}
.featureBox8 .hp_4section_video_box{
    border: 2px solid rgba(241,106,56,1);    
}
.featureBox9 .hp_4section_video_box {
    border: 2px solid rgba(34,175,245,1);    
}
.featureBox10 .hp_4section_video_box{
    border: 2px solid rgba(69,150,164,1);    
}
.featureBox11 .hp_4section_video_box{
    border: 2px solid rgba(163,0,81,1);    
}
.featureBox12 .hp_4section_video_box{
    border: 2px solid rgba(255,24,105,1);    
}
.featureBox13 .hp_4section_video_box{
    border: 2px solid rgba(41,151,255,1);    
}

.hp_4section_video_box > video{
    width: 100%;
}

.hp_left {
    padding-right: 5%;
    position: relative;
}

.hp_right {
    padding-left: 5%;
}

.hp_relative {
    position: relative;
}

.hp_4section_mid_box {
    position: relative;
    margin-top: 50px;
}

.hp_4section_mid_line {
    position: absolute;
    left: 50%;
    top: 190px;
    width: 4px;
    height: calc(100% - 450px);
    border-radius: 2px;
    background-color: #d1d8eb;
}

.hp_left_arrow_left {
    position: absolute;
    width: 50px;
    left: 48.75%;
    transform: translateX(-50%);
    top: 145px;
    margin: auto;
}

.hp_left_arrow_right {
    position: absolute;    
    top: 150px;
    left: 51.55%;
    transform: translateX(-50%);
}
.hp_4section_mid_box .hpFeatureRow:last-child .hp_left_arrow_left{
    top: 140px;
}
.hpFeatureRow {
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.hp_4section_mid_box .hpFeatureRow:last-child {
    margin-bottom: 0;
}
.hp_4section_mid_box .hpFeatureRow:nth-last-of-type(2n+2){
    flex-direction: row-reverse;
}
.hp_feature_video {
    flex: none;
    max-width: 700px;
    width: 100%;
}
.featureSectionDivider {
    bottom: -80px;
}
.featureSectionDivider .arrow_divide_arrow_box {
    margin: auto;
}
/* Feature Slider */
.ve_feat_slider{
    position: relative;
    overflow: hidden;
}
.ve_feature_slider_video {
    border-radius: 10px;
    padding: 10px;
    background: #e8fbff;
    border: 2px solid rgba(41,151,255,1);
}
.ve_feature_slider_video iframe{
    border-radius: 10px;
}
.veSwiperParent .swiper-button-next, .veSwiperParent .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-color: var(--hp-theme-color);
    border: 1px solid var(--hp-border-box-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
}
.veSwiperParent .swiper-button-next{
    right: -20px;
}
.veSwiperParent .swiper-button-prev{
    left: -20px;
}
.veSwiperParent .swiper-button-next svg, .veSwiperParent .swiper-button-prev svg {
    width: 16px;
    height: 16px;
    fill: var(--hp-white-color);
}
/* Feature Slider */

/* hp_multi_tabs_section */


.hp_multi_tabs_section {
    background-image: url(../images/tabs_section_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 100px 0px;
}


.fs_multi_tab_main_img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.fs_multi_tab_box {
    position: relative;
    padding: 35px 0px;
}

.fs_multi_tabs_tags img {
    width: 35px;
    height: 35px;
}

.fs_multi_tabs_tags {
    position: relative;
    width: fit-content;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    background-color: var(--hp-white-color);
    font-size: 24px;
    color: #282828;
    font-weight: 700;
    font-family: "League Spartan";
    cursor: pointer;
    transition: ease-in-out.5s;
    position: relative;
    transition: 0.5s ease-in-out;
}

.fs_multi_tabs_tags::after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: #0f9fba;
    z-index: -1;
    border-radius: 10px;
}
@keyframes animation {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
	0% { background-position: 0% 0; }
}
.fs_multi_tabs_tags:hover::after {
    background: linear-gradient(45deg, #00b4fe, #1f85ad, #00ffd8,#00ccad);
    background-size: 500%;
    animation: animation 2s  linear infinite alternate;
}

.fs_multi_tabs_tags:hover {
    box-shadow: 16.545px 15.977px 15px rgba(0, 240, 255, 0.5);
    color: #282828;
}

.fs_multi_tabs_flex {
    position: absolute;
    z-index: 1;
}

.fs_multi_tabs1 {
    top: 25px;
    right: 100px;
}

.fs_multi_tabs2 {
    top: 21%;
    right: 165px;
}

.fs_multi_tabs3 {
    top: 38%;
    right: 5px;
}

.fs_multi_tabs4 {
    top: 56%;
    right: -23px;
}

.fs_multi_tabs5 {
    right: 105px;
    bottom: 100px;
}

.fs_multi_tabs6 {
    bottom: 0px;
    right: 125px;
}

.fs_multi_tabs7 {
    left: 120px;
    top: 125px;
}

.fs_multi_tabs8 {
    top: 25px;
    left: 170px;
}

.fs_multi_tabs9 {
    top: 38%;
    left: -50px;
}

.fs_multi_tabs10 {
    top: 56%;
    left: 30px;
}

.fs_multi_tabs11 {
    left: 105px;
    bottom: 100px;
}

.fs_multi_tabs12 {
    left: 160px;
    bottom: 0px;
}



/* price_box */


.hp_price_box_section {
    background-image: url(../images/price_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 75px 0px 90px;
    background-size: cover;
}

.hp_price_box_section .container {
    max-width: 1290px;
}

.hp_price_box {
    border-radius: 20px;
    filter: drop-shadow(-10.912px 11.702px 0px rgba(12, 189, 220, 0.2));
    background-color: var(--hp-white-color);
    border: 4px solid var(--hp-border-color);
    max-width: 560px;
    margin: auto;
}

.hp_price_box_head {
    width: 100%;
    text-align: center;
    display: flex;
    padding: 35px 50px 50px;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-image: linear-gradient(-90deg, #f5fdff 0%, #d1f7ff 51%, #f5fdff 100%);
}

.hp_price_box_footer {
    width: 100%;
    border-radius: 20px;
    background-image: linear-gradient(-90deg, #f5fdff 0%, #d1f7ff 51%, #f5fdff 100%);
}

.hp_price_box_logo {
    max-width: 300px;
}

.hp_price_box_name {
    border-radius: 35px;
    background-color: #39bdd8;
    padding: 10px 20px;
}

.hp_price_box_name h6 {
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    color: var(--hp-white-color);
    font-weight: 700;
    font-family: "League Spartan";
    text-align: center;
}

.hp_price_box_list {
    padding: 20px 10px 0px 30px;
}




.hp_price_box_list ul li {
    font-size: 26px;
    line-height: 40px;
    color: #1c3b40;
    display: flex;
    font-weight: 500;
    font-family: "League Spartan";
    margin-bottom: 25px;
    gap: 10px;
    align-items: center;
}

.hp_price_box_list ul li img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}


.hp_price_box_footer_box {
    max-width: 100%;
    background-color: transparent;
    border: none;
    padding: 30px;
    border-radius: 0px;
}

.hp_price_box_footer_box h6 {
    font-size: 18px;
    line-height: 30px;
}

.hp_price_box_footer_box h3 {
    font-size: 34px;
    line-height: 35px;
}

.hp_price_box_footer_box .hp_custom_btn {
    font-size: 30px;
}

.hp_price_box_footer_box h3 span {
    background: #ff5f00;
    color: #fff;
    padding: 8px 12px 2px 12px;
    display: inline-flex;
    border-radius: 50px;
}


.fp_price_disclaimer {
    max-width: 690px;
    margin: auto;
}

.fp_price_disclaimer p {
    font-size: 16px;
    line-height: 26px;
    color: #1c3b40;
    font-weight: 400;
    font-family: "League Spartan";
    text-align: center;
}

.fp_price_disclaimer p span {
    font-weight: 700;
}


@media (max-width: 1900px) {
    .hp_video_slider .swiper-button-prev {
        left: -55px;
    }
    .hp_video_slider .swiper-button-next {
        right: -55px; 
    }
}
@media (max-width: 1799px) {
    .fs_multi_tabs9 {
        left: 0px;
    }
    .fs_multi_tabs4 {
        right: -4px;
    }
    .border_divide_section {
        width: 95%;
    }   
    .hp_video_slider .swiper-button-prev {
        left: 0px;
    }
    .hp_video_slider .swiper-button-next {
        right: 0px; 
    } 
}

@media(max-width:1550px) {
    .hp_feature_video { 
        max-width: 650px;        
    }
    .hp_4section_content { 
        max-width: 650px;
        width: 100%;
    }
    .hp_left_arrow_left { 
        left: 48.7%;        
    }
    .veSwiperParent .swiper-button-prev {
        left: 0;
    }
    .veSwiperParent .swiper-button-next {
        right: 0;
    }
}
@media(max-width:1499px) {
    .hp_header_logo img {
        max-width: 320px;
    }
    .hp_support_div {
        gap: 15px;
        margin-bottom: 20px;
    }
    .hp_custom_btn {
        font-size: 32px;
        padding: 20px 25px;
    }
    .hp_accordian_box h3 {
        font-size: 32px;
        line-height: 35px;
    }
    .hp_accordian_box h6 {
        font-size: 22px;
        line-height: 35px;
    }
    .accordion-button {
        padding: 18px 20px;
        font-size: 20px;
    }
    .accordion-body {
        padding: 0px 20px 20px 80px;
    }
    .hp_headings_main {
        font-size: 32px;
        line-height: 32px;
    }
    .hp_headings_sub h5 {
        font-size: 24px;
        line-height: 42px;
    }
    .hp_price_box {
        margin-bottom: 20px;
    }
    .hp_price_box_head {
        padding: 25px 30px 30px;
    }
    .hp_price_box_list ul li {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .hp_headings_sub {
        padding: 10px 28px;
    }
    .hp_header_btns {
        margin-top: 30px;
    }
    .hp_header_content .highlight-title {
        font-size: 30px;
    }
    .hp_top_nav h4 {
        font-size: 22px;
    }
    .hp_top_nav h4 span {
        font-size: 22px;
        font-weight: 800;
        margin-left: 10px;
    }
    .hp_watch_points span {
        font-size: 22px;
        line-height: 32px;
    }

}
@media (max-width: 1440px) {
    .hp_feature_video {
        max-width: 600px;
    }
    .hp_4section_content {
        max-width: 600px; 
    }
    .hp_left_arrow_left {
        left: 48.6%;
    }
    .hp_left_arrow_right { 
        left: 51.7%;        
    }
}
@media (max-width: 1399px) {
     .hp_title_text {
        font-size: 40px;
        line-height: 50px;
    }
    .hp_head_row {
        max-width: 380px;
    }
    .hp_fade_arrow::before {
        right: -16px;
        width: 30px;
        height: 30px;
    }    
    .hp_4section_content h6 {
        font-size: 28px;
    }
    .hp_header_points li {
        font-size: 22px;
        line-height: 10px;
        padding-left: 30px;
    }
    .hp_header_points li::before {
        left: 0;
        top: -6px;
        width: 21px;
        height: 19px;
    }
}
@media (max-width: 1350px) {
    .hp_feature_video {
        max-width: 550px;
    }
    .hp_4section_content {
        max-width: 550px; 
    }
    .hp_left_arrow_left {
        left: 48.5%;
    }
    .hp_left_arrow_right { 
        left: 51.8%;        
    }
}
@media(max-width:1299px) {
    .hp_fade_arrow::before {
        display: none;
    }
}
@media(max-width:1199px) {    
    ul.hp_header_points {
        max-width: 100%;
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .hp_4section_content h6 {
        font-size: 23px; 
    }
    .hp_support_div {
        gap: 15px;
        margin-bottom: 20px;
    }
    .hp_header_content {
        text-align: center;
    }
    .hp_header_points li {
        max-width: max-content;
        margin: auto;
        margin: auto auto 30px auto;
    }
    .hp_header_btns {
        justify-content: center;
    }
    .hp_header_video {
        margin-top: 20px;
    }
    .video-list-container {
        position: static;
        margin: auto;
        margin-top: -8px;
    }
    .hp_header_video {
        max-width: 750px;
        height: auto;
    }
    .hpVideoSliderNavigate {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
    }
    .hp_video_slider .swiper-button-next, .hp_video_slider .swiper-button-prev { 
        position: unset;
        width: 50px;
        height: 50px;
    }
    .hp_video_slider .swiper-button-next svg, .hp_video_slider .swiper-button-prev svg{
        width: 16px;
        height: 16px;
    }
    .hp_headings_section { 
        max-width: 600px;        
    }
    .hp_video_slider {
        padding: 85px 0px 100px;
    }
    .hp_watch_points_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .hp_watch_points_box .hp_watch_points:not(:last-child) {
        margin-bottom: 0;
    }
    .hp_video_watch_now {
        margin: 30px 0;
    }
    .fs_multi_tab_main_img img {
        max-width: 790px;
    }
    .fs_multi_tabs_tags {
        padding: 5px 5px;
        font-size: 16px;
    }
    .fs_multi_tabs_tags img {
        width: 25px;
        height: 25px;
    }
    .fs_multi_tabs1 {
        top: 35px;
        right: 10px;
    }
    .fs_multi_tabs3 {
        top: 41%;
    }
    .fs_multi_tabs4 {
        top: 53%;
        right: 37px;
    }
    .fs_multi_tabs10 {
        top: 54%;
    }
    .fs_multi_tabs9 {
        top: 41%;
    }
    .fs_multi_tabs7 {
        top: 105px;
    }
    .fs_multi_tabs8 {
        top: 35px;
    }
    .features-box1-section li {
        max-width: 300px;
        min-width: 300px;
        margin: auto auto 29px;
    }
    .hp_4section_long {
        padding-bottom: 30px;
    }
    .hp_4section_video_box {
        padding: 5px;
    }
    .hp_4section_video_box iframe{
        border-radius: 8px;
    }
    .hp_feature_video {
        max-width: 500px;
    }
    .hp_4section_content {
        max-width: 500px;
    }
    .hp_left_arrow_left {
        left: 48.3%;
    }
    .hp_left_arrow_right {
        left: 52%;
    }
    .hp_price_box_list ul li {
        font-size: 22px; 
        margin-bottom: 15px;
    }
}

@media(max-width:1100px) {
    .hpFeatureRow, .hp_4section_mid_box .hpFeatureRow:nth-last-of-type(2n+2){
        flex-direction: column;
    }
    .hp_4section_mid_line, .hp_left_arrow_left, .hp_left_arrow_right{
        display: none;
    }
    .hp_4section_h6, .hp_4section_content p { 
        text-align: center;
    }     
    .hpFeatureRow {
        gap: 30px;
    }
}
@media(max-width:991px) {
    .column-reverse-md{
        flex-direction: column-reverse;
    }
    .mb_50_md{
        margin-bottom: 50px;
    }
    .mb_30_md{
        margin-bottom: 30px;
    }
    .hp_header_points li::before {
        display: none;
    }
    .hp_header_points li {
        padding-left: 0;
    }
    .hp_head_row {
        margin-bottom: 50px;
    }    
    .hp_left_arrow_left, .hp_left_arrow_right, .hp_4section_mid_line {
        display: none;
    }
    .hp_left, .hp_right{
        padding: 0 15px;
    }
    .ar-feature-box:nth-last-of-type(2n+1) .row {
        flex-direction: row-reverse;
    }
    .hp_4section_video_box {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }
    .hp_4section_content {
        text-align: center;
        max-width: 500px;
        margin: auto;
    }
    .hp_4section_content p {
        text-align: center;
    }
    .hp_4section_h6 {
        padding-left: 0;
        border-left: 0;
    }
    .fs_multi_tab_main_img img {
        max-width: 660px;
    }
    .fs_multi_tabs8 {
        left: 60px;
    }
    .fs_multi_tabs7 {
        left: 30px;
        top: 95px;
    }
    .fs_multi_tabs2 {
        top: 23%;
        right: 45px;
    }
    .fs_multi_tabs4 {
        top: 55%;
    }
    .fs_multi_tabs5 {
        right: 45px;
        bottom: 85px;
    }
    .features-text span {
        font-size: 26px;
        line-height: 36px;
    }
    .features-text2 span {
        font-size: 22px;
        line-height: 28px;
    }
    .features-box1 {
        width: 40%;
    }
    .features-box1-section li {
        max-width: 210px;
        min-width: 280px;
        margin: auto auto 27px;
    }
    .features-text_mid {
        font-size: 38px;
        line-height: 40px;
    }
    .ps_active_price .features-box2_text {
        font-size: 25px;
        line-height: 35px;

    }
    .features-box2_text {
        font-size: 20px;
        line-height: 55px;
    }
    .features-box2 li {
        padding: 9px 15px;
        margin-bottom: 20px;
    }
    .hp_head_section2 {
        padding-bottom: 30px;
    }
    .hp_slide_section {
        padding-top: 70px;
    }
    .hp_slide_section .swiper-container {
        padding-bottom: 50px;
    }
    .hpFeatureRow {
        margin-bottom: 120px;
    }
}
@media(max-width:767px) {
    .list {
        padding: 10px 20px;
    }
    .hp_footer_address {
        padding: 40px 5px 5px 5px;

    }
    .hp_footer_address_icon {
        left: 50%;
        top: -12px;
        transform: translateX(-50%);

    }
    .accordion-body {
        padding: 0px 20px 20px 20px;
    }
    .hp_headings_main {
        font-size: 28px;
        line-height: 32px;
    }

    .hp_price_box_footer_box h3{
        font-size: 26px;
    }

    .hp_price_box_footer_box h6 {
        font-size: 18px;
        line-height: 35px;
    }
    .hp_price_box_footer_box .hp_custom_btn {
        font-size: 22px;
        padding: 12px 15px;
    }

    .hp_headings_sub h5 {
        font-size: 20px;
        line-height: 30px;
    }    
    .fs_multi_tab_box > ul {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 20px;
        text-align: center;
        justify-content: center;
    }
    .fs_multi_tabs_flex {
        position: static;

    }
    .fs_multi_tab_main_img {
        display: none;
    }
    .fs_multi_tab_main_img img {
        max-width: 100%;
    }
    .features-text2 {
        padding: 5px 10px;
        margin-top: -30px;
        font-size: 20px;
        line-height: 20px;
    }
    .features-text2 span {
        font-size: 14px;
        line-height: 9px;
    }
    .features-box1-section li {
        max-width: 170px;
        min-width: 170px;
    }
    .ps_active_price .features-box2_text {
        font-size: 18px;
    }
    .features-box2_text {
        font-size: 16px;
        line-height: 1.2;
    }
    .features-box1-section li {
        padding: 12px 15px;
    }
    .features-box1-section li >img{
        max-width: 12px;
    }
    .features-box1-section ul>li .ps_active_price_img {
        max-width: inherit;
        height: inherit;
        margin-right: 5px;
    }
    .ps_active_price_img img {
        max-width: 110px;
        max-height: 20px;
    }
    .features-box1-section li {
        margin: auto auto 15px;
    }
    .features-box2 li {
        padding: 11px 15px;
    }
    .features-box3 ul {
        margin-top: 42px;
    }
    .features-box3 ul li {
        padding: 6px 10px;
    }
    .features-box3 img {
        width: 30px;
        height: 30px;
    }
    .features-box2 ul {
        margin-top: 0;
    }
    .hp_rating_rate small {
        font-size: 16px;
    }
    .rating-badge h6 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .badge2 {
        max-width: max-content!important;
        padding: 15px !important;
    }
    .hp_video_slider {
        padding: 70px 0px 80px;
    }
    .hp_watchDemo_section, .hp_multi_tabs_section, .fp_accordien_section, .hp_footer_bg{
        padding: 70px 0px;
    }    
    .hp_title_text {
        font-size: 35px;
        line-height: 45px;
    }
    .hp_border.hp_top_border {
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .hp_bottom_border {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .hp_custom_btn {
        font-size: 30px;
        padding: 15px 20px;
    }
}
@media (max-width: 575px) {
    .hp_header_logo img {
        max-width: 200px;
    }
    .hp_title_text {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .hp_header_points li {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .hp_header_content .highlight-title {
        font-size: 26px;
    }
    .hp_header_logo {
        padding-bottom: 10px;
    }
    .hp_header_btns {
        gap: 10px;
    }
    .custom-btn, .hp_btn {
        font-size: 16px;
        padding: 10px 15px
    }
    .hp_watch_points img {
        width: 30px;
        height: 30px;
    }
    .hp_watch_points span {
        font-size: 18px;
        line-height: 28px;
        padding: 0px 0 0 10px
    }
    .features-text_mid {
        font-size: 25px;
        line-height: 30px;
    }
    .features-text span {
        font-size: 18px;
        line-height: 28px;
    }
    .ps_active_price .features-box2_text {
        font-size: 16px;
    }
    .features-box2 {
        width: 36%;
    }
    .features-box3 ul {
        margin-top: 25px;
    }
    .features-box2 ul {
        margin-top: 11px;
    }
    .hp_custom_btn {
        font-size: 22px;
        padding: 15px 25px;
    }
    .features-box2 .features-text_mid svg, .price_mid_box_border svg {
        width: 100px;
    }
    .hp_footer_bg .hp_footer_box {
        padding: 10px 10px 20px;
    }
    .hp_border {
        margin-top: 25px;
        margin-bottom: 28px;
    }
    .hp_headings_sub {
        padding: 12px 15px;
    }
    .hp_headings_sub h5 {
        font-size: 18px;
        line-height: 28px;
    }
    .hp_header_content img.side-image {
        max-width: 300px;
        height: auto;
    }
    .hp_custom_btn {
        font-size: 20px;
        padding: 5px 18px;
    }
    .hp_video_box {
        width: 200px;
        height: 300px;
    }
}
@media (max-width: 480px) {
    .hp_top_nav h4 span, .hp_top_nav h4 {
        font-size: 16px;
        margin-left: 0px;
    }
    .hp_top_nav {
        gap: 5px;
    }
    .ps_active_price_img img {
        max-width: 90px;
        max-height: 20px;
    }
    .features-box1-section li {
        max-width: 140px;
        min-width: 140px;
    }
    .price_mid_box .price_mid_box_border svg {
        width: 100px;
    }
    .features-box2 li {
        padding: 11px 12px;
    }
    .features-box2 li {
        padding: 11px 8px;
    }
    .features-box2 {
        width: 36%;
    }
    .features-box1 {
        width: 35%;
    }
    .features-text {
        padding: 0px 19px;
    }
    .features-text span {
        font-size: 16px;
        line-height: 28px;
    }
    .features-box3 {
        width: 29%;
    }
    .features-text2 {
        padding: 5px 1px;
        font-size: 12px;
        line-height: 15px;
    }
    .features-text2 {
        margin-top: -23px;
    }
    .features-box2:after {
        display: none;
    }
    .features-box2 li {
        padding: 0;
        margin: 0;
        padding: 20px 0 20px;
    }
    .features-box2 ul {
        margin-top: 0;
    }
    .features-box3 ul li {
        margin-bottom: 20px;
    }
    .features-box1-section {
        padding: 8px 0px;
    }
    .ps_active_price_img img {
        max-width: 100%;
        max-height: 18px;
    }
    .features-box1-section li {
        max-width: inherit;
        min-width: inherit;
    }
    .hp_price_box_list {
        padding: 20px 10px 0px 20px;
    }
    .hp_price_box_list ul li {
        font-size: 20px;
    }
    .accordion-button {
        font-size: 18px;
    }
    .rating-badge {
        max-width: 150px;
    }
    .hp_support_img {
        height: 65px;
    }
    .hp_accordian_box {
        padding: 20px 20px;
    }
    .hp_accordian_box h3 {
        font-size: 24px;
        line-height: 1.2;
    }
    .hp_footer_address p {
        font-size: 18px;
        line-height: 28px;
    }
    .footer-menu a {
        font-size: 16px;
    }
    .footer-menu span.separator {
        margin: 0 10px;
    }    
    .hp_video_slider .swiper-button-next, .hp_video_slider .swiper-button-prev {        
        width: 40px;
        height: 40px;
    }
    .hp_video_slider .swiper-button-next svg, .hp_video_slider .swiper-button-prev svg {
        width: 15px;
        height: 15px;
    }
    .hpVideoSliderNavigate {
        margin-top: 15px;
    }
    .hp_headings_section {
        margin: 0px auto 10px;
    }
    .hp_4section_mid_box {        
        margin-top: 30px;
    }
    .hp_4section_content h6 {
        font-size: 21px;
        padding: 5px 15px;
    }
    .hp_4section_content p { 
        font-size: 17px;
        line-height: 25px;
    }
    .featureSectionDivider .arrow_divide_arrow_box { 
        width: 50px;
        height: 50px;
    }
    .featureSectionDivider .arrow_divide_arrow_box svg { 
        animation: none;
        width: 20px;
        height: auto;
    }
    .hpFeatureRow {
        margin-bottom: 100px;
    }
    .featureSectionDivider {
        bottom: -70px;
    }
    .arrow_divide_arrow_box {
        width: 50px;
        height: 50px;        
    }
    .arrow_divide_arrow_box svg {
        width: 20px;
        height: auto;
        animation: none;
    }
}
@media (max-width: 450px) {
    .list{
        padding: 10px 15px;
    }
    .hp_price_box_list ul li img {
        width: 20px;
        height: 20px; 
    }
    .hp_price_box_list ul li {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
@media (max-width: 419px) {
    .hp_custom_btn {
        font-size: 18px;
        line-height: 28px;
    }
    .features-box1-section li {
        padding: 8px 15px;
    }
    .features-box1 {
        padding: 0 5px;
    }
    .features-box3 {
        padding: 0 5px;
    }
    .features-box2_text {
        font-size: 14px;
    }
    .price_mid_box .price_mid_box_border {
        display: none;
    }
    .features-box2 li {
        padding: 17px 0 17px;
    }
    .features-box3 ul li {
        margin-bottom: 12px;
    }
    .hp_price_box_footer_box .hp_custom_btn {
        font-size: 15px;
        padding: 12px 18px;
    }
    .hp_title_text {
        font-size: 23px;
        line-height: 30px;        
    }
    .hp_price_box_list ul li {
        font-size: 17px; 
    }
}
@media (max-width: 375px) {    
    .hp_price_box_list {
        padding: 20px 5px 0px 15px;
    }
    .hp_price_box_list ul li {
        font-size: 16px;
        margin-bottom: 5px;
        gap: 5px;
    }
    .hp_price_box_list ul li img {
        width: 17px;
        height: 17px;
    }
}
@media (max-width: 360px) {    
    .hp_header_points li {
        font-size: 16px;
        line-height: 22px;
    }
    .custom-btn, .hp_btn {
        font-size: 14px;
        padding: 8px 12px;
    }
    .list {
        padding: 8px 12px;
    }
    .list__title {
        font-size: 13px;        
    }
    .hp_header_points li {
        font-size: 16px;        
        margin-bottom: 8px;
    }
    .hp_custom_btn {
        font-size: 16px;     
    }    
}