/* ===================================== Default CSS ===================================== */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    background-color: #fff;
    font-style: normal;
    scroll-behavior: smooth;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
.open_sans_fontfamily {
    font-family: "Open Sans", sans-serif;
}
.Englebert_fontfamily {
    font-family: "Englebert", cursive;
    letter-spacing: 2px;
}
.Montserrat_fontfamily {
  /*  font-family: "Montserrat Alternates", sans-serif;*/
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.container {
    max-width: 1290px;
    padding: 0;
    margin: 0 auto;
    display: block;
}
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
a {
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
a:hover,
img:hover,
svg:hover {
    transition: all 0.5s ease-in-out;
}
img,
svg,
path {
    vertical-align: middle;
    transition: all 0.5s ease-in-out;
}
img {
    max-width: 100%;
    object-fit: cover;
    height: auto;
}
.row>* {
    padding-left: 15px;
    padding-right: 15px;
}
.sec_padding {
    padding: 100px 0;
}
.sec_padding_top {
    padding-top: 100px;
}
.sec_padding_bottom {
    padding-bottom: 100px;
}
.sec_padding_left {
    padding-left: 100px;
}
.sec_padding_right {
    padding-right: 100px;
}
.area_padding_top {
    padding-top: 60px;
}
.area_padding_bottom {
    padding-bottom: 60px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 10px;
}
.ps-10 {
    padding-left: 10px;
}
.pe-10 {
    padding-right: 10px;
}
.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.p-10 {
    padding: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.pb-15 {
    padding-bottom: 15px;
}
.ps-15 {
    padding-left: 15px;
}
.pe-15 {
    padding-right: 15px;
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.p-15 {
    padding: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-20 {
    padding-bottom: 20px;
}
.ps-20 {
    padding-left: 20px;
}
.pe-20 {
    padding-right: 20px;
}
.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.p-20 {
    padding: 20px;
}
.pt-40 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 40px;
}
.ps-40 {
    padding-left: 40px;
}
.pe-40 {
    padding-right: 40px;
}
.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}
.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.p-40 {
    padding: 40px;
}
.pt-60 {
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.ps-60 {
    padding-left: 60px;
}
.pe-60 {
    padding-right: 60px;
}
.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.p-60 {
    padding: 60px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.ms-10 {
    margin-left: 10px;
}
.me-10 {
    margin-right: 10px;
}
.mx-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.m-10 {
    margin: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.ms-15 {
    margin-left: 15px;
}
.me-15 {
    margin-right: 15px;
}
.mx-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.m-15 {
    margin: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.ms-20 {
    margin-left: 20px;
}
.me-20 {
    margin-right: 20px;
}
.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.m-20 {
    margin: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.ms-30 {
    margin-left: 30px;
}
.me-30 {
    margin-right: 30px;
}
.mx-30 {
    margin-left: 30px;
    margin-right: 30px;
}
.my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.m-30 {
    margin: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.ms-40 {
    margin-left: 40px;
}
.me-40 {
    margin-right: 40px;
}
.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.m-40 {
    margin: 40px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-60 {
    margin-bottom: 60px;
}
.ms-60 {
    margin-left: 60px;
}
.me-60 {
    margin-right: 60px;
}
.mx-60 {
    margin-left: 60px;
    margin-right: 60px;
}
.my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.m-60 {
    margin: 60px;
}
/*========== Custome Font-Resizer Class ==========*/
.heading_text_1 {
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
}
.heading_text_2 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 700;
}
.heading_text_3 {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
}
.heading_text_4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}
.heading_text_5 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.heading_text_6 {
    font-size: 16px;
    line-height: 24px;
}
p {
    font-size: 18px;
    line-height: 24px;
}
/*========== Custome Line-height Class ==========*/
.line_height_normal {
    line-height: normal;
}
.line_height_72 {
    line-height: 72px;
}
.line_height_64 {
    line-height: 64px;
}
.line_height_36 {
    line-height: 36px;
}
.line_height_30 {
    line-height: 30px;
}
.line_height_24 {
    line-height: 24px;
}
.line_height_20 {
    line-height: 20px;
}
/*========== Custome Font-Wight Class ==========*/
.fw_100 {
    font-weight: 100;
}
.fw_100_italic {
    font-weight: 100;
    font-style: italic;
}
.fw_100 {
    font-weight: 100;
}
.fw_100_italic {
    font-weight: 100;
    font-style: italic;
}
.fw_100 {
    font-weight: 100;
}
.fw_100_italic {
    font-weight: 100;
    font-style: italic;
}
.fw_200 {
    font-weight: 200;
}
.fw_200_italic {
    font-weight: 200;
    font-style: italic;
}
.fw_300 {
    font-weight: 300;
}
.fw_300_italic {
    font-weight: 300;
    font-style: italic;
}
.fw_400 {
    font-weight: 400;
}
.fw_400_italic {
    font-weight: 400;
    font-style: italic;
}
.fw_500 {
    font-weight: 500;
}
.fw_500_italic {
    font-weight: 500;
    font-style: italic;
}
.fw_600 {
    font-weight: 600;
}
.fw_600_italic {
    font-weight: 600;
    font-style: italic;
}
.fw_700 {
    font-weight: 700;
}
.fw_700_italic {
    font-weight: 700;
    font-style: italic;
}
.fw_800 {
    font-weight: 800;
}
.fw_800_italic {
    font-weight: 800;
    font-style: italic;
}
.fw_900 {
    font-weight: 900;
}
.fw_900_italic {
    font-weight: 900;
    font-style: italic;
}
/*========== Color class ==========*/
.color_white,
input.input-textarea::placeholder {
    color: #FFF;
}
.bg_white {
    background-color: #FFF;
}
.color_lightwhite {
    color: #f5f7fa;
}
.bg_lightwhite {
    background-color: #f5f7fa;
}
.color_black {
    color: #000;
}
.bg_black {
    background-color: #000;
}
.color_darkblack {
    color: #091217;
}
.bg_darkblack {
    background-color: #091217;
}
.color_lightblack {
    color: #222222;
}
.bg_lightblack {
    background-color: #222222;
}
.color_lightgray {
    color: #A8A9AD;
}
.bg_lightgray {
    background-color: #A8A9AD;
}
.color_lightorange {
    color: #F6821F;
}
.bg_lightorange {
    background-color: #F6821F;
}
.color_orange {
    color: #F16122;
}
.bg_orange {
    background-color: #F16122;
}
.bg_transparent {
    background-color: transparent;
}
.bg_lightgreen {
    background-color: #3a9e1e;
}
.color_lightgreen {
    color: #3a9e1e;
}
.bg_darkgreen {
    background-color: #1C8200;
}
.color_darkgreen {
    color: #1C8200;
}
.overflow_x_hidden {
    overflow-x: hidden;
}
/* ============================== Preloader ============================== */
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    overflow: hidden;
    opacity: 1;
    transition: 0.9s ease;
    background: #212121;
}
.loading_content {
    display: flex;
    align-items: center;
    gap: 15px;
}
.loading_content span.loading_item {
    width: 40px;
    height: 60px;
    animation: Loader2 1.75s ease infinite;
}
.loading_content span.loading_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.loading_content span.loading_item.loading_item_2 {
    animation-delay: 0.25s;
}
.loading_content span.loading_item.loading_item_3 {
    animation-delay: 0.5s;
}
.loading_content span.loading_item.loading_item_4 {
    animation-delay: 0.75s;
}
.loading_content span.loading_item.loading_item_5 {
    animation-delay: 1s;
}
.loading_content span.loading_item.loading_item_6 {
    animation-delay: 1.25s;
}
.loading_content span.loading_item.loading_item_7 {
    animation-delay: 1.5s;
}
/*============================== Animation ==============================*/
@keyframes Loader2 {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
@keyframes btn6_animi {
    0% {
        background-position: 31% 0%;
    }
    50% {
        background-position: 70% 100%;
    }
    100% {
        background-position: 31% 0%;
    }
}
@keyframes text_shine {
    0% {
        background-position: 0;
    }
    60% {
        background-position: 600px;
    }
    100% {
        background-position: 800px;
    }
}
@keyframes text_animi_grow {
    0%,
    10%,
    90%,
    100% {
        width: 0%;
    }
    50% {
        width: 100%;
    }
}
@keyframes pricing_6_moveimg {
    0% {
        transform: translateX(-15px);
    }
    100% {
        transform: translateX(15px);
    }
}
@keyframes poprual_lable1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes roted_star {
    0% {
        transform: rotate(360deg) matrix(1, 0, 0, 1, -30, -30);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes stroke {
    0% {
        fill: rgba(255, 255, 255, 0);
        stroke: #000;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 1;
    }
    70% {
        fill: rgba(255, 255, 255, 0);
        stroke: #000;
    }
    80% {
        fill: rgba(255, 255, 255, 0);
        stroke: #000;
        stroke-width: 2;
    }
    100% {
        fill: #ffffff9c;
        stroke: #000;
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}
@keyframes plan_active_mode {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 139, 34, 0.9);
    }
    50% {
        transform: scale(1);
        box-shadow: 0 0 0 7px rgba(77, 170, 87, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(77, 170, 87, 0);
    }
}
@keyframes animation_text_9 {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}
/*============================== Common-btn ==============================*/
/* Btn-style-1 */
a.btn_style_1 {
    all: unset;
    display: flex;
    align-items: center;
    position: relative;
    padding: 18px 30px;
    border: #000 solid 0.15em;
    border-radius: 0.25em;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    overflow: hidden;
    transition: border 300ms, color 300ms;
    justify-content: center;
    margin: 20px 15px 10px;
}
a.btn_style_1 span {
    z-index: 1;
}
a.btn_style_1::before {
    content: '';
    position: absolute;
    width: 11em;
    aspect-ratio: 1;
    background: radial-gradient(circle, #3a9e1e 100%, #1c8200 50%);
    opacity: 50%;
    border-radius: 50%;
    left: 0;
    transform: translateX(-10em);
    transition: transform 500ms, background 300ms;
}
a.btn_style_1::after {
    content: '';
    position: absolute;
    width: 11em;
    aspect-ratio: 1;
    background: radial-gradient(circle, #3a9e1e 100%, #1c8200 50%);
    opacity: 50%;
    border-radius: 50%;
    right: 0;
    transform: translateX(10em);
    transition: transform 500ms, background 300ms;
}
a.btn_style_1:hover {
    color: #ffffff;
}
a.btn_style_1:hover::before {
    transform: translateX(-1em);
    background: linear-gradient(45deg, #3a9e1e, #3a9e1e 76px);
}
a.btn_style_1:hover::after {
    transform: translateX(1em);
    background: linear-gradient(130deg, #3a9e1e, #3a9e1e 130px);
}
/* Btn-style-2 */
a.btn_style_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
    border-radius: 8px;
    box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1em;
    padding: 3px;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    transition: all .3s;
}
.pricing_card_style_2.pink_line_box a.btn_style_2 {
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #ec539c);
}
.pricing_card_style_2.green_line_box a.btn_style_2 {
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #5BC587);
}
a.btn_style_2 span {
    text-align: center;
    background-color: rgb(5, 6, 45);
    padding: 16px 24px;
    width: 100%;
    border-radius: 6px;
    transition: 300ms;
}
a.btn_style_2:hover span {
    background: none;
}
/* Btn-style-3 */
a.btn_style_3 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(69 10 10 / 80%);
    padding: 20px 18px;
    border-radius: 1rem;
    border: 1px solid rgb(248 113 113);
    border-bottom: 4px solid rgb(248 113 113);
    color: rgb(248 113 113);
    font-size: 18px;
    font-weight: 600;
    transition: all .5s ease;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
a.btn_style_3:hover {
    transition: all .5s ease;
    border-bottom: 1px solid rgb(248 113 113);
    border-top: 4px solid rgb(248 113 113);
}
a.btn_style_3::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -20%;
    width: 30px;
    height: 120%;
    background: #9e9e9e54;
    transform: skew(-20deg, 5deg);
    z-index: -1;
    transition: 1s ease-out;
}
a.btn_style_3:hover::before {
    left: 110%;
    transition: 1s ease-out;
}
/* Btn-style-4 */
.style4_btn_area a.btn_style_4 {
    position: relative;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    color: #fff;
    background: linear-gradient(180deg, rgb(43 255 255 / 33%) 0%, rgb(26 153 153 / 100%) 100%);
    font-weight: 700;
    padding: 20px 40px;
    font-size: 24px;
    transition: all .4s ease-in-out;
    overflow: hidden;
    font-family: 'Englebert';
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 1;
}
.style4_btn_area a.btn_style_4:hover,
.pricing_card_style_4.pricing_style_4_activplan a.btn_style_4 {
    box-shadow: inset 0px 0px 20px 1px #2BFFFF, 0 0 20px #1A9999, 0 0 50px #1A9999, 0 0 2px #2BFFFF;
}
/* Btn-style-5 */
a.btn_style_5 {
    display: inline-flex;
    width: 100%;
    font-size: 24px;
    padding: 10px 30px;
    letter-spacing: 0.06em;
    position: relative;
    border-radius: 0.6em;
    overflow: hidden;
    transition: all 0.3s;
    line-height: 1.4em;
    font-weight: 700;
    border: 2px solid #feb9bd;
    background: linear-gradient(to right, rgb(254 184 188 / 10%) 1%, transparent 40%, transparent 60%, rgb(254 185 189 / 10%) 100%);
    color: #000;
    box-shadow: inset 0 0 10px rgb(254 184 188 / 40%), 0 0 9px 3px rgb(254 184 188 / 10%);
    align-items: center;
    justify-content: center;
}
a.btn_style_5:hover {
    box-shadow: inset 0 0 10px rgb(254 184 188 / 60%), 0 0 9px 3px rgb(254 184 188 / 20%);
}
a.btn_style_5::before {
    content: '';
    position: absolute;
    left: -4em;
    width: 4em;
    height: 100%;
    top: 0;
    transition: transform .4s ease-in-out;
    background: linear-gradient(to right, transparent 1%, rgb(254 185 189 / 10%) 40%, rgb(254 184 188 / 10%) 60%, transparent 100%);
}
a.btn_style_5:hover::before {
    transform: translateX(15em);
}
/* Btn-style-6 */
.btn_style_6 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0;
}
.btn_style_6 a {
    padding: 20px 30px;
    border-radius: 30px;
    background: linear-gradient(-45deg, #ffae00, #7e03aa, #00fffb);
    color: #fff;
    line-height: 24px;
    letter-spacing: 2px;
    background-size: 300% 300%;
    animation: btn6_animi 5s ease infinite;
}
/* Btn-style-7 */
a.btn_style_7 {
    display: flex;
    justify-content: center;
    align-items: center;
}
a.btn_style_7 span {
    padding-bottom: 7px;
    letter-spacing: 4px;
    font-size: 0px;
    padding-right: 15px;
    text-transform: uppercase;
    position: relative;
    color: black;
    transition: 0.5s ease;
}
a.btn_style_7 span::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000000;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
a.btn_style_7:hover span::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
a.btn_style_7 svg {
    transform: translateX(-8px) translateY(-3px);
}
a.btn_style_7:hover svg {
    transform: translateX(0) translateY(-3px);
}
.pricing_card_centerbody {
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease;
}
.pricing_card_style_7.pricingcard_2 .pricing_card_centerbody,
.pricing_card_body:hover .pricing_card_centerbody {
    height: 80px;
}
.pricing_card_style_7.pricingcard_2 .pricing_card_centerbody a.btn_style_7 span,
.pricing_card_body:hover .pricing_card_centerbody a.btn_style_7 span {
    font-size: 16px;
}
.pricing_card_centerbody a.btn_style_7 svg {
    height: 0;
    transition: 0.5s ease;
}
.pricing_card_style_7.pricingcard_2 .pricing_card_centerbody a.btn_style_7 svg,
.pricing_card_body:hover .pricing_card_centerbody a.btn_style_7 svg {
    height: 10px;
}
/* Btn-style-8 */
a.btn_style_8 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    appearance: none;
    outline: none !important;
    font-weight: 700;
    font-size: 16px;
    padding: 20px 40px 20px;
    transition: all .4s ease-in-out;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    z-index: 1;
    color: #7b68ee;
    background-color: #eef2ff;
    width: 100%;
}
a.btn_style_8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgb(123 104 238 / 30%);
}
a.btn_style_8::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 150%;
    height: 500%;
    border-radius: 45%;
    background-position: bottom top;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: all;
    transform-origin: top;
    transform-style: preserve-3d;
    transform: scaleY(1.0) translateX(-50%);
    background-color: #eef2ff;
    z-index: -1;
}
a.btn_style_8 span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
a.btn_style_8 span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: -3px;
    bottom: 0;
    background-position: center top;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: all;
    transform-origin: top;
    transform-style: preserve-3d;
    transform: scaleY(0.0);
    background-color: #181818;
    z-index: -1;
}
a.btn_style_8:hover span::before {
    transform: scaleY(1.0);
    transition-delay: 400ms;
}
a.btn_style_8:hover::after {
    width: 0px;
    height: 0px;
    transform: scaleY(1.0) translateX(-50%);
}
/* Btn-style-9 */
a.btn_style_9 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    padding: 18px 30px;
    color: #fff;
    background: linear-gradient(to right, #66b0fb 50%, #b9dbfc 100%);
    border-radius: 15px;
    transition: all 1s ease;
}
.pricing_card_style_9.pricing_style_9_2 a.btn_style_9 {
    background: linear-gradient(to right, #FF874F 25%, #EC5E95 100%);
}
.pricing_card_style_9.pricing_style_9_3 a.btn_style_9 {
    background: linear-gradient(to right, #58c1a8 50%, #9bdacb 100%);
}
a.btn_style_9:hover,
.pricing_card_style_9.pricing_style_9_2 a.btn_style_9:hover,
.pricing_card_style_9.pricing_style_9_3 a.btn_style_9:hover {
    transition: all 1s ease;
    background: linear-gradient(to right, #b9dbfc 0%, #66b0fb 35%);
}
.pricing_card_style_9.pricing_style_9_2 a.btn_style_9:hover {
    background: linear-gradient(to right, #EC5E95 25%, #FF874F 100%);
}
.pricing_card_style_9.pricing_style_9_3 a.btn_style_9:hover {
    background: linear-gradient(to right, #9bdacb 0%, #58c1a8 35%);
}
/* Btn-style-10 */
.style10_btn_area {
    position: relative;
    width: 100%;
    height: 170px;
}
.style10_btn_area a.btn_style_10 {
    position: absolute;
    right: -70px;
    bottom: 0;
    width: 150px;
    height: 150px;
    color: #000;
}
.style10_btn_area a.btn_style_10 span {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    font-family: "Englebert", cursive;
    letter-spacing: 2px;
}
.style10_btn_area a.btn_style_10 svg {
    width: 100%;
    height: 100%;
}
/* Btn-style-11 */
a.btn_style_11 {
    display: flex;
    border-radius: .25rem;
    text-transform: uppercase;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    background: linear-gradient(140.14deg, #ec540e 15.05%, #d6361f 114.99%);
    height: 50px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1.2px;
    transition: .2s .1s;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 100%);
    align-items: center;
    justify-content: center;
}
a.btn_style_11:hover {
    background: linear-gradient(45deg, #ec540e, #ec540e);
}
/*============================== 3-grid Pricing-Plan ==============================*/
/* 3-Grid Pricing-Style-1 */
div#grid3__pricing_1 .pricing_verient_1 {
    background-image: url(../images/pricing_bg_2.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 80px 0;
    position: relative;
    z-index: 0;
}
div#grid3__pricing_1 .pricing_verient_1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgb(0 100 0 / 40%);
    filter: opacity(0.75);
    z-index: -1;
}
.cleaning_truck {
    background-image: url(../images/truck.gif);
    background-size: cover;
    background-position: center;
    max-height: 100%;
    height: 288px;
    width: 100%;
    max-width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    margin: 20px 0;
}
div#grid3__pricing_1 .pricing_verient_1 .pricing_plan_area>.row {
    gap: 60px 0;
}
ul.row.pricing_style1_list li span {
    width: 30px;
    height: 30px;
}
ul.row.pricing_style1_list li span svg {
    width: 100%;
    height: 100%;
}
.pricing_card_style_1 {
    position: relative;
    z-index: 0;
    transition: all .5s ease;
    overflow: hidden;
    background-image: url(../images/download.png);
    background-size: cover;
    width: 100%;
    padding: 75px 0 40px;
    filter: drop-shadow(2px 4px 6px rgb(128 128 128 / 80%));
}
.pricing_card_upper {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
}
ul.row.pricing_style1_list {
    gap: 15px;
    padding: 28px 0;
}
ul.row.pricing_style1_list li,
.pricing_card_style_01 .pricing_card_bottom ul.row.pricing_style01_list li {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}
.pricing_card_bottom .heading_text_2 {
    display: flex;
    align-items: flex-end;
}
.pricing_card_style_01 {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 120px rgba(0, 0, 0, .1);
    padding: 20px;
    transition: 0.5s ease;
}
.pricing_card_style_01 .pricing_card_upper {
    padding: 30px 20px 20px;
    background: #ebf5e9;
    transition: 0.5s ease-out;
}
.pricing_card_style_01 .pricing_card_midd {
    padding: 20px;
    background: #ebf5e9;
    margin: 0;
    transition: 0.5s ease-out;
}
.pricing_card_style_01 .pricing_card_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0 20px 30px;
    background: #ebf5e9;
    transition: 0.5s ease-out;
}
.pricing_card_style_01 .pricing_card_bottom ul.row.pricing_style01_list {
    gap: 15px;
}
.pricing_card_style_01 .pricing_card_bottom ul.row.pricing_style01_list li {
    justify-content: start;
}
.price_tag {
    position: relative;
    z-index: 0;
}
.price_tag::before {
    content: "10%";
    position: absolute;
    width: 100px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    left: -20px;
    background-color: red;
    color: white;
    font-weight: 900;
    font-size: 2em;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    font-family: "Englebert", cursive;
    letter-spacing: 2px;
}
.price_tag_01::before {
    content: "40%";
}
.price_tag_1::before {
    content: "60%";
}
.pricingbtn_01 a.btn_style_1::before {
    width: 12em;
    transform: translateX(-11em);
}
.pricingbtn_01 a.btn_style_1::after {
    width: 12em;
    transform: translateX(11em);
}
.pricingbtn_01 a.btn_style_1:hover::before {
    transform: translateX(-1em);
}
.pricingbtn_01 a.btn_style_1:hover::after {
    transform: translateX(1em);
}
.pricing_card_style_01:hover,
.pricing_card_style_01.active_plan {
    background: #ebf5e9;
    transition: 0.5s ease-out;
}
.pricing_card_style_01:hover .pricing_card_upper,
.pricing_card_style_01.active_plan .pricing_card_upper,
.pricing_card_style_01:hover .pricing_card_midd,
.pricing_card_style_01.active_plan .pricing_card_midd,
.pricing_card_style_01:hover .pricing_card_bottom,
.pricing_card_style_01.active_plan .pricing_card_bottom {
    background: #fff;
}
/* 3-Grid Pricing-Style-2 */
div#grid3__pricing_2 .pricing_verient_1 {
    background-image: url(../images/pricing_bg_3.png);
    background-size: cover;
    padding: 100px 0;
    position: relative;
    z-index: 0;
}
div#grid3__pricing_2 .pricing_style_2 .pricing_upper_title h2.heading_text_3 {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: 0.2px;
    width: 600px;
}
div#grid3__pricing_2 .pricing_upper_title p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}
.pricing_area_inner>.row {
    gap: 40px 0;
}
.pricing_style_2_shap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    margin: -6px 15px;
    border-radius: 8px;
}
.pricing_style_2_shap.pricing_style_2_blue_shap {
    background: #637CED;
}
.pricing_style_2_shap.pricing_style_2_pink_shap {
    background: #EC539C;
}
.pricing_style_2_shap.pricing_style_2_green_shap {
    background: #5BC587;
}
.pricing_card_style_2 {
    border-radius: 8px;
    padding: 36px;
    background: #fff;
    position: relative;
    z-index: 0;
    border: 3px solid transparent;
    transition: border 0.5s ease;
}
.pricing_card_style_2.blue_line_box {
    border: 3px solid #637CED;
}
.pricing_card_style_2.pink_line_box:hover {
    border: 3px solid #ec539c;
}
.pricing_card_style_2.green_line_box:hover {
    border: 3px solid #5BC587;
}
.pricing_headtitle p {
    line-height: normal;
    font-weight: 700;
}
.pricing_img_info {
    display: flex;
    align-items: center;
    gap: 20px;
}
.pricing_img_info span {
    width: 60%;
}
.pricing_card_style_2 hr {
    width: 100%;
    height: 2px;
    opacity: 1;
    border: 0;
    background: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
    margin: 30px 0;
}
.pricing_card_style_2.pink_line_box hr {
    background: linear-gradient(144deg, #AF40FF, #5B42F3 20%, #ec539c);
}
.pricing_card_style_2.green_line_box hr {
    background: linear-gradient(144deg, #AF40FF, #5B42F3 20%, #5BC587);
}
.pricing_bottom h3.heading_text_2,
.pricing_style_02 .pricing_img_info h3.heading_text_2 {
    display: flex;
    color: #637CED;
    justify-content: center;
    align-items: flex-end;
}
.pricing_card_style_2.pink_line_box .pricing_bottom h3.heading_text_2 {
    color: #ec539c;
}
.pricing_card_style_2.green_line_box .pricing_bottom h3.heading_text_2 {
    color: #5BC587;
}
ul.row.pricing_style2_list {
    gap: 24px;
}
ul.row.pricing_style2_list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    line-height: normal;
}
.pricing_tag {
    position: absolute;
    top: -33px;
    right: 15px;
    width: 100px;
    height: 100px;
}
.pricing_style_02 .pricing_img_info {
    flex-direction: column;
}
.pricing_style_02 .pricing_card_style_2.blue_line_box {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pricing_style_02 .pricing_card_style_2.blue_line_box .row.pricing_bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 3-Grid Pricing-Style-3 */
.color_darkgray {
    color: #D9D9D9;
}
.bg_darkgray {
    background-color: #D9D9D9;
}
.color_red {
    color: #F45350;
}
.bg_red {
    background-color: #F45350;
}
div#grid3__pricing_3 .pricing_verient_1 {
    background: #101010;
    background: url(../images/pricing_bg_03.png);
    background-size: cover;
    background-position: bottom;
    padding: 100px 0;
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.pricing_card_style_3 {
    padding: 25px 20px;
    background-color: hsla(240, 15%, 9%, 1);
    background-image: radial-gradient(at 88% 40%, hsla(240, 15%, 9%, 1) 0px, transparent 85%), radial-gradient(at 49% 30%, hsla(240, 15%, 9%, 1) 0px, transparent 85%), radial-gradient(at 14% 26%, hsla(240, 15%, 9%, 1) 0px, transparent 85%), radial-gradient(at 0% 64%, hsla(263, 93%, 56%, 1) 0px, transparent 85%), radial-gradient(at 41% 94%, hsla(284, 100%, 84%, 1) 0px, transparent 85%), radial-gradient(at 100% 99%, hsla(306, 100%, 57%, 1) 0px, transparent 85%);
    border-radius: 1rem;
    box-shadow: 0px -16px 24px 0px rgba(255, 255, 255, 0.25) inset;
    z-index: 0;
    overflow: hidden;
}
.price_leady {
    position: absolute;
    bottom: 30px;
    right: 20px;
    filter: blur(1px) opacity(0.5) drop-shadow(2px 4px 6px black);
    z-index: -1;
    transition: ease;
}
.pricing_card_style_3:hover .price_leady,
.pricing_card_style_3.pricing_card_active_plan .price_leady {
    filter: blur(0px) opacity(0.5) drop-shadow(2px 4px 6px black);
}
.pricing_card_style_3 .pricing_upper p {
    padding: 10px 0 20px;
    line-height: 30px;
}
.pricing_card_style_3 .pricing_bottom ul.row.pricing_style3_list {
    gap: 30px;
    padding: 30px 0;
}
ul.row.pricing_style3_list li {
    display: flex;
    gap: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    font-style: italic;
}
.style_3_pricing_tag {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 1rem;
    border: 1px solid rgb(248 113 113);
    border-bottom: 4px solid rgb(248 113 113);
    color: rgb(248 113 113);
    background: rgb(69 10 10 / 80%);
}
.pricing_shap_style3 img {
    position: absolute;
    z-index: -1;
}
.pricing_shap_style3 img:nth-child(1) {
    bottom: -15%;
    left: -6%;
    width: 30%;
}
.pricing_shap_style3 img:nth-child(2) {
    top: -6%;
    right: -6%;
}
/* 3-Grid Pricing-Style-4 */
div#grid3__pricing_4 .pricing_verient_1,
div#grid3__pricing_04 .pricing_verient_2 {
    background-image: url(../images/pricing_bg_4.png);
    background-size: cover;
    background-position: top;
    padding: 100px 0;
    background-color: #000;
    position: relative;
    z-index: 0;
}
div#grid3__pricing_04 .pricing_verient_2 {
    background-image: url(../images/pricing_bg_04.png);
}
.pricing_style_4 .pricing_upper_title h2.heading_text_1 {
    color: #fff;
    background: linear-gradient(to right, rgb(255 255 255) 30%, #999999 100%);
    background: linear-gradient(to right, #9f9f9f 0, #fff 10%, #868686 20%);
    background-position: 0;
    animation: text_shine 2s infinite linear;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 48px;
    font-size: 50px;
    text-transform: uppercase;
}
.pricing_card_style_4 {
    position: relative;
    z-index: 0;
    background: #050505;
    overflow: hidden;
    border-radius: 32px 0 0;
    box-shadow: 0px 2px 10px 2px rgba(0, 255, 255, 0.7);
}
.pricing_card_style_4::after {
    content: '';
    background: linear-gradient(225deg, rgb(255 255 255 / 0%) 10%, rgb(255 255 255 / 50%) 2%, rgb(255 255 255 / 6%) 100%);
    filter: blur(40px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.pricing_card_style_4 .pricing_upper_area {
    position: relative;
    margin: 0;
    padding: 0;
    height: 340px;
}
.pricing_card_style_4 .pricing_upper_area .pricing_shap_detail_area {
    -webkit-transform: skew(0deg, -5deg);
    -moz-transform: skew(0deg, -5deg);
    -ms-transform: skew(0deg, -5deg);
    -o-transform: skew(0deg, -5deg);
    transform: skew(0deg, -5deg);
    margin-top: -16px;
    z-index: 5;
    position: relative;
    padding: 77px 35px 35px 35px;
    color: #ffffff;
    background: linear-gradient(180deg, rgb(43 255 255 / 0%) 0%, rgb(26 153 153 / 100%) 100%);
    font-size: 18px;
}
.pricing_card_style_4 .pricing_upper_area .pricing_shap_detail_area .pricing_shap_detail {
    webkit-transform: skew(0deg, 5deg);
    -moz-transform: skew(0deg, 5deg);
    -ms-transform: skew(0deg, 5deg);
    -o-transform: skew(0deg, 5deg);
    transform: skew(0deg, 5deg);
    line-height: 23px;
    margin-top: -27px;
    margin-bottom: 20px;
}
.price_currency {
    font-size: 47px;
    font-weight: 700;
    width: 104px;
    height: 104px;
    line-height: 92px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    color: #222;
    margin-bottom: 0px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    z-index: 6;
    position: relative;
    -webkit-transform: translate(33px, -37px);
    -moz-transform: translate(33px, -37px);
    -ms-transform: translate(33px, -37px);
    -o-transform: translate(33px, -37px);
    transform: translate(33px, -37px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.price_currency span {
    font-size: 40px;
    font-weight: 400;
    line-height: 83px;
    vertical-align: top;
    margin-left: 10px;
}
.pricing_card_style_4 .pricing_upper_area .price_currency::before {
    position: absolute;
    top: 8px;
    left: 8px;
    content: "";
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: #34a9a9;
    z-index: -1;
}
.pricing_card_style_4 .pricing_upper_area .price_currency::after {
    position: absolute;
    content: "";
    width: 87px;
    height: 87px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    top: 8px;
    left: 10px;
}
.pricing_card_style_4 .pricing_upper_area>h3.heading_text_5 {
    font-size: 20px;
    margin-bottom: 0;
    color: #fff;
    padding-left: 157px;
    padding-right: 10px;
    position: relative;
    top: -80px;
    display: flex;
    flex-direction: column;
    letter-spacing: 2px;
}
.pricing_bottom_area {
    padding: 0 20px 30px;
}
ul.row.pricing_style4_list {
    padding: 30px 0 0;
    gap: 20px;
}
.pricing_bottom_area h4 {
    letter-spacing: 2px;
}
ul.row.pricing_style4_list li {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 18px;
    line-height: 30px;
    color: rgb(255 255 255 / 80%);
    text-transform: uppercase;
}
ul.row.pricing_style4_list li svg {
    width: 24px;
    height: 24px;
}
.price_currency.price_currency_2::after {
    width: 84px !important;
    height: 84px !important;
    left: 10px !important;
    top: 10px !important;
}
.price_currency.price_currency_2 span,
.price_currency.price_currency_3 span {
    margin: 0;
}
.price_currency.price_currency_3::after {
    top: 9px !important;
    left: 7px !important;
}
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_1,
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_3 {
    padding: 0;
}
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_1 .pricing_card_style_4.pricing_card_style_04 {
    left: 15px;
}
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_2 .pricing_card_style_4.pricing_card_style_04 {
    z-index: 1;
}
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_3 .pricing_card_style_4.pricing_card_style_04 {
    right: 15px;
}
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area .pricing_card_style_04 {
    border-radius: 0;
}
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_3 .pricing_bottom_area h4,
div#grid3__pricing_04 .pricing_verient_2 .pricing_plan_area>.row>div.pricing_card_04_3 .pricing_bottom_area ul.row.pricing_style4_list {
    padding-left: 15px;
}
/* 3-Grid Pricing-Style-5 */
.color_lightmango {
    color: #fffaf3;
}
.bg_lightmango {
    background-color: #fffaf3;
}
.color_tomato {
    color: #cc0d39;
}
.bg_tomato {
    background-color: #cc0d39;
}
.pricing_style_5>div {
    padding-right: 15px;
}
.pricing_5_upper img {
    position: absolute;
    right: 0px;
    bottom: 30px;
    width: 160px;
    display: block;
}
.pricing_5_upper img.PlanSticker_2 {
    display: none;
}
.pricing_card_style_5 {
    padding: 20px;
    border: 2px solid #f3506e;
}
.pricing_card_style_5.style_card5__1 {
    border-start-start-radius: 30px;
}
.pricing_card_style_5.style_card5__3 {
    border-top-right-radius: 30px;
}
div#grid3__pricing_5 .pricing_verient_1 {
    background-color: #fffaf3;
}
.style_5upper_title {
    padding: 80px 60px 80px;
    background: linear-gradient(to right top, #f99796, #fa9e9f, #fba5a7, #fcacaf, #fdb3b7, #fdb6ba, #feb8bc, #febbbf, #febabe, #feb8bc, #fdb7bb, #fdb5b9);
    clip-path: polygon( 3.26% 7.281%,0.92% 1.669%,0.92% 1.669%,0.847% 1.435%,0.82% 1.199%,0.834% 0.968%,0.887% 0.748%,0.975% 0.545%,1.095% 0.365%,1.244% 0.214%,1.418% 0.099%,1.615% 0.026%,1.829% 0%,98.984% 0%,98.984% 0%,99.197% 0.025%,99.391% 0.098%,99.565% 0.211%,99.713% 0.359%,99.834% 0.537%,99.923% 0.737%,99.977% 0.955%,99.994% 1.184%,99.969% 1.418%,99.9% 1.652%,97.644% 7.291%,97.644% 7.291%,97.247% 8.42%,96.945% 9.576%,96.737% 10.752%,96.624% 11.94%,96.605% 13.133%,96.68% 14.323%,96.85% 15.502%,97.113% 16.663%,97.47% 17.799%,97.92% 18.9%,97.92% 18.9%,98.372% 20.007%,98.729% 21.147%,98.993% 22.313%,99.161% 23.497%,99.235% 24.692%,99.214% 25.89%,99.098% 27.083%,98.886% 28.263%,98.58% 29.422%,98.177% 30.554%,97.659% 31.835%,97.659% 31.835%,97.26% 32.959%,96.956% 34.11%,96.747% 35.282%,96.634% 36.466%,96.615% 37.655%,96.691% 38.841%,96.862% 40.016%,97.127% 41.172%,97.486% 42.302%,97.938% 43.398%,97.938% 43.398%,98.388% 44.485%,98.745% 45.606%,99.01% 46.752%,99.182% 47.917%,99.26% 49.093%,99.246% 50.273%,99.138% 51.448%,98.937% 52.611%,98.642% 53.756%,98.253% 54.873%,97.734% 56.184%,97.734% 56.184%,97.323% 57.365%,97.013% 58.574%,96.803% 59.804%,96.693% 61.046%,96.683% 62.292%,96.772% 63.534%,96.96% 64.763%,97.247% 65.972%,97.633% 67.152%,98.118% 68.295%,98.118% 68.295%,98.626% 69.503%,99.024% 70.75%,99.313% 72.027%,99.491% 73.325%,99.56% 74.633%,99.518% 75.944%,99.366% 77.246%,99.104% 78.531%,98.731% 79.788%,98.247% 81.009%,98.028% 81.496%,98.028% 81.496%,97.556% 82.673%,97.179% 83.883%,96.898% 85.121%,96.713% 86.377%,96.624% 87.645%,96.631% 88.918%,96.735% 90.187%,96.935% 91.445%,97.233% 92.684%,97.628% 93.898%,99.287% 98.378%,99.287% 98.378%,99.35% 98.61%,99.37% 98.842%,99.349% 99.067%,99.292% 99.281%,99.202% 99.477%,99.081% 99.65%,98.933% 99.795%,98.761% 99.905%,98.569% 99.975%,98.36% 100%,1.1% 100%,1.1% 100%,0.875% 99.972%,0.671% 99.892%,0.492% 99.767%,0.342% 99.604%,0.223% 99.412%,0.14% 99.195%,0.096% 98.963%,0.095% 98.722%,0.139% 98.479%,0.233% 98.241%,2.407% 94.019%,2.407% 94.019%,2.97% 92.789%,3.419% 91.512%,3.753% 90.199%,3.973% 88.861%,4.078% 87.507%,4.068% 86.147%,3.942% 84.793%,3.701% 83.453%,3.343% 82.138%,2.869% 80.859%,2.869% 80.859%,2.421% 79.662%,2.076% 78.433%,1.833% 77.18%,1.692% 75.911%,1.653% 74.635%,1.716% 73.36%,1.881% 72.095%,2.148% 70.848%,2.517% 69.629%,2.988% 68.444%,2.988% 68.444%,3.454% 67.272%,3.821% 66.067%,4.088% 64.835%,4.255% 63.585%,4.323% 62.325%,4.291% 61.063%,4.159% 59.807%,3.926% 58.566%,3.594% 57.347%,3.161% 56.158%,2.635% 54.886%,2.635% 54.886%,2.231% 53.769%,1.923% 52.624%,1.714% 51.458%,1.602% 50.28%,1.586% 49.097%,1.668% 47.917%,1.846% 46.75%,2.121% 45.602%,2.491% 44.482%,2.958% 43.398%,2.958% 43.398%,3.428% 42.306%,3.8% 41.176%,4.075% 40.019%,4.252% 38.841%,4.331% 37.652%,4.311% 36.459%,4.193% 35.272%,3.975% 34.098%,3.659% 32.946%,3.244% 31.824%,2.714% 30.564%,2.714% 30.564%,2.295% 29.434%,1.976% 28.274%,1.756% 27.092%,1.635% 25.896%,1.613% 24.695%,1.689% 23.497%,1.864% 22.31%,2.137% 21.143%,2.508% 20.003%,2.977% 18.9%,2.977% 18.9%,3.445% 17.802%,3.815% 16.667%,4.088% 15.505%,4.263% 14.323%,4.341% 13.13%,4.322% 11.934%,4.204% 10.742%,3.988% 9.564%,3.673% 8.407%,3.26% 7.281% );
    mask-size: auto;
    mask-repeat: no-repeat;
    mask-position: right;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-left: -25px;
}
.style_5upper_title .pricing_upper_title h2.heading_text_1 {
    margin-left: 60px;
}
div#grid3__pricing_5 .pricing_verient_1 .style_5upper_title ul.row {
    gap: 24px 0;
}
.ranting_star {
    display: flex;
    gap: 10px;
}
.ranting_star span {
    position: relative;
    z-index: 0;
    color: #cc0d39;
    margin: 10px 0;
}
.style_card5__1 span.star1,
.style_card5__1 span.star2,
.style_card5__2 span.star1,
.style_card5__2 span.star2,
.style_card5__2 span.star3,
.style_card05__1 span.star1,
.style_card05__1 span.star2,
.style_card05__2 span.star1,
.style_card05__2 span.star2,
.style_card05__2 span.star3,
.style_card05__3 .stars,
.style_card5__3 .stars {
    color: goldenrod;
}
.ranting_star span:before {
    content: '\2605';
    font-size: 40px;
}
.pricing_5_upper hr {
    margin: 15px 0px;
    border: 0;
    opacity: 1;
    height: 3px;
    background: #cc0d39;
}
ul.row.pricing_style5_list,
div#grid3__pricing_05 .pricing_verient_2 .container-fluid ul.row.pricing_style05_list {
    gap: 15px 0;
    margin: 20px 0px;
}
ul.row.pricing_style5_list li {
    padding: 0;
    display: flex;
    font-size: 18px;
    align-items: center;
    gap: 10px;
}
.pricing_5_upper .plan_currency span {
    font-size: 30px;
}
div#grid3__pricing_05 .pricing_style_5 .container-fluid {
    padding: 0 30px;
}
div#grid3__pricing_05 .pricing_style_5 .container-fluid>div>div>div {
    position: sticky;
    top: 60px;
}
.pricing_card_style_05 {
    padding: 40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
    background: #fffaf3;
    clip-path: polygon(3.192% 7.281%, 0.851% 1.669%, 0.851% 1.669%, 0.778% 1.435%, 0.75% 1.199%, 0.765% 0.968%, 0.818% 0.748%, 0.906% 0.545%, 1.026% 0.365%, 1.175% 0.214%, 1.35% 0.099%, 1.546% 0.026%, 1.761% 0%, 98.983% 0%, 98.983% 0%, 99.196% 0.025%, 99.391% 0.098%, 99.564% 0.211%, 99.713% 0.359%, 99.833% 0.537%, 99.923% 0.737%, 99.977% 0.955%, 99.994% 1.184%, 99.969% 1.418%, 99.9% 1.652%, 97.643% 7.291%, 97.643% 7.291%, 97.245% 8.42%, 96.943% 9.576%, 96.735% 10.752%, 96.621% 11.94%, 96.603% 13.133%, 96.678% 14.323%, 96.847% 15.502%, 97.111% 16.663%, 97.468% 17.799%, 97.918% 18.9%, 97.918% 18.9%, 98.371% 20.007%, 98.728% 21.147%, 98.992% 22.313%, 99.161% 23.497%, 99.235% 24.692%, 99.214% 25.89%, 99.097% 27.083%, 98.886% 28.263%, 98.579% 29.422%, 98.176% 30.554%, 97.658% 31.835%, 97.658% 31.835%, 97.258% 32.959%, 96.954% 34.11%, 96.745% 35.282%, 96.632% 36.466%, 96.613% 37.655%, 96.689% 38.841%, 96.86% 40.016%, 97.125% 41.172%, 97.484% 42.302%, 97.937% 43.398%, 97.937% 43.398%, 98.387% 44.485%, 98.744% 45.606%, 99.009% 46.752%, 99.181% 47.917%, 99.26% 49.093%, 99.245% 50.273%, 99.138% 51.448%, 98.936% 52.611%, 98.641% 53.756%, 98.252% 54.873%, 97.732% 56.184%, 97.732% 56.184%, 97.321% 57.365%, 97.011% 58.574%, 96.801% 59.804%, 96.69% 61.046%, 96.68% 62.292%, 96.769% 63.534%, 96.958% 64.763%, 97.245% 65.972%, 97.632% 67.152%, 98.116% 68.295%, 98.116% 68.295%, 98.625% 69.503%, 99.024% 70.75%, 99.312% 72.027%, 99.491% 73.325%, 99.56% 74.633%, 99.518% 75.944%, 99.366% 77.246%, 99.103% 78.531%, 98.73% 79.788%, 98.246% 81.009%, 98.027% 81.496%, 98.027% 81.496%, 97.555% 82.673%, 97.177% 83.883%, 96.896% 85.121%, 96.711% 86.377%, 96.621% 87.645%, 96.628% 88.918%, 96.732% 90.187%, 96.933% 91.445%, 97.231% 92.684%, 97.626% 93.898%, 99.287% 98.378%, 99.287% 98.378%, 99.35% 98.61%, 99.369% 98.842%, 99.349% 99.067%, 99.292% 99.281%, 99.201% 99.477%, 99.08% 99.65%, 98.932% 99.795%, 98.76% 99.905%, 98.568% 99.975%, 98.358% 100%, 1.031% 100%, 1.031% 100%, 0.806% 99.972%, 0.602% 99.892%, 0.423% 99.767%, 0.272% 99.604%, 0.154% 99.412%, 0.071% 99.195%, 0.026% 98.963%, 0.025% 98.722%, 0.069% 98.479%, 0.163% 98.241%, 2.338% 94.019%, 2.338% 94.019%, 2.902% 92.789%, 3.351% 91.512%, 3.686% 90.199%, 3.906% 88.861%, 4.011% 87.507%, 4.001% 86.147%, 3.875% 84.793%, 3.634% 83.453%, 3.275% 82.138%, 2.801% 80.859%, 2.801% 80.859%, 2.353% 79.662%, 2.008% 78.433%, 1.764% 77.18%, 1.623% 75.911%, 1.584% 74.635%, 1.647% 73.36%, 1.813% 72.095%, 2.08% 70.848%, 2.449% 69.629%, 2.92% 68.444%, 2.92% 68.444%, 3.386% 67.272%, 3.753% 66.067%, 4.021% 64.835%, 4.189% 63.585%, 4.256% 62.325%, 4.224% 61.063%, 4.092% 59.807%, 3.859% 58.566%, 3.526% 57.347%, 3.093% 56.158%, 2.567% 54.886%, 2.567% 54.886%, 2.162% 53.769%, 1.855% 52.624%, 1.645% 51.458%, 1.533% 50.28%, 1.518% 49.097%, 1.599% 47.917%, 1.778% 46.75%, 2.052% 45.602%, 2.423% 44.482%, 2.89% 43.398%, 2.89% 43.398%, 3.36% 42.306%, 3.733% 41.176%, 4.008% 40.019%, 4.185% 38.841%, 4.264% 37.652%, 4.244% 36.459%, 4.126% 35.272%, 3.908% 34.098%, 3.592% 32.946%, 3.176% 31.824%, 2.646% 30.564%, 2.646% 30.564%, 2.227% 29.434%, 1.907% 28.274%, 1.687% 27.092%, 1.566% 25.896%, 1.544% 24.695%, 1.621% 23.497%, 1.796% 22.31%, 2.069% 21.143%, 2.44% 20.003%, 2.91% 18.9%, 2.91% 18.9%, 3.377% 17.802%, 3.748% 16.667%, 4.021% 15.505%, 4.197% 14.323%, 4.275% 13.13%, 4.255% 11.934%, 4.137% 10.742%, 3.921% 9.564%, 3.606% 8.407%, 3.192% 7.281%);
}
div#grid3__pricing_05 .pricing_style_5 {
    background: linear-gradient(to right top, #f99796, #fa9e9f, #fba5a7, #fcacaf, #fdb3b7, #fdb6ba, #feb8bc, #febbbf, #febabe, #feb8bc, #fdb7bb, #fdb5b9);
}
.pricing_card_style_05_right {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
    gap: 20px;
    position: relative;
}
.style_05_right_btn {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 15px;
    justify-content: center;
}
div#grid3__pricing_05 .pricing_plan_05_area>.row {
    gap: 40px 0;
}
.pricing_card_style_05_right img {
    position: absolute;
    top: -10%;
    right: 15px;
    width: 170px;
}
.pricing_05_active>img {
    display: none;
}
/* 3-Grid Pricing-Style-6 */
.color_red_1 {
    color: #EF233C;
}
.bg_red_1 {
    background-color: #EF233C;
}
.color_green {
    color: #5BC587;
}
.bg_green {
    background-color: #5BC587;
}
.color_smoothwhite {
    color: #F5F6F7;
}
.bg_smoothwhite {
    background-color: #F5F6F7;
}
div#grid3__pricing_6 .pricing_verient_1 {
    background: linear-gradient(to right, #fae3e5, #fae7e3, #f8ece3, #f6f0e7, #f4f4ec);
}
h2.heading_text_2>span.title_text_animi {
    position: relative;
    display: inline-block;
    -webkit-text-stroke: 1.5px #4E2D92;
    -webkit-text-fill-color: transparent;
}
h2.heading_text_2>span.title_text_animi::after {
    content: attr(data-text);
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    white-space: pre;
    width: 0%;
    will-change: width;
    -webkit-text-stroke: rgba(255, 255, 255, 0);
    background: #4E2D92;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: text_animi_grow 7s cubic-bezier(0.86, 0, 0.07, 1) 2.15s infinite alternate both;
}
.pricing_card_style_6 {
    background: #F5F6F7;
    margin: 80px 0 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 10px 30px 40px;
    transition: all 0.5s linear;
}
.pricing_card_style_6:hover,
.pricing_card_style_6.pricing6_active {
    background: #000;
    transition: all 0.5s linear;
}
.pricing_card_style_6>.pricing_6_shapupper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    overflow: hidden;
    transform: translateY(-100%);
}
.pricing_6_priceing {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
    padding: 15px;
    color: #fff;
    background: #4E2D92;
    border-radius: 30px 0% 0% 30px;
}
.pricing_upper_area_6 {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.pricing_upper_area_6>h3,
.pricing_upper_area_6>h3 {
    font-size: 30px;
    letter-spacing: 2px;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px #000;
    -webkit-text-fill-color: transparent;
    height: 30px;
    margin: 5px 0;
    transition: all 0.5s linear;
}
.pricing_card_style_6:hover .pricing_upper_area_6>h3,
.pricing_card_style_6.pricing6_active .pricing_upper_area_6>h3 {
    -webkit-text-stroke: 2px #fff;
    transition: all 0.5s linear;
}
.pricing_card_style_6:hover p,
.pricing_card_style_6.pricing6_active p {
    color: #fff;
}
.pricing_upper_area_6 img {
    width: 250px;
    height: 250px;
    transition: all linear;
    margin: 0 auto;
}
.pricing_card_style_6:hover .pricing_upper_area_6 img {
    transition: all linear;
    animation: pricing_6_moveimg 2s linear infinite alternate;
}
.pricing_card_style_6.pricing6_active .pricing_upper_area_6 img {
    transition: all linear;
    animation: pricing_6_moveimg 2s linear infinite alternate;
}
.pricing_upper_area_6 p {
    font-size: 20px;
    line-height: 28px;
}
.pricing_bottom_area_6 hr {
    opacity: 1;
    border: 0;
    margin: 30px 0px;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #4e2d92, #652b95, #7b2896, #8f2496, #a31e95);
}
ul.row.pricing_style6_list {
    gap: 2px;
}
ul.row.pricing_style6_list li {
    display: flex;
    gap: 5px;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    transition: all 0.5s linear;
}
.pricing_card_style_6:hover ul.row.pricing_style6_list li.color_darkblack {
    transition: all 0.5s linear;
    color: #F5F6F7;
}
.pricing_card_style_6>.pricing_6_shapupper svg {
    width: 100%;
    height: auto;
}
.pricing_card_style_6 .pricing_6_shapupper svg path {
    transition: all 0.5s linear;
}
.pricing_card_style_6:hover .pricing_6_shapupper svg path,
.pricing_card_style_6.pricing6_active>.pricing_6_shapupper svg path {
    fill: #000;
    transition: all 0.5s linear;
}
.pricing_card_style_6.pricing6_active .popular_lable img {
    position: absolute;
    top: -14%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 110px;
    height: 110px;
    animation: poprual_lable1 10s infinite linear;
}
.popular_lable span {
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    color: #fff;
    font-size: 14px;
}
/* 3-Grid Pricing-Style-7 */
.upper_price7_layer {
    background-image: url(../images/price7_pattern.png);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0px;
    height: 183px;
    background-repeat: repeat-x;
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 425px;
    margin: 40px auto;
    line-height: 70px;
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_1,
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_3,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 span.upper_text_1,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 span.upper_text_3 {
    transform: translateX(-15%);
    font-size: 75px;
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_2,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 span.upper_text_2 {
    text-align: center;
    font-size: 80px;
    line-height: 75px;
    -webkit-background-clip: text;
    -webkit-text-stroke: 1.5px #000;
    -webkit-text-fill-color: transparent;
    transform: translateX(18px);
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_3,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 span.upper_text_3 {
    transform: translateX(19%);
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 img {
    position: absolute;
    left: 15px;
    right: 0;
    margin: 0 auto;
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img.shap_2,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 img.shap_2 {
    margin: 0;
    top: 21%;
    left: 58%;
    right: unset;
    transform: translate(-50%, -50%);
    animation: roted_star 2s infinite linear alternate;
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img.shap_3,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 img.shap_3 {
    margin: 0;
    bottom: 16px;
    left: 44%;
    right: unset;
    transform: translate(-50%, -50%);
    animation: roted_star 2s infinite linear alternate;
}
div#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img.shap_3,
div#grid3__pricing_07 .pricing_upper_title h2.heading_text_2 img.shap_3 {
    bottom: 3%;
    left: 45%;
    animation: roted_star 2s infinite 2s linear alternate;
}
.pricing_card_style_7 {
    background: #FAFE28;
    border-radius: 9999px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    filter: drop-shadow(0px 30px 30px rgba(0, 0, 0, 0.1));
}
.pricing_card_style_7.pricingcard_2 {
    background: lightgray;
}
.pricing_card_style_7.pricingcard_3 {
    background: #F7C212;
}
.pricing_card_style_7::after {
    content: '';
    background-image: url(../images/pricing7_bg_img_1.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}
.pricing_card_style_7.pricingcard_2::after {
    background-image: url(../images/pricing7_bg_img_2.png);
    background-position: top right;
}
.pricing_card_style_7.pricingcard_3::after {
    background-image: url(../images/pricing7_bg_img_3.png);
    background-position: top;
}
.pricing_card_upperbody {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 50px 40px 0;
}
.pricing_card_bottombody {
    position: relative;
    width: 100%;
    height: 330px;
}
.pricing_card_bottom_image {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.pricing_card_bottom_image>img {
    width: max-content;
    height: -webkit-fill-available;
}
.pricing_card_style_7.pricingcard_2 .pricing_card_bottom_image>img {
    filter: opacity(0.6);
}
.pricing_card_style_7.pricingcard_3 .pricing_card_bottom_image>img {
    width: 80%;
    height: 100%;
    object-position: top;
}
.pricing_card_bottombody span {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(-5px, 50px);
}
.pricing_card_bottombody span svg {
    width: 350px;
    height: 100%;
}
.pricing_card_bottombody span svg path {
    stroke-width: 1;
    stroke: #000;
    animation: stroke 5s infinite alternate;
}
.pricing_card_style_07 {
    border-radius: 0;
}
/* 3-Grid Pricing-Style-8 */
.unselect_services_1 {
    text-decoration-line: line-through;
    text-decoration-color: red;
}
.color_lightpurpal {
    color: #7B68EE;
}
div#grid3__pricing_8 .pricing_style_8 {
    position: relative;
    z-index: 0;
}
div#grid3__pricing_8 .pricing_style_8>img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
div#grid3__pricing_8 .pricing_verient_1 .pricing_upper_title p.heading_text_4 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    letter-spacing: 2px;
}
div#grid3__pricing_8 .pricing_verient_1 .pricing_upper_title p.heading_text_4 img {
    height: 24px;
}
.pricing_card_style_8 .pricing_upper_title {
    background: #eef2ff;
    border-radius: 20px;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}
.row.pricing_8_area {
    background: #fff;
    border: 1.5px solid #E6E6E6;
    border: 1.5px solid #cbc8fa;
    border-radius: 20px;
    overflow: hidden;
}
.row.pricing_8_area>div {
    padding: 30px;
}
.row.pricing_8_area>div.pricing_style_8_active {
    border: 2px solid #cbc8fa;
    border-top: 0;
    border-bottom: 0;
}
.pricing_card_style_8 .pricing_upper_title img {
    height: 20px;
}
.pricing8_tag {
    display: flex;
    gap: 10px;
}
.row.pricing_8_area>div>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0.1;
    transition: all 0.5s ease;
}
.row.pricing_8_area>div.pricing_style_8_active>img {
    transform: rotateY(180deg);
    opacity: 0.2;
}
.pricing_card_style_8 {
    position: relative;
    z-index: 1;
}
ul.row.pricing8_list {
    margin: 30px 0px;
    gap: 15px;
}
ul.row.pricing8_list li {
    padding: 0;
    font-size: 20px;
    line-height: 24px;
}
.pricing8_top>span {
    position: absolute;
    right: 0;
    top: 0;
    background: #eef2ff;
    border-radius: 20px;
    padding: 10px 20px 10px 30px;
    overflow: hidden;
    font-weight: 700;
    color: forestgreen;
}
.pricing8_top>span::before {
    content: '';
    position: absolute;
    top: 14px;
    left: 14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: forestgreen;
    box-shadow: 0 0 0 0 forestgreen;
    animation: plan_active_mode 2s linear infinite;
}
.row.pricing_8_area .thumbimg {
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 2;
}
.row.pricing_8_area .thumbimg svg {
    width: 70px;
    height: 70px;
}
.row.pricing_8_area>div:hover .thumbimg svg path,
.row.pricing_8_area>div:hover .thumbimg svg path {
    fill: #000;
}
.row.pricing_8_area>div:hover>img {
    opacity: 0.2;
}
/* 3-Grid Pricing-Style-9 */
div#grid3__pricing_9 .pricing_verient_1 {
    background-image: url(../images/bg_9.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    padding: 100px 0;
    position: relative;
    z-index: 0;
}
.pricing_style_9 .pricing_upper_title h1.heading_text_1 span {
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    background: linear-gradient(45deg, #f09433 6%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: animation_text_9 10s infinite linear;
}
.pricing9_upper {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
}
.pricing_card_style_9 {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    position: relative;
    border: 2px solid transparent;
}
.pricing_card_style_9::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -8px;
    border-radius: inherit;
    background: linear-gradient(to left, #b9dbfc, #66b0fb);
}
.pricing_card_style_9.pricing_style_9_2::after {
    background: linear-gradient(to left, #FF874F, #EC5E95);
}
.pricing_card_style_9.pricing_style_9_3::after {
    background: linear-gradient(to left, #9bdacb, #58c1a8);
}
.style9_area_img {
    height: 220px;
    overflow: hidden;
}
ul.row.pricing9_list {
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}
ul.row.pricing9_list li {
    display: flex;
    gap: 15px;
    font-size: 20px;
    line-height: 24px;
}
/* 3-Grid Pricing-Style-10 */
.color_mahendi {
    color: #0f4a2d;
}
.bg_mahendi {
    background-color: #0f4a2d;
}
div#grid3__pricing_10 .pricing_verient_1 .pricingshap_10 img {
    position: absolute;
    top: -20%;
    left: 0;
    z-index: -1;
}
div#grid3__pricing_10 .pricing_verient_1 .pricingshap_10 img:nth-child(2) {
    right: 0;
    bottom: -20%;
    left: auto;
    top: auto;
    transform: rotate(180deg);
}
div#grid3__pricing_10 .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
}
div#grid3__pricing_10 .pricing_plan_area>.row>div {
    padding: 0 30px;
}
.pricing_card_style_10 {
    background: #0f4a2d;
    padding: 15px 30px;
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.pricing_card_style_10.pricing_style_10_2 {
    background: linear-gradient(140deg, #F87537, #FBA81F);
}
.pricing_detail_shap {
    position: relative;
}
.pricing_detail_shap>.row {
    justify-content: end;
}
.pricing_detail_shap>.row>div:nth-child(1) {
    position: absolute;
    left: -75px;
    top: 0;
}
.price10_tag {
    position: absolute;
    top: 45%;
    left: 45%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 5px;
}
.price10_tag {
    position: absolute;
    top: 45%;
    left: 58%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 5px;
    align-items: flex-end;
    font-family: "Englebert", cursive;
    letter-spacing: 2px;
}
.price10_tag span:nth-child(1) {
    font-size: 48px;
    line-height: 80px;
    font-weight: 700;
    color: #000;
}
.pricing10_upper h2 {
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
}
.price10_tag span:nth-child(2) {
    font-size: 18px;
    color: #000;
}
.pricing_card_style_10.pricing_style_10_2 .price10_tag span,
.pricing_card_style_10.pricing_style_10_2 .style10_btn_area a.btn_style_10,
.pricing_card_style_10.pricing_style_10_2 .style10_btn_area a.btn_style_10 span {
    color: #fff;
}
ul.row.pricing10_list li {
    display: flex;
    gap: 10px;
    font-size: 18px;
    line-height: 24px;
}
ul.row.pricing10_list {
    gap: 20px;
}
.pricing_10_bottom {
    padding: 100px 0px 0;
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
/* 3-Grid Pricing-Style-11 */
.filter_blur__3 {
    filter: blur(3px);
}
.pricing11_upper svg {
    height: 64px;
}
.pricing11_mid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    border-top: 2px solid #E1E2E5;
    margin-top: 40px;
    padding-top: 30px;
}
.pricing_card_style_11.pricing_style_11_1 .pricing11_mid {
    margin: 40px 20px 0 0px;
}
.pricing_card_style_11.pricing_style_11_3 .pricing11_mid {
    margin: 40px 0 0 20px;
}
.pricing_card_style_11.pricing_style_11_2 .pricing_tags11 {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 20px;
    background: #f0f1f5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    border-radius: 0 0 15px 15px;
}
.pricing_card_style_11 {
    padding: 50px 20px 70px;
    background: #F0F1F5;
    position: relative;
    z-index: 1;
}
.pricing_card_style_11.pricing_style_11_1 {
    left: 30px;
    padding: 30px 0 30px 20px;
    margin-top: 20px;
}
.pricing_card_style_11.pricing_style_11_2 {
    background: #fff;
    overflow: hidden;
}
.pricing_card_style_11.pricing_style_11_3 {
    right: 30px;
    padding: 30px 20px 30px 0px;
    margin-top: 20px;
}
.pricing_card_style_11.pricing_style_11_1 .pricing11_upper,
.pricing_card_style_11.pricing_style_11_1 .pricing11_bottom {
    padding-right: 20px;
}
.pricing_card_style_11.pricing_style_11_3 .pricing11_upper,
.pricing_card_style_11.pricing_style_11_3 .pricing11_bottom {
    padding-left: 20px;
}
.pricing11_upper h2.heading_text_2 {
    display: flex;
    gap: 5px;
}
.pricing11_upper h2.heading_text_2 span.heading_text_4 {
    align-self: end;
}
.pricing11_upper h2.heading_text_2 span.heading_text_5 {
    font-size: 26px;
    margin-top: 8px;
}
ul.row.pricing11_list {
    gap: 20px;
    margin-top: 20px;
}
ul.row.pricing11_list li {
    font-size: 20px;
    line-height: 24px;
}
.pricing_card_style_11 hr {
    border: 0;
    height: 2px;
    width: 100%;
    opacity: 1;
    background: #E1E2E5;
    margin: 40px 0px;
}
.pricing_card_style_11.pricing_style_11_2 hr {
    background: #fff;
}
/* 3-Grid Pricing-Style-12 */
.horse_red {
    color: #EB0029;
}
div#grid3__pricing_12 .pricing_verient_1 .pricing_plan_area>.row {
    gap: 60px;
}
.pricing12_left .pricing12_img_info>span {
    display: block;
    width: 150px;
    height: 150px;
}
.pricing12_left .pricing12_img_info span svg {
    width: 100%;
    height: 100%;
}
.pricing_cardshap_1 {
    position: absolute;
    height: 230px;
    width: 340px;
    background: #fdf5eb;
    right: -130px;
    top: -150px;
    transform: rotate(-45deg);
    z-index: -1;
}
.pricing_cardshap_2 {
    height: 195px;
    width: 195px;
    position: absolute;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    left: -40px;
    top: 0;
    background: #e9a537;
    z-index: -1;
}
.pricing_card_style_12 {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #f9e6c6;
    display: grid;
    grid-template-columns: 200px 1fr 240px;
    padding: 40px 20px;
    gap: 20px;
    clip-path: polygon(0% 6%, 4% 6%, 4% 0%, 96% 0%, 96% 6%, 100% 6%, 100% 94%, 96% 94%, 96% 100%, 4% 100%, 4% 94%, 0% 94%);
}
.pricing12_left .pricing12_img_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.pricing12_left .pricing12_img_info h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
ul.row.pricing12_list {
    gap: 30px 0;
    margin-top: 30px;
    margin-bottom: 20px;
}
ul.row.pricing12_list li {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    font-size: 24px;
    line-height: 30px;
}
.pricing12_right ul.row {
    gap: 20px 0;
}
.pricing12_right ul.row li {
    font-size: 18px;
    line-height: 24px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.pricing12_right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
a.btn_style_12 {
    display: flex;
    width: 100%;
    padding: 20px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    background: #eb0029;
    clip-path: polygon(0% 25%, 10% 25%, 10% 0%, 90% 0%, 90% 25%, 100% 25%, 100% 75%, 90% 75%, 90% 100%, 10% 100%, 10% 75%, 0% 75%);
    position: relative;
    z-index: 0;
    overflow: hidden;
}
a.btn_style_12::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0px 0 0 #000;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.5s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
}
a.btn_style_12:hover::after {
    box-shadow: inset 0 0px 24px 24px #000;
}
.pricing_card_style_12:hover .pricing12_left .pricing12_img_info span svg path.horsecolor-change {
    fill: #181818;
    stroke: #181818;
}
.pricing_card_style_012 {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #f9e6c6;
    padding: 30px 20px;
}
.pricing_card_style_012 .pricing12_img_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}
.pricing_card_style_012 .pricing12_center {
    margin: 30px 0;
}
.pricing_card_style_012 .pricing12_center ul.row.pricing12_list {
    gap: 20px 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.pricing_card_style_012 .pricing12_right ul.row li {
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
}
.pricing_card_style_012 .pricing12_right ul.row li svg {
    width: 18px;
}
.pricing_card_style_012 .pricing_cardshap_1 {
    bottom: -35px;
    top: auto;
    transform: rotate(45deg);
    height: 430px;
}
.pricing_card_style_012>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.2;
    clip-path: polygon(0 0, 0 0, -50px 100%, 0 100%);
    transition: 0.5s ease;
}
.pricing_card_style_012:hover>img {
    clip-path: polygon(0 0, calc(100% + 50px) 0, 100% 100%, 0 100%);
}
.pricing_card_style_012.pricing_style_012_2>img {
    clip-path: polygon(0 0, calc(100% + 50px) 0, 100% 100%, 0 100%);
}
.pricing_card_style_12 .pricing12_left>.pricing12_right,
.pricing12_outerbtn {
    display: none;
}
/* ============================== Scroll-Btn ============================== */
button.scrollbtn {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 48px;
    width: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    z-index: 2;
    overflow: hidden;
    opacity: 0;
    transform: translateY(100px);
    transition: all .5s ease;
    animation: scrolltop 2s infinite;
}
button.scrollbtn.showBtn {
    opacity: 1;
    transform: translateY(0);
}