/* 
***************************************
Template Name: ATHECH - AI Content Generator HTML Template.
更多下载：Http://www.bootstrapmb.com
Version: 1.0
Description: Presenting ATECH HTML templates, where the future of creating visual content has arrived—AI-enhanced graphic picture generation. This cutting-edge website template allows web techies, professionals, aspiring graphic designers, and creatives to fully utilize artificial intelligence. Because of its user-friendly interface and user-centric design, both beginners and experts may easily generate customized graphic pictures. With a plethora of customization choices, you can fine-tune every aspect of your visuals and have an endless canvas for your creativity. The template's messy canvas workspace, which is responsive on all displays, has a number of tools for editing, adding effects, and drawing. Your visual masterpieces can be easily accessed, organized, and edited with a dedicated gallery section. 

ATECH offers more than 19 legitimate HTML5 page template designs and several home page layout types. Features of the ATECH template are coded in HTML5, CSS3, Bootstrap v5, and an infinite number of color schemes. It is search engine friendly and works with every current browser. Show off your creations and offerings with this fantastic template.

ATECH Template has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 1
03. HOME PAGE 2
04. HOME PAGE 3
05. ABOUT PAGE
06. SERVICE PAGE
07. FAQ PAGE
08. PRICE PAGE
09. PAYMENT PAGE
10. CONTACT PAGE 
11. FAQ PAGE
12. CONTACT PAGE 
13. PORTFOLIO PAGE
14. BLOG PAGE 
14. BLOG DETAILS PAGE
15. LOGIN PAGE
16.  PRIVACY POLICY PAGE
17. ERRORE 

/*================================
    GLOBAL CSS START
================================*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;500;600;700&family=Roboto:wght@400;500;700;900&display=swap');
*/
* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: var(--colorWhite);
    font-family: var(--headingFont);
    line-height: 1.2;
    font-weight: 600;
}

p,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--paraFont);
}

input,
textarea {
    width: 100%;
    padding: 14px 22px;
    outline: none;
    resize: none;
    color: var(--colorDark100);
    font-size: 15px;
    font-weight: 400;
    border: none;
    background: transparent;
}

input::placeholder,
textarea::placeholder {
    color: var(--colorDark100);
}

button {
    border: none;
    background-color: transparent;
}

img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

:root {
    --colorWhite: #ffffff;
    --colorBlack: #000000;
    --colorGray: #222325;
    --colorGrayblack: #151515;
    --colorYellow: #EEBE42;
    --colorBlue: #324DF6;
    --boxShadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    --blueGradient: linear-gradient(50deg, #324DF6 7.14%, #324DF6 7.15%, #667DFA 91.6%);
    --redGradient: linear-gradient(90deg, #EF1F83 3.14%, #9D42EE 98.78%);
    --yellowGradient: linear-gradient(122deg, #FFE000 0.5%, #BDFF00 51.22%);
    --paraFont: 'Roboto', sans-serif;
    --headingFont: 'Montserrat Alternates', sans-serif;
}

@keyframes zoom_animi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.btn_primary {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    border-radius: 30px;
    padding: 13px 37px;
    background: var(--blueGradient);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.btn_primary:hover {
    background: var(--redGradient);
}

.btn_primary i {
    position: relative;
    top: 2px;
    font-size: 15px;
    margin-left: 6px;
}

.btn_secondary {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    border-radius: 30px;
    padding: 13px 37px;
    background-color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.btn_secondary:hover {
    color: var(--colorWhite);
    background: var(--blueGradient);
}

.btn_price {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    padding: 12px 47px;
    background-color: #0F172A;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.btn_price i {
    padding-left: 2px;
}

.btn_price:hover {
    color: var(--colorWhite);
    background: var(--blueGradient);
}

.video_btn {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorBlack);
    background: var(--yellowGradient);
    border-radius: 100px;
    transition: all linear .3s;
}

.video_btn:hover {
    color: var(--colorWhite);
    background: var(--blueGradient);
}

.sec_title h2 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}

.sec_title h2 span {
    background: var(--redGradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slick-slide {
    margin: 0 15px;
}


.container_large {
    max-width: 1600px;
}

/* breadcrumb start */

.breadcrumbs {
    padding-top: 80px;
    padding-bottom: 20px;
    background: #05092B;
}

.bredcrumbs_bg {
    padding-top: 85px;
    padding-bottom: 98px;
    max-width: 1800px;
    background: url(../images/bredcrumbs_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.breadcrumb_text {
    text-align: center;
}

.breadcrumb_text h1 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.breadcrumb_text ul li {
    color: #FFE000 !important;
    text-transform: capitalize;
}

.breadcrumb_text ul li,
.breadcrumb_text ul li a {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    position: relative;
    text-transform: capitalize;
}

.breadcrumb_text ul li a {
    padding-right: 20px;
    margin-right: 13px;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: 10px;
    right: 0;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.breadcrumb_text ul li a i {
    margin-right: 10px;
}

/* breadcrumb end */

.scroll_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    color: var(--colorWhite);
    text-transform: capitalize;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: var(--redGradient);
    border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.scroll_btn:hover {
    background: var(--blueGradient);
}

/*================================
    GLOBAL CSS END
================================*/


/*================================
    HOME PAGE 1 START
================================*/

/* menu start */
.main_menu {
    position: fixed;
    top: 30px;
    width: 100%;
    height: 80px;
    padding: 0;
    z-index: 999;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .container {
    background: #333535;
    border-radius: 100px;
    height: 100%;
    padding: 0px 20px;
}

.main_menu .navbar-brand {
    padding: 0;
    margin: 0;
    width: 160px;
}

.main_menu .navbar-nav {
    line-height: 80px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    font-weight: 500;
    color: var(--colorWhite);
    margin: 0px 20px;
    padding: 0;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link span {
    background: var(--blueGradient);
    border-radius: 4px;
    padding: 3px 9px;
    margin-left: 3px;
}

.main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background: var(--blueGradient);
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.main_menu .navbar-nav .nav-item:hover .nav-link::after,
.main_menu .navbar-nav .nav-item .nav-link.active::after {
    opacity: 1;
    width: 100%;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    font-size: 15px;
    padding-left: 5px;
}

.main_menu .droap_menu {
    position: absolute;
    width: 250px;
    max-height: 500px;
    top: 120%;
    left: 0;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    overflow: hidden;
    overflow-y: auto;
    line-height: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    z-index: 99;
}

.droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--colorWhite);
    width: 6px;
}

.main_menu .droap_menu::-webkit-scrollbar-thumb {
    background: #ddd;
}

.main_menu .droap_menu li a {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    color: var(--colorBlack);
    position: relative;
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .droap_menu li:last-child a {
    border-bottom: 0;
}

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
    color: var(--colorBlue);
    padding-left: 25px;
}

.main_menu .navbar-nav .nav-item:hover .droap_menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main_menu.menu_fix {
    top: 0 !important;
}

.main_menu .menu_right {
    gap: 20px;
}

.menu_right .user_icon {
    color: var(--colorWhite);
    font-size: 15px;
    transition: all linear .3s;
    font-weight: 600;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_right .user_icon i {
    padding-right: 7px;
}

.main_menu .menu_right .btn_primary {
    box-shadow: 0px 4px 20px 0px rgba(50, 77, 246, 0.60);
}

.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--colorBlue);
    color: var(--colorWhite);
    padding: 0;
    box-shadow: none !important;
    margin-right: 25px
}

.navbar-toggler.show {
    background: var(--redGradient);
}

.navbar-toggler .close_icon_close {
    display: none;
}

.navbar-toggler.show .close_icon_close {
    display: inline-block;
}

.navbar-toggler.show .menu_icon_bar {
    display: none;
}

/* menu end */


/* Banner start */
.banner_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 260px 0px 160px 0px;
}

.banner_content h1,
.banner_content h1 span {
    text-align: center;
    font-size: 80px;
    font-weight: 600;
}

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

.banner_content h1 span::after {
    position: absolute;
    content: "";
    background: url(../images/banner-title-vactor.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 430px;
    height: 40px;
    border-radius: 50%;
    bottom: -15px;
    left: -10px;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.banner_content h2 {
    font-size: 18px;
    font-weight: 500;
}

.banner_content ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.banner_content ul li {
    color: #8C8C8C;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    padding-left: 30px;
}

.banner_content ul li::after {
    position: absolute;
    content: "";
    background: url(../images/check_mark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 1px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.banner_content .banner_btn {
    gap: 15px;
}

.banner_slide_item {
    display: block;
    height: 380px;
    border-radius: 10px;
    overflow: hidden;
}

/* Banner end */

/* Service start */
.service {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.service::after {
    top: -200px;
    left: -80px;
    width: 730px;
    height: 730px;
    border-radius: 730px;
    background: rgba(14, 211, 223, 0.10);
    filter: blur(250px);
}

.service::before {
    bottom: -100px;
    right: -200px;
    width: 730px;
    height: 730px;
    border-radius: 730px;
    background: rgba(129, 223, 14, 0.10);
    filter: blur(250px);
}

.service_item {
    background-color: #1E293B;
    padding: 40px 40px 40px 30px;
    border-radius: 6px;
    margin-bottom: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_item:hover {
    background: var(--blueGradient);
}

.service_item:hover .service_icon {
    background: var(--colorWhite);
}

.service_item:hover.service_item p,
.service_item span {
    color: var(--colorWhite);
}

.service_item:hover.service_item span {
    color: var(--colorWhite);
}

.service_item:hover .service_icon img {
    filter: brightness(0%);
}

.service_item:hover .service_border {
    filter: brightness(0) invert(1);
}

.service_item:hover {
    background: var(--blueGradient);
}

.service_item p {
    color: #BBBFC4;
    font-size: 14px;
    padding-bottom: 25px;
}

.service_item a {
    color: var(--colorWhite);
    font-size: 28px;
}

.service_item h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 25px 0px 10px 0px;
}

.service_number span {
    color: #343E4F;
    font-size: 60px;
    font-weight: 600;
}

.service_icon {
    width: 70px;
    height: 70px;
    position: relative;
    border-radius: 100px;
    background: #343E4F;
    box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.14) inset;
    padding: 20px;
}

.service_icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(2%) hue-rotate(9deg) brightness(109%) contrast(101%);
}

.service_icon::after {
    position: absolute;
    top: -7px;
    right: -45px;
    width: 80px;
    height: 80px;
    content: "";
    background-image: url(../images/border-line.png);
    background-repeat: no-repeat;
}

.service_border {
    position: absolute;
    top: -6px;
    right: -10px;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}

/* Service end */

/* Generated start */
.generated_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

.generated_area::before {
    position: absolute;
    content: "";
    width: 700px;
    height: 250px;
    background-image: url(../images/generate-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -55px;
    left: 50px;
    animation: generateAnimi1 linear 2s infinite alternate;
    -webkit-animation: generateAnimi1 linear 2s infinite alternate;
}

@keyframes generateAnimi1 {
    from {
        left: 0px;
    }

    to {
        left: 50px;
    }
}

.generated_content .nav-pills {}

.generated_content .nav-pills {}

.generated_content .nav-pills .nav-link {
    cursor: pointer;
    padding: 0;
}

.generated_content .nav-pills .nav-link.active,
.generated_content .nav-pills .nav-link:hover {
    background: none;
}

.generated_content .nav-pills .nav-link.active .generated_list_wrapper,
.generated_content .nav-pills .nav-link:hover .generated_list_wrapper {
    background-color: #0F172A;
    border-color: #0F172A;
}

.generated_content .nav-pills .nav-link.active .generated_number span,
.generated_content .nav-pills .nav-link:hover .generated_number span {
    background: var(--redGradient);
}

.generated_list_wrapper {
    border-radius: 110px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    display: grid;
    grid-template-columns: 100px auto 20px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 40px 15px 15px;
    gap: 20px;
    margin-bottom: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.generated_list_wrapper:hover {
    background-color: #0F172A;
    border-color: #0F172A;
}

.generated_list_wrapper:hover .generated_number span {
    background: var(--redGradient);
}

.generated_number span {
    font-size: 30px;
    font-weight: 600;
    color: var(--colorWhite);
    font-family: var(--headingFont);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: var(--colorDark);
    box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.14) inset;
    transition: all linear .3s;
}

.generated_text h3 {
    color: var(--colorWhite);
    font-size: 20px;
    padding: 10px 0px 7px;
}

.generated_text p {
    color: var(--colorWhite);
    font-size: 14px;
    opacity: .7;
}

.generated_img {
    z-index: 2;
    width: auto;
    padding-left: 80px;
}

.generated_img img {
    background: var(--yellowGradient);
    border-radius: 20px;
    border: 6px solid transparent;
    text-align: right;
}

/* Generated end */



/* Various start */
.various_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.various_list_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.various_list_item {
    display: block;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.various_menu {
    border-radius: 50px;
    background-color: #1E293B;
    padding: 8px 14px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 782px;
    margin: 0 auto;
}

.various_menu button {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px !important;
    transition: all linear .3s;
    border: 0;
    background-color: transparent;
    display: inline-block;
    padding: 10px 22px;
}

.various_menu button.active {
    background: var(--redGradient);
}

.various_menu button:hover {
    background: var(--redGradient);
    color: var(--colorWhite);
    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
}

/* Various end */

/* Price start */
.price_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/*.price_area::after {
    position: absolute;
    content: "";
    background: url(../images/price-shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 175px;
    height: 190px;
    top: 9%;
    left: 25%;
    animation: rotateAnimi2 linear 2s infinite alternate;
    -webkit-animation: rotateAnimi2 linear 2s infinite alternate;
}*/

.price_tab_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.price_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.price_item {
    border-radius: 10px;
    background: #343E4F;
    box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.14) inset;
    padding: 30px;
}

.price_btm {
    border-radius: 10px;
    background-color: #343E4F;
    box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.14) inset;
    padding-left: 80px;
    position: relative;
    overflow: hidden;
}

.price_nav {
    border-radius: 50px;
    background-color: var(--colorBlack100);
    padding: 8px;
    gap: 15px;
    justify-content: center;
    width: auto;
    background: #0F172A;
}

.price_nav button {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 13px;
    font-weight: 600;
    transition: all linear 0.5s;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 30px;
}

.price_nav button.active {
    border-radius: 30px;
    background: var(--redGradient);
    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
}

.price_nav button:hover {
    background: var(--redGradient);
    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
}

.price_item p {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 22px;
    margin-bottom: 20px;
    border-bottom: 2px solid transparent;
    border-image: var(--redGradient);
    border-image-slice: 1;
    opacity: .6;
}

.price_item h3 {
    background: var(--yellowGradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    padding-bottom: 10px;
}

.price_item h4 {
    font-family: var(--paraFont);
    font-size: 30px;
    padding-bottom: 15px;
}

.price_item sub {
    color: #AEB2B9;
    font-size: 14px;
    font-weight: 500;
}

.price_item ul {
    padding: 10px 0px 27px;
}

.price_item li {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 17px;
    padding-left: 25px;
    position: relative;
}

.price_item li::after {
    position: absolute;
    content: "\f058";
    font-family: "font awesome 5 free";
    font-size: 16px;
    font-weight: 600;
    top: -1px;
    left: 0;
}

.price_item .disable {
    color: #999EA7;
    pointer-events: none;
}

.price_item .disable::after {
    content: "\f057";
    color: #999EA7;
}


.price_btm_item {
    padding: 45px 0px 55px;
}

.price_btm_item h4 {
    background: var(--yellowGradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 0;
}

.price_btm_item h5 {
    color: var(--colorWhite);
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
}

.price_btm_item p {
    color: var(--colorWhite);
    padding: 10px 0px 20px 0px;
    opacity: .6;
}

.price_btm_img {
    width: 48%;
    position: absolute;
    top: 1px;
    right: 0;
}

/* Price end */

/* Faq start */
.faq_area {
    background: #0c1225;
    overflow: hidden;
    position: relative;
}

.faq_area::after {
    position: absolute;
    content: "";
    background: url(../images/faq-shape-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 115px;
    height: 90px;
    top: 15%;
    right: 10%;
    animation: rotateAnimi2 linear 2s infinite alternate;
    -webkit-animation: rotateAnimi2 linear 2s infinite alternate;
}

.faq_area::before {
    position: absolute;
    content: "";
    background: url(../images/faq-shape-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 250px;
    height: 150px;
    bottom: 10px;
    right: 0;
    animation: generateAnimi3 linear 2s infinite alternate;
    -webkit-animation: generateAnimi3 linear 2s infinite alternate;
}

@keyframes generateAnimi3 {
    from {
        right: 0px;
    }

    to {
        right: 50px;
    }
}

.faq_area .bg_img {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding-right: 12px;
}

.faq_right {
    padding-left: 62px;
}

.faq_right iframe {
    border: 0;
    width: 100%;
    height: 300px;
}

.faq_right h3 {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    padding: 30px 0px 20px;
}

.faq_left {
    position: relative;
    height: 100%;
    overflow: hidden;
    z-index: 9;
}

.faq_bg_liner {
    border-radius: 6px;
    background: var(--redGradient);
    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
    transform: rotate(-6deg);
    width: 330px;
    height: 160px;
    left: -7px;
    position: absolute;
}

.faq_exprieance {
    border-radius: 6px 0px 0px 0px;
    background: var(--colorWhite);
    display: flex;
    justify-content: space-between;
    padding: 20px 30px 40px 40px;
    position: relative;
    width: 313px;
    height: 157px;
    -webkit-border-radius: 6px 0px 0px 0px;
    -moz-border-radius: 6px 0px 0px 0px;
    -ms-border-radius: 6px 0px 0px 0px;
    -o-border-radius: 6px 0px 0px 0px;
}

.faq_exprieance_wrapper {
    position: absolute;
    bottom: 0;
    right: -2px;
}

.faq_exprieance .faq_exprieance_item {
    height: 60px;
}

.faq_exprieance_item h2 {
    color: var(--colorBlack);
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3;
}

.faq_exprieance_item p {
    color: #746B6B;
    font-family: var(--headingFont);
    font-weight: 500;
}

.faq_right .accordion {
    --bs-accordion-color: transparent;
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
}

.faq_right .accordion-body {
    padding-left: 0;
}

.faq_right .accordion-item button {
    color: var(--colorWhite);
    text-shadow: 0px 10px 50px #212A3E;
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding: 24px 0px 30px;
}

.faq_right .accordion-item p {
    color: var(--colorWhite);
    font-size: 15px;
    opacity: .7;
}

.faq_right .accordion-button:not(.collapsed) {
    background-color: transparent;
}

.faq_right .accordion-button::after {
    background-image: url(/images/plus.png);
    background-position: center;
}

.faq_right .accordion-button:not(.collapsed)::after {
    background-image: url(/images/minus.png);
}

.faq_right .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

/* Faq end */

/* Painting start */
.painting_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.painting_item {
    border-radius: 10px;
    padding: 352px 34px 50px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.painting_item::after {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 64.28%);
}

.painting_item span {
    color: var(--colorWhite);
    font-size: 13px;
    font-family: var(--headingFont);
    font-weight: 600;
    padding: 5px 21px;
    border-radius: 30px;
    background: var(--redGradient);
    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
    position: absolute;
    top: 30px;
    right: 30px;
}

.painting_item ul {
    display: flex;
    gap: 30px;
    padding-bottom: 13px;
}

.painting_item li {
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 9;
    font-family: var(--headingFont);
}

.painting_item li::after {
    position: absolute;
    top: 8px;
    right: -16px;
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 100px;
    background-color: var(--colorWhite);

}

.painting_item li:last-child::after {
    position: unset;
}

.painting_item h3 a {
    font-size: 24px;
    font-weight: 600;
    color: var(--colorWhite);
    line-height: 1.3;
    position: relative;
    z-index: 9;
    transition: all linear 0.3s;
}

.painting_item h3 a:hover {
    color: var(--colorBlue);
}

/* Paintingend */

/* footer start */
.footer {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
}

.footer_top_wrapper {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.footer_top_list {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.footer_top_list::after {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 64px;
    height: 1px;
    background-color: var(--colorWhite);
    content: "";
}

.footer_top_icon {
    width: 64px;
    height: 64px;
    background: var(--blueGradient);
    border-radius: 100px;
    padding: 17px;
}

.footer_topItem h2 {
    text-shadow: 0px 10px 50px #212A3E;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
}

.footer_topItem h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.footer_item .footer_logo {
    display: block;
    width: 203px;
    margin-top: -8px;
}

.footer_item h4 {
    font-family: var(--paraFont);
    font-size: 20px;
    line-height: 1.2px;
    padding-bottom: 30px;
}

.footer_item ul li {
    padding-bottom: 13px;
}

.footer_item ul li a {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    transition: all linear 0.3s;
    opacity: .6;
}

.footer_item ul li a:hover {
    opacity: 1;
}

.footer_item p {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 400;
    padding: 23px 0px 25px;
    max-width: 215px;
    opacity: .6;
}

.footer_social {
    gap: 10px;
}

.footer_social li a {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorDark100);
    transition: all linear 0.3s;
    background: transparent;
}

.footer_social li a:hover {
    background: var(--redGradient);
    color: var(--colorWhite);
    border: 1px solid transparent;
    opacity: 1;
}

.footer_btm {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding: 30px 0px;
}

.footer_btmItem p {
    color: #848B96;
    font-size: 14px;
    font-weight: 400;
    /* opacity: .6; */
}

.footer_btmItem li a {
    color: #848B96;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    transition: all linear 0.3s;
}

.footer_btmItem li a:hover {
    color: var(--colorWhite);
}

.footer_btmItem li {
    position: relative;
}

.footer_btmItem li::before {
    position: absolute;
    right: -10px;
    top: 6px;
    width: 1px;
    height: 13px;
    content: "";
    background-color: var(--colorWhite);
}

.footer_btmItem li:last-child::before {
    position: unset;
}

.footer_item form {
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.06);
}

.footer_item form input {
    color: var(--colorWhite);
}

.footer_item form input::placeholder {
    color: var(--colorWhite);
    opacity: .6;
}

.footer_item button {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 600;
    transition: all linear 0.5s;
    padding: 5px 20px;
    display: inline-block;
    background: var(--redGradient);
    border-radius: 30px;
    margin: 4px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0px 4px 20px 0px rgba(239, 31, 131, 0.60);
}

.footer_item button:hover {
    background: var(--blueGradient);
    box-shadow: none;
}

.footer_shape_1 {
    position: absolute;
    right: -70px;
    bottom: 78px;
}

.footer_shape_2 {
    position: absolute;
    top: 34%;
    left: 1%;
    width: 8%;
}

.footer::after {
    position: absolute;
    content: "";
    background: url(../images/price-shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 115px;
    height: 125px;
    top: 40%;
    left: 5%;
    animation: rotateAnimi2 linear 2s infinite alternate;
    -webkit-animation: rotateAnimi2 linear 2s infinite alternate;
}

.footer::before {
    position: absolute;
    content: "";
    background: url(../images/faq-shape-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 180px;
    bottom: 100px;
    right: 0;
    animation: generateAnimi3 linear 2s infinite alternate;
    -webkit-animation: generateAnimi3 linear 2s infinite alternate;
}

@keyframes generateAnimi3 {
    from {
        right: 0px;
    }

    to {
        right: 50px;
    }
}

/* footer end */

/*================================
    HOME PAGE 1 END
================================*/


/*================================
    HOME PAGE 2 START
================================*/

/* main manu_2 start */
.main_menu_2 {
    top: 0;
}

.main_menu_2 .container {
    background: transparent;
}

.main_menu_2 .navbar-nav .nav-item .nav-link::after {
    display: none;
}

.main_menu_2 .navbar-nav .nav-item .nav-link {
    color: var(--colorWhite) !important;
    text-transform: capitalize;
}

.main_menu_2 .navbar-nav .nav-item .nav-link:hover {
    background: linear-gradient(90deg, #EF1F83 3.09%, #EEBE42 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu_2 .navbar-nav .nav-item .nav-link.active {
    background: linear-gradient(90deg, #EF1F83 3.09%, #EEBE42 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.droap_menu_2 li a:hover {
    background: linear-gradient(90deg, #EF1F83 3.09%, #EEBE42 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_menu_2.menu_fix {
    background: url(../images/main_manu_2_bg.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

/* main manu_2 end */


/* banner satrt */

.banner_2 {
    padding-top: 200px;
    padding-bottom: 135px;
    background: url(../images/banner_2_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner_2_text h6 {
    color: var(--colorYellow);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.banner_2_text h1,
.banner_2_text h1 span {
    color: var(--colorWhite);
    font-family: var(--paraFont);
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    text-transform: capitalize;
}

.banner_2_text h1 {
    margin-bottom: 23px;
    position: relative;
    z-index: 99;
}

.banner_2_text h1::after {
    position: absolute;
    content: "";
    top: 165px;
    right: 228px;
    width: 256px;
    height: 13px;
    background: url(../images/banner_2_shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    animation: shake_animi 2s linear infinite alternate;
    -webkit-animation: shake_animi 2s linear infinite alternate;
}

@keyframes shake_animi {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }
}

.banner_2_img {
    height: 410px !important;
}


.banner_2_text h1 span {
    background: linear-gradient(90deg, #EF1F83 3.09%, #EEBE42 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner_2_text p {
    color: var(--colorWhite);
    font-size: 18px;
    line-height: 26px;
    opacity: 0.6;
    margin-bottom: 42px;
    padding-right: 200px;
}

.banner_2_text a {
    background: var(--redGradient);
}

.banner_2_text a:hover {
    background: var(--blueGradient);
}


.home_page_2_btn {
    padding: 13px 25px;
}

.home_page_2_btn i {
    position: relative;
    top: 0px;
    margin-right: 5px;
}

.banner_2_img {
    height: 435px;
}

.banner_2_img img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/* banner end */


/* branding start */

.branding_2 {
    background: #05092B;
}

.branding_2_area {
    text-align: center;
}

.branding_2_area h6 {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--paraFont);
    letter-spacing: 0.6px;
    margin-bottom: 35px;
}

.branding_2_area ul li {
    width: 25%;
    height: 152px;
    line-height: 152px;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.branding_2_bg {
    background: #1E2241;
    border: transparent !important;
}

.branding_2_area ul li a {
    width: 110px;
}

/* branding end */


/* feature start */

.feature_2 {
    background: #1E2241;
}

.sec_title_2 h2,
.sec_title_2 h2 span {
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    font-family: var(--paraFont);
    text-transform: capitalize;
}

.sec_title_2 h2 span {
    background: linear-gradient(90deg, #EF1F83 3.09%, #9D42EE 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single_feature_2 {
    background: #0F1333;
    margin-top: 25px;
    padding: 35px 30px 45px 30px;
    border-radius: 10px;
    border-top: 3px solid transparent;
    box-shadow: 0px 3px 3px 0px rgba(30, 30, 30, 0.10), 0px 3px 3px 0px rgba(30, 30, 30, 0.14);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_feature_2:hover {
    border-top: 3px solid var(--colorBlue);
}

.single_feature_2 span {
    color: var(--colorYellow);
    font-size: 35px;
    display: block;
}

.single_feature_2 span img {
    width: 40px !important;
    height: 40px !important;
}

.feature_2_title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--colorWhite);
    font-family: var(--paraFont);
    margin-top: 25px;
    margin-bottom: 10px;
    position: relative;
}

.feature_2_title::after {
    position: absolute;
    content: "";
    top: 2px;
    left: -30px;
    width: 3px;
    height: 26px;
    background: var(--colorBlue);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.feature_2_title:hover {
    background: linear-gradient(90deg, #EF1F83 3.09%, #EEBE42 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single_feature_2:hover .feature_2_title::after {
    display: none;
}

.single_feature_2 p {
    color: #FFF;
    opacity: 0.6;
    margin-bottom: 25px;
}

.feature_2_link {
    font-size: 15px;
    font-weight: 600;
    color: var(--colorWhite);
    font-family: var(--paraFont);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.feature_2_link i {
    position: relative;
    top: 2px;
    margin-left: 7px;
}

.feature_2_link:hover {
    background: linear-gradient(50deg, #324DF6 7.14%, #324DF6 7.15%, #667DFA 91.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature_2_link:hover i {
    background: linear-gradient(50deg, #324DF6 7.14%, #324DF6 7.15%, #667DFA 91.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* feature end */



/* creators start */

.creators_2 {
    background: #05092B;
    position: relative;
}

.creators_2::after {
    position: absolute;
    content: "";
    top: 215px;
    right: 49%;
    width: 50px;
    height: 45px;
    background: url(../images/creators_shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}

.creators_2_tab {
    padding: 6px 0px;
    border-radius: 100px;
    background: #1E2241;
    justify-content: center;
}

.creators_2_tab li button {
    margin: 0px 6px;
    padding: 6px 31px;
}

.creators_2_tab_img {
    display: block;
    width: 17px;
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.creators_2_tab li button span {
    font-size: 16px;
    font-weight: 500;
    color: var(--colorWhite);
    font-family: var(--paraFont);
}

.creators_2_tab .nav-link.active,
.creators_2_tab .show>.nav-link {
    background-color: transparent;
}

.creators_2_tab li button.active {
    border-radius: 30px;
    background: linear-gradient(90deg, #EF1F83 3.14%, #9D42EE 98.78%);

    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
}

.creators_2_tabcontent {
    padding: 120px;
    background: url(../images/creators_slider_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.creators_2_tabcontent_text h4,
.creators_2_tabcontent_text h4 span {
    font-size: 46px;
    font-weight: 700;
    line-height: 50px;
    font-family: var(--paraFont);
    text-transform: capitalize;
}

.creators_2_tabcontent_text h4 span {
    background: linear-gradient(90deg, #EF1F83 3.14%, #9D42EE 98.78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.creators_2_tabcontent_text p {
    color: var(--colorWhite);
    opacity: 0.6;
    margin-top: 25px;
    margin-bottom: 40px;
}


.creators_2_tabcontent_img {
    height: 347px;
}

.growing_faster_img {
    position: relative;
    height: 610px;
}

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


.growing_faster_img::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 385px;
    height: 595px;
    background: url(../images/creators_4.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.growing_faster_img_1 {
    position: absolute;
    width: 330px;
    height: 300px;
    top: 150px;
    right: -100px;
    z-index: 99;
    animation: inout_animi_1 .9s ease-in-out infinite alternate;
    -webkit-animation: inout_animi_1 .9s ease-in-out infinite alternate;
}

.growing_faster_img_1 img {
    border-radius: 10px;
    box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
}

.growing_faster_img_2 {
    position: absolute;
    width: 340px;
    height: 250px;
    top: 75px;
    left: 0px;
    z-index: 9;
    animation: inout_animi_2 .8s infinite alternate;
    -webkit-animation: inout_animi_2 .8s infinite alternate;
}

.growing_faster_img_2 img {
    border-radius: 10px;
}

.growing_faster_img_3 {
    position: absolute;
    width: 285px;
    height: 175px;
    top: 350px;
    left: 55px;
    z-index: 9;
    animation: inout_animi_4 .65s ease-out infinite alternate;
    -webkit-animation: inout_animi_4 .65s ease-out infinite alternate;
}

.growing_faster_img_3 img {
    border-radius: 10px;
}

@keyframes inout_animi_4 {
    from {
        top: 350px;
    }

    to {
        top: 360px;
    }
}

/* creators end */



/* pricing start */

.pricing_2 {
    background: #1E2241;
    position: relative;
}


.pricing_2::after {
    position: absolute;
    content: "";
    top: 288px;
    right: 41%;
    width: 60px;
    height: 54px;
    background: url(../images/price-_shape_2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}


.pricing_2_tab {
    padding: 6px 0px;
    border-radius: 100px;
    background: #0F1333;
    justify-content: center;
    margin-bottom: 60px;
}

.pricing_2_tab li button {
    margin: 0px 5px;
    padding: 4px 13px;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorWhite);
    font-family: var(--paraFont);
}

.pricing_2_tab li button:hover {
    color: var(--colorWhite);
}

.pricing_2_tab .nav-link.active,
.pricing_2_tab .show>.nav-link {
    background-color: transparent;
}

.pricing_2_tab li button.active {
    border-radius: 30px;
    background: linear-gradient(90deg, #EF1F83 3.14%, #9D42EE 98.78%);
    box-shadow: 0px 2px 10px 0px rgba(239, 31, 131, 0.40);
}

.single_pricing_2 {
    margin-top: 25px;
    border-radius: 10px;
    background: #0F1333;
    box-shadow: 0px 3px 3px 0px rgba(30, 30, 30, 0.10), 0px 3px 3px 0px rgba(30, 30, 30, 0.14);
    border-top: 3px solid transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_pricing_2:hover {
    transform: scaleY(1.05);
    border-color: var(--colorBlue);
    -webkit-transform: scaleY(1.05);
    -moz-transform: scaleY(1.05);
    -ms-transform: scaleY(1.05);
    -o-transform: scaleY(1.05);
}

.single_pricing_2_title {
    padding: 35px 40px 20px 40px;
    border-bottom: 1px solid #c4bcbc36;
}

.single_pricing_2_title p {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--paraFont);
    margin-bottom: 10px;
    background: linear-gradient(90deg, #EF1F83 3.09%, #6f06ca 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single_pricing_2_title h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--paraFont);
}

.single_pricing_2_item {
    padding: 35px 40px 50px 40px;
}

.single_pricing_2_item h2 {
    font-size: 46px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--paraFont);
    margin-bottom: 30px;
}

.single_pricing_2_item h2 span {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--paraFont);
    text-transform: capitalize;
}

.single_pricing_2_item a {
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.06);
}

.single_pricing_2_item a:hover {
    background: var(--colorBlue);
    box-shadow: 0px 4px 20px 0px rgba(50, 77, 246, 0.60);

}

.single_pricing_2_item ul {
    margin-top: 40px;
}

.single_pricing_2_item ul li {
    position: relative;
    margin-top: 15px;
    color: var(--colorWhite);
    padding-left: 15px;
}

.single_pricing_2_item ul li::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: 10px;
    left: 0;
    background: var(--redGradient);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* pricing end */



/* review start */

.review_2 {
    background: #05092B;
}

.sec_title_2 p {
    opacity: 0.6;
    color: var(--colorWhite);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 35px;
}

.rating_img {
    width: 250px;
    height: 40px;
    margin: auto;
}

.new_testimonial .single_testimonial {
    background: #1E2241 !important;
}

.review_2_img {
    height: 380px;
    border-radius: 10px;
    overflow: hidden;
}

.review_2_img img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.review_2_text {
    position: relative;
    padding: 20px 40px;
}

.review_2_text::after {
    position: absolute;
    content: "";
    top: -35px;
    left: 38px;
    width: 144px;
    height: 120px;
    background: url(../images/review_shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.review_2_text p {
    position: relative;
    z-index: 99;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    font-family: var(--paraFont);
    color: var(--colorWhite);
}

.reviewer_2_name {
    margin-top: 70px;
}

.reviewer_2_name h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    text-transform: capitalize;
}

.reviewer_2_name span {
    color: #909294;
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.review_2 .prevArrow,
.review_2 .nextArrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    top: 220px;
    left: -7px;
    z-index: 99;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    cursor: pointer;
}

.review_2 .nextArrow {
    top: 220px !important;
    left: 1285px !important;
}

.review_2 .prevArrow:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.review_2 .nextArrow:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

/* review end */


/* footer start */

.footer_2_top_btn {
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
}

.footer_2 {
    background: #1E2241;
    overflow: visible;
}

.footer_2::before {
    display: none;
}

.footer_2::after {
    display: none;
}

/* footer end */

/*================================
    HOME PAGE 2 END
================================*/


/*================================
    HOME PAGE 3 START
================================*/
/* main manu_3 start */
.main_menu_3 {
    top: 0;
}

.main_menu_3 .container {
    background: transparent;
}

.main_menu_3 .navbar-nav .nav-item .nav-link::after {
    display: none;
}

.main_menu_3 .navbar-brand {
    padding-right: 30px;
    border-right: 2px solid var(--colorGray);
}

.main_menu_3 .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #918897;
    text-transform: capitalize;
}

.main_menu_3 .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: var(--colorWhite);
}

.main_menu_3 .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: var(--colorWhite);
}

.home_page_3_btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.main_menu_3.menu_fix {
    top: 0;
    background: var(--colorGrayblack);
}

/* main manu_3 end */


/* banner start */

.banner_3_area {
    background: var(--colorGrayblack);
}

.banner_3_bg {
    margin: 0 auto;
    border-radius: 20px;
    max-width: 1800px;
    background: var(--colorGray);
    padding-top: 110px;
}

.sec_title_3 {
    text-align: center;
}

.sec_title_3 h5 {
    display: inline-block;
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--paraFont);
    padding: 7px 9px 4px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    margin-bottom: 10px;
}

.sec_title_3 h2 {
    font-family: var(--paraFont);
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    text-transform: capitalize;
}

.banner_3_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: start;
}

.banner_3_text h2 {
    font-size: 64px;
    line-height: 76px;
    text-transform: capitalize;
}

.banner_3_text p {
    margin-top: 20px;
    margin-bottom: 40px;
    color: var(--colorWhite);
}

.banner_3_singup {
    position: relative;
    margin-right: 85px;
}

.banner_3_singup input {
    padding: 17px 200px 17px 25px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    color: var(--colorWhite);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.banner_3_singup input::placeholder {
    opacity: 0.6;
}

.banner_3_singup_btn {
    position: absolute;
    top: 7px;
    right: 7px;
    background: var(--redGradient);
}

.banner_3_singup_btn:hover {
    background: var(--blueGradient);
}

.banner_3_img {
    position: relative;
    height: 640px;
}

.banner_3_img::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 428px;
    height: 530px;
    background: url(../images/banner_3_img1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.banner_3_img_1 {
    position: absolute;
    top: 110px;
    right: 0;
    width: 330px;
    height: 300px;
    z-index: 99;
    box-shadow: 0 26px 58px 0 rgba(0, 0, 0, .22), 0 5px 14px 0 rgba(0, 0, 0, .18);
    animation: inout_animi_1 .85s linear infinite alternate;
    -webkit-animation: inout_animi_1 .85s linear infinite alternate;
}

.banner_3_img_2 {
    position: absolute;
    top: 40px;
    left: 0;
    width: 330px;
    height: 251px;
    z-index: 9;
    animation: inout_animi_2 .85s linear infinite alternate;
    -webkit-animation: inout_animi_2 .85s linear infinite alternate;
}

.banner_3_img_3 {
    position: absolute;
    top: 315px;
    left: 60px;
    width: 285px;
    height: 175px;
    z-index: 9;
    animation: inout_animi_3 .85s linear infinite alternate;
    -webkit-animation: inout_animi_3 .85s linear infinite alternate;
}


@keyframes inout_animi_1 {
    from {
        right: 0;
    }

    to {
        right: 15px;
    }
}

@keyframes inout_animi_2 {
    from {
        left: 0;
    }

    to {
        left: 10px;
    }
}

@keyframes inout_animi_3 {
    from {
        top: 315px;
    }

    to {
        top: 327px;
    }
}

/* banner end */


/* branding start */

.branding_3 {
    background: var(--colorGrayblack);
}

.branding_3_area {
    text-align: center;
    overflow: hidden;
}

.branding_3_area h6 {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.6px;
    margin-bottom: 45px;
}

.branding_3_area ul li a {
    width: 95px;
    margin: 0px 58px;
}

/* branding end */



/* feature start */
.feature_3 {
    background: var(--colorGrayblack);
}

.single_feature_3 {
    padding: 50px 45px 60px 45px;
    background: var(--colorGray);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_feature_3 span {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    text-align: center;
    color: var(--colorWhite);
    background: #6e737c5e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.feature_3_title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 15px;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    display: block;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.feature_3_title:hover {
    color: var(--colorBlue);
}

.feature_3 p {
    opacity: 0.6;
    margin-bottom: 40px;
    color: var(--colorWhite);
}

.feature_3_link {
    padding: 6px 30px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorWhite);
    background: #6e737c5e;
    border-radius: 4px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.feature_3_link i {
    position: relative;
    top: 2px;
    font-size: 18px;
    margin-left: 10px;
}

.feature_3_link:hover {
    background: var(--blueGradient);
}

/* feature end */


/* creators start */

.creators_3 {
    background: var(--colorGrayblack);
}

.creators_3_area {
    padding: 120px 86px 100px 0px;
    background: var(--colorGray);
    border-radius: 20px;
    margin-top: 60px;
}

.crators_3_img1 {
    position: relative;
    left: -75px;
    width: 590px;
    height: 345px;
}

.crators_3_img1 img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.crators_3_text h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraFont);
    margin-bottom: 20px;
    text-transform: capitalize;
}

.crators_3_text h6 span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    margin-right: 15px;
    background: var(--redGradient);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.creators_3_title {
    display: block;
    font-size: 34px;
    font-weight: 700;
    line-height: 42px;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.creators_3_title:hover {
    color: var(--colorBlue);
}

.crators_3_text p {
    color: var(--colorWhite);
    margin-top: 30px;
    margin-bottom: 30px;
}

.crators_3_img2 {
    left: 80px;
}

.crators_3_nav {
    padding: 5px 5px;
    margin-top: 30px;
    background: var(--colorWhite);
    width: 71%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.crators_3_nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 500;
    padding: 8px 19px;
    font-family: var(--paraFont);
    color: var(--colorBlack);
    border-radius: 4px;
    text-transform: capitalize;
}

.crators_3_nav .nav-item .nav-link.active {
    color: var(--colorWhite);
    background: var(--redGradient);
}

/* creators end */


/* pricing start */
.pricing_3 {
    background: var(--colorGray);
}

.single_pricing_3 {
    padding: 30px;
    background: var(--colorBlack);
    border-radius: 10px;
    margin-top: 25px;
}

.single_pricing_3 h5 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraFont);
    margin-bottom: 10px;
    background: -webkit-linear-gradient(#EF1F83, #9D42EE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.single_pricing_3 p {
    font-size: 15px;
    opacity: 0.6;
    padding-bottom: 23px;
    color: var(--colorWhite);
    border-bottom: 2px solid var(--colorBlue);
}

.single_pricing_3 h4 {
    font-size: 30px;
    font-weight: 600;
    font-family: var(--paraFont);
    margin-top: 20px;
    text-transform: capitalize;
}

.single_pricing_3 h4 span {
    font-size: 14px;
    font-weight: 400;
}

.single_pricing_3 ul {
    margin-top: 23px;
    margin-bottom: 45px;
}

.single_pricing_3 ul li {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    padding-left: 25px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.single_pricing_3 ul li::after {
    position: absolute;
    content: "\f00c";
    top: 0;
    left: 0;
    color: var(--colorBlue);
    font-family: "font awesome 5 free";
    font-size: 16px;
    font-weight: 600;
}

.single_pricing_3 a {
    width: 100%;
    text-align: center;
    background: var(--colorGray);
}

.single_pricing_3 a:hover {
    background: var(--blueGradient);
}

/* pricing end */


/* testimonial start */

.testimonial {
    background: var(--colorGrayblack);
}

.testimonial .single_testimonial {
    padding: 40px 70px 40px 40px;
    background: var(--colorGray);
    border-radius: 10px;
}

.single_testimonial_img {
    height: 390px;
}

.single_testimonial_img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_testimonial_text {
    position: relative;
}

.single_testimonial_text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    margin-bottom: 30px;
    opacity: 0.7;
}

.brand_name {
    width: 110px;
    height: 36px;
    margin-bottom: 20px;
}

.single_testimonial_text h5 {
    padding-top: 45px;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--paraFont);
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.single_testimonial_text span {
    font-size: 15px;
    font-weight: 400;
    opacity: 0.7;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.single_testimonial_text::after {
    position: absolute;
    content: "";
    top: 160px;
    right: 0;
    width: 84px;
    height: 70px;
    background: url(../images/testimonial_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial_page_review {
    background: #05092B !important;
}

/* testimonial end */


/* blog start */
.blog_3 {
    background: var(--colorGrayblack);
}

.single_blog_3 {
    margin-top: 25px;
}

.single_blog_3_img {
    height: 280px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.single_blog_3_img img {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_3_text {
    margin-top: 25px;
}

.single_blog_3_text p {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.single_blog_3_text p span {
    opacity: 0.7;
    font-size: 14px;
    font-weight: 500;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.blog_3_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    margin-top: 10px;
    margin-bottom: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_3_title:hover {
    color: var(--colorBlue);
}

.blog_3_btn {
    background: var(--colorGray);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_3_btn:hover {
    background: var(--blueGradient);
}

.single_blog_3:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/* blog end */

/* footer start */

.footer_top_area {
    padding: 53px 80px;
    background: url(../images/footer_top_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-top: -235px;
}

.footer_top_area h4 {
    font-size: 36px;
    font-weight: 700;
    font-family: var(--paraFont);
    line-height: 46px;
}

.footer_top_area_btn1,
.footer_top_area_btn2 {

    margin-left: 10px;
    color: var(--colorBlack);
    background: var(--colorWhite);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.footer_top_area_btn1:hover {
    color: var(--colorWhite);
    background: rgba(255, 255, 255, 0.20);
}

.footer_top_area_btn2 {
    color: var(--colorWhite);
    background: rgba(255, 255, 255, 0.20);
}

.footer_top_area_btn2:hover {
    color: var(--colorBlack);
    background: var(--colorWhite);
}

.footer_3 {
    background: var(--colorGray);
    overflow: visible;
}

.footer_3::before {
    display: none;
}

.footer_3::after {
    display: none;
}

.footer_social_3 li a {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.footer_item_3 p {
    color: #848B96;
    opacity: 1;
}

.footer_item_3 ul li a {
    color: #848B96;
    opacity: 1;
}

.footer_item_3 ul li a:hover {
    color: var(--colorWhite);
}

.footer_item_3 form {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

.footer_item_3 form input::placeholder {
    color: #848B96;
}

.footer_item_3 form button {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.footer_top_wrapper {
    padding-bottom: 0;
    border-bottom: none;
}

.footer_btmItem_3 ul li::before {
    background: #848B96;
}

/* footer end */

/*================================
    HOME PAGE 3 END
================================*/


/*================================
    ABOUT START
================================*/
.growing_faster {
    background: #05092B;
}

/*================================
    ABOUT END
================================*/

/*================================
    SERVICE START
================================*/
.service {
    background: #05092B;
}

.banner_slide_item {
    position: relative;
}

.banner_slide_item_overly {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(239, 31, 131, 0.80) 3.14%, rgba(157, 66, 238, 0.80) 98.78%);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorWhite);
    font-size: 30px;
}

.various_list_item:hover .banner_slide_item_overly,
.banner_slide_item:hover .banner_slide_item_overly {
    opacity: 1;
}

/*================================
    SERVICE END
================================*/


/*================================
    FAQ START
================================*/
.faq_bg {
    background: #05092B;
}

.faq_area_bg {
    background: #05092B;
}

/*================================
    FAQ END
================================*/


/*================================
    PRICE START
================================*/

.pricing_page_area {
    background: #05092B;
}

/*================================
    PRICE END
================================*/


/*================================
    PAYMENT START
================================*/
.payment {
    background: #05092B;
}

.payment_mathod h3 {
    font-size: 35px;
    font-weight: 700;
    font-family: var(--paraFont);
    text-align: center;
    padding: 0px 50px;
    line-height: 55px;
    text-transform: capitalize;
    margin-bottom: 35px;
}

.payment_mathod h3 span {
    font-size: 35px;
    font-weight: 700;
    font-family: var(--paraFont);
    background: linear-gradient(90deg, #EF1F83 3.09%, #9D42EE 105.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.payment_mathod_img {
    margin-top: 25px;
    position: relative;
}

.payment_mathod_img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment_mathod_overly {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(239, 31, 131, 0.80) 3.14%, rgba(157, 66, 238, 0.80) 98.78%);
    opacity: 0;
    border-radius: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment_mathod_overly i {
    position: relative;
    font-size: 44px;
    top: 50%;
    left: 50%;
    color: var(--colorWhite);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.payment_mathod_img:hover .payment_mathod_overly {
    opacity: 1;
}


.payment_price {
    background: #1E2241;
}

.payment_price:hover {
    border-color: #1E2241;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/*================================
    PAYMENT END
================================*/


/*================================
    CONTACT START
================================*/
.contact {
    background: #05092B;
}

.contact_area {
    padding: 50px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
}

.contact_area h5 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.contact_area p {
    color: var(--colorWhite);
    opacity: 0.6;
}

.contact_form {
    border-radius: 6px;
    margin-top: 50px;
}

.contact_form_box label {
    font-size: 15px;
    font-weight: 500;
    line-height: 10px;
    font-family: var(--headingFont);
    color: var(--colorWhite);
}

.contact_form_box input {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact_form_box input::placeholder,
.contact_form_box textarea::placeholder {
    color: var(--colorWhite);
    opacity: .6;
}

.contact_form_box input,
.contact_form_box textarea {
    width: 100%;
    color: var(--colorWhite);
    border-radius: 6px;
    background: #1E224160;
}

.contact_form_box textarea {
    margin-top: 20px;
}


.form_checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 30px;
}

.form_checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: var(--colorWhite);
    line-height: normal;
}

.form_checkbox input {
    margin: 0;
    padding: 0;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    border: 1px solid rgb(255 255 255 / 35%);
    background-color: #05092b;
}

.form_checkbox .form-check-input:focus {
    border-color: var(--colorBlue);
    outline: 0;
    box-shadow: none;
}

.form_checkbox .form-check-input:checked {
    background-color: var(--colorBlue);
    border-color: var(--colorBlue);
}

.address_area {
    padding: 35px 60px 50px 35px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
}

.address_area h5 {
    margin-bottom: 30px;
    line-height: 24px;
}

.address {
    margin-top: 20px;
}

.address span i {
    margin-right: 15px;
    color: var(--colorWhite);
}

.address_name p {
    color: var(--colorWhite);
    opacity: 0.6;
}

.address_map {
    margin-top: 25px;
}

.address_map iframe {
    width: 413px;
    height: 318px;
    border-radius: 10px;
}

/*================================
    CONTACT END
================================*/


/*================================
    PORTFOLIO START
================================*/

.various_page_area {
    background: #05092B;
}

/*================================
    PORTFOLIO END
================================*/


/*================================
    BLOG START
================================*/
.painting_blog_area {
    background: #05092B;
}

.painting_item {
    margin-top: 25px;
}

/*================================
    BLOG END
================================*/


/*================================
    BLOG DETAILS START
================================*/
.blog_details {
    background: #05092B;
}

.blog_details_img {
    height: 370px;
}

.blog_details_img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.blog_dtls_enrooled {
    margin-top: 28px;
}

.blog_dtls_enrooled li {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-right: 25px;
    opacity: 0.7;
}

.blog_dtls_enrooled li i {
    margin-right: 6px;
    font-size: 16px;
    color: var(--colorWhite)
}

.blog_details_left h1,
.blog_details_left h2,
.blog_details_left h3,
.blog_details_left h4,
.blog_details_left h5 {
    font-weight: 600;
    margin-top: 25px;
}

.blog_details_left h1 {
    font-size: 36px;
}

.blog_details_left h2 {
    font-size: 32px;
}

.blog_details_left h3 {
    font-size: 30px;
}

.blog_details_left h4 {
    font-size: 26px;
    margin-top: 30px;
}

.blog_details_left h5 {
    font-size: 22px;
}

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

.blog_details_left p {
    margin-top: 18px;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    opacity: 0.7;
}

.blog_dtls_review_area {
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 70px;
    background: linear-gradient(122deg, #FFE000 0.5%, #BDFF00 51.22%);
}

.blog_dtls_review_text {
    border-radius: 10px;
    padding: 30px 40px 35px 40px;
    border: 2px solid black;
}

.blog_dtls_review_img {
    width: 41px;
    height: 34px;
    margin: auto;
}

.blog_dtls_review_text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--headingFont);
    color: #000;
    opacity: 1;
    margin-bottom: 25px;
}

.blog_dtls_review_text h6 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.blog_post_link {
    margin-top: 57px;
    margin-bottom: 57px;
}

.blog_post_link_left {
    align-items: center;
}

.blog_post_link_left span,
.blog_post_link_right span {
    font-size: 15px;
    font-weight: 600;
    margin-right: 5px;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    text-transform: capitalize;
}

.blog_post_link_left ul li a {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--headingFont);
    padding: 5px 14px;
    border-radius: 20px;
    background: #1E2241;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-left: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_post_link_left ul li a:hover {
    background: var(--colorBlue);
}

.blog_post_link_right {
    align-items: center;
}

.blog_post_link_right ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-left: 7px;
    color: rgba(255, 255, 255, 0.40);
    background: #1E2241;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_post_link_right ul li a:hover {
    color: var(--colorWhite);
    background: var(--colorBlue);
}

.posting {
    padding: 30px 40px;
    border-radius: 10px;
    background: #1E2241;
}

.prev_post {
    width: 50%;
}

.prev_post a,
.next_post a {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--headingFont);
    padding: 5px 18px;
    border-radius: 30px;
    background: #05092B;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-left: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.prev_post a:hover {
    background: var(--colorBlue);
}

.next_post a:hover {
    background: var(--colorBlue);
}

.prev_post p,
.next_post p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    opacity: 1;
}

.next_post {
    width: 50%;
    text-align: right;
    border-left: 2px solid #ffffff29;
}

.comment_area {
    margin-top: 75px;
}

.comment_area h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.comment {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.comment_img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.comment_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.comment_text {
    width: 90%;
}

.comment_text h6 {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--headingFont);
    text-transform: capitalize;
    margin-bottom: 5px;
}

.comment_text span {
    font-size: 12px;
    font-weight: 500;
    font-family: var(--headingFont);
    text-transform: uppercase;
    color: var(--colorWhite);
    opacity: 0.7;
}

.comment_text p {
    margin-top: 15px;
}

.comment_text a {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--headingFont);
    padding: 7px 18px;
    border-radius: 200px;
    background: #1E2241;
    color: var(--colorWhite);
    margin-top: 25px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.comment_text a:hover {
    background: var(--colorBlue);
}

.reply_comment {
    margin-left: 80px;
}

.reply_comment .comment_text {
    width: 87%;
}

.blog_dtls_contact {
    margin-top: 75px;
    padding: 0 !important;
    border: none;
}

.blog_details_right_bg {
    padding: 40px 40px 50px 40px;
    border-radius: 10px;
    background: #1E2241;
    margin-bottom: 30px;
}

.blog_details_right_bg h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.searchbox {
    position: relative;
}

.searchbox input {
    padding: 13px 13px 13px 26px;
    background: #05092B;
    color: var(--colorWhite);
    opacity: 0.7;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.searchbox input::placeholder {
    color: var(--colorWhite);
}

.searchbox button {
    position: absolute;
    top: 14px;
    right: 25px;
    color: var(--colorWhite);
}

.recent_post_img {
    width: 100px;
    height: 100px;
    margin-right: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.recent_post {
    margin-bottom: 20px;
}

.recent_post_text p {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    opacity: 0.7;
}

.recent_post_text p i {
    font-size: 16px;
}

.recent_post_text {
    width: 60%;
    align-items: center;
}


.recent_post_text a {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    font-family: var(--headingFont);
    text-transform: capitalize;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.recent_post_text a:hover {
    color: #FFE000;
}


.recent_post_text p i {
    margin-right: 8px;
}

.single_catagoris li {
    margin-bottom: 10px;
}

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

.single_catagoris li a {
    padding: 13px 30px 13px 45px;
    background: #05092B;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    position: relative;
    opacity: 0.6;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_catagoris li a p {

    color: var(--colorWhite);
}

.single_catagoris li a p::after {
    position: absolute;
    content: "";
    top: 21px;
    left: 28px;
    width: 5px;
    height: 5px;
    background: var(--colorWhite);
    border-radius: 50%;
}

.single_catagoris li a span {
    color: var(--colorWhite);
}

.single_catagoris li a:hover {
    background: var(--colorBlue);
    opacity: 1;
}

.tags li a {
    font-size: 13px;
    font-weight: 500;
    font-family: var(--headingFont);
    padding: 5px 14px;
    border-radius: 20px;
    background: #05092B;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-right: 7px;
    margin-bottom: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tags li a:hover {
    background: var(--colorBlue);
}

/*================================
    BLOG DETAILS END
================================*/


/*================================
    LOGIN START
================================*/
.login {
    background: #05092B;
}

.login_area {
    border-radius: 10px;
    background: #1E2241;
}

.login_area_text {
    padding: 115px 63px 133px 90px;
}

.login_area_text h5 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 32px;
}

.single_input_area {
    margin-top: 28px;
    position: relative;
}

.single_input_area label {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--headingFont);
    color: var(--colorWhite);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.single_input_area input {
    color: var(--colorWhite);
    background: #1E2241;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    text-transform: capitalize;
}

.single_input_area input::placeholder {
    color: var(--colorWhite);
    opacity: 0.6;
}

.forget_password a {
    color: var(--colorWhite);
    opacity: 0.6;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-size: 16px;
}

.forget_password a:hover {
    color: var(--colorBlue);
    opacity: 1;
}

.single_input_area span {
    position: absolute;
    font-size: 15px;
    top: 48px;
    right: 22px;
    color: var(--colorWhite);
    opacity: 0.6;
    z-index: 1;
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_input_area span:hover {
    opacity: 1;
}

.login_checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 35px;
}

.login_checkbox input {
    margin: 0;
    padding: 0;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    border: 1px solid rgb(255 255 255 / 35%);
    background-color: #1E2241;
}


.login_checkbox .form-check-input:focus {
    border-color: var(--colorBlue);
    outline: 0;
    box-shadow: none;
}

.login_checkbox .form-check-input:checked {
    background-color: var(--colorBlue);
    border-color: var(--colorBlue);
}

.login_checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: var(--colorWhite);
    opacity: 0.6;
}

.contact_btn {
    width: 100%;
    text-align: center;
    padding: 16px 37px;
}

.or {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--colorWhite);
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.or::after {
    position: absolute;
    content: "";
    width: 45%;
    height: 1px;
    top: 10px;
    left: 0;
    opacity: 0.2;
    background: var(--colorWhite);
}

.or::before {
    position: absolute;
    content: "";
    width: 45%;
    height: 1px;
    top: 10px;
    right: 0;
    opacity: 0.2;
    background: var(--colorWhite);
}

.login_option_img {
    width: 160px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
}

.singup_option {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--headingFont);
    text-align: center;
    color: var(--colorWhite);
    margin-top: 36px;
    text-transform: capitalize;
}

.singup_option a {
    margin-left: 10px;
    color: var(--colorYellow);
}

.login_area_img {
    height: 825px;
}

.login_area_img img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

._registration_text {
    padding: 92px 63px 56px 90px;
}

/*================================
    LOGIN END
================================*/


/*================================
    FORGET PASS START
================================*/
.forget_pass_img {
    height: 640px;
}

._forget_pass_text {
    padding: 140px 63px 0px 90px;
}

/*================================
    FORGET PASS END
================================*/


/*================================
    PRIVACY POLICY START
================================*/

.privacy {
    background: #05092B;
}

.privacy_text {
    margin-bottom: 30px;
}

.privacy_text h4 {
    font-size: 32px;
}

.privacy_text p {
    margin-top: 22px;
    color: #848B96;
}

.privacy_text ul {
    margin-top: 25px;
}

.privacy_text ul li {
    margin-top: 15px;
    position: relative;
    color: #848B96;
    padding-left: 35px;
}

.privacy_text ul li::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 22px;
    height: 20px;
    background: url(../images/Check.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*================================
    PRIVACY POLICY END
================================*/


/*================================
    ERRORE START
================================*/
.errore {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #05092B;
}

.errore_bg {
    padding-top: 350px;
    padding-bottom: 120px;
    max-width: 1800px;
    background: url(../images/errore.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.errore_text {
    text-align: center;
    padding: 0px 350px;
}

.errore_text h2 {
    font-size: 200px;
    font-weight: 700;
}

.errore_text h5 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: capitalize;
}

.errore_text p {
    color: var(--colorWhite);
    margin-bottom: 45px;
    opacity: .8;
}

.errore_text a i {
    position: relative;
    margin-left: 0;
    margin-right: 8px;
    top: 0px !important;
}

/*================================
    ERRORE END
================================*/