@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');





* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    font-family: 'DM Sans', sans-serif;
}


body,

ul,

li,

a {

    font-family: 'DM Sans', sans-serif;

    font-weight: 400;

    font-size: 16px;

}




.elementor-kit-7 h1 {
    color: #000000;
    font-family: 'Plus Jakarta Sans';
    font-size: 65px;
    font-weight: 500;
    line-height: 98px;
    letter-spacing: -4px;
}

/*=== Header ==*/



.elementor-element.header-css-section .elementor-widget-nav-menu ul li a {

    padding: 0;

    font-size: 18px;

    margin-right: 50px !important;

    float: left;

    display: table;

    font-weight: 500 !important;

    /*color: #272422 !important;*/

    letter-spacing: -0.5px;

}

.elementor-element.header-css-section .elementor-widget-nav-menu ul li a::after {

    /*background-color: #272422 !important;*/

    height: 1px;

    bottom: -4px;

}

.header-css-section {

    display: grid;

    grid-template-columns: 182px auto;

}

.header-css-section .header-css-logo {

    padding: 0;

    width: 100%;

}

.header-css-section .header-css-menu {

    padding: 23px 0 0;

    width: 100%;

}


.elementor-element.header-css-section .elementor-widget-nav-menu ul li:last-child a {

    margin: 0 !important;

}

footer .elementor-nav-menu--layout-horizontal {
    display: flex;
    justify-content: flex-end;
    padding: 36px 0px 2px 0;
}

.footer-cs-section .elementor-element.footer-cs-column3 {
    padding-bottom: 38px;
}

footer .elementor-nav-menu--layout-horizontal ul li a {
    color: white !important;
}

footer .elementor-nav-menu--layout-horizontal ul li a::after {
    content: none !important;
}

footer span.elementor-divider-separator {
    border-color: #606060 !important;
    border-width: 1px !important;
}

footer ul.elementor-icon-list-items li span {
    color: #fff !important;
    font-size: 15px;
    line-height: 21px;
}

footer ul.elementor-icon-list-items li span i {
    color: #fff !important;
}

footer .elementor-social-icons-wrapper span a i {
    font-size: 23px;
}

footer .elementor-social-icons-wrapper span a {
    padding: 7px !important;
    background: transparent;
    width: auto !important;
    height: auto !important;
}

/*=== SLIDER ===*/



h1 span,
h2 span,
h3 span,

h4 span,
h5 span,
h6 span {

    background: linear-gradient(280deg, #E510FF 13.45%, #2B8FFF 81.72%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.slider-cs-caption .elementor-button {

    background: transparent;

    text-decoration: none;

    position: relative;

    padding: 14px 20px 14px 60px;
    color: #000;
    transition: 0.3s;
    -webkit-transition: 0.3s;

}

.slider-cs-caption .elementor-button:hover {
    color: #fff;
}

/* .slider-cs-caption .elementor-button:hover {

    background: #000;

} */

.slider-cs-caption .elementor-button::before {

    content: "";

    position: absolute;

    width: 43px;

    height: 43px;

    background-color: transparent;

    border-radius: 50%;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    background-image: url(../images/button-icon.png);

    background-size: 43px;

    background-position: center;

    background-repeat: no-repeat;

}

.slider-cs-caption .elementor-button::after {

    content: "";

    position: absolute;

    width: 43px;

    height: 43px;

    background-color: #000;

    border-radius: 100px;

    left: 0;

    top: 0;

    transition: 0.3s;

    z-index: -1;

}

.slider-cs-caption .elementor-button:hover::after {

    width: 100%;

}



.elementor-element.bringing-cs-section>.e-con-inner {

    border-radius: 50px;

    border: 1px solid #E7EDF4;

    padding: 30px 70px 50px;

}

.elementor-element.bringing-cs-section .bb-grid-col {

    border-radius: 15px;

    background: #F5F5F7;

}

.elementor-element.globe-cs-section h4 strong {

    font-weight: 500;

}

.newsletter-cs-rowtwo {

    border: 1px solid #E9E9E9;

    background: #FFF;

    padding: 30px 25px;

    max-width: 775px;

    margin: 0 auto;

}

.newsletter-cs-rowtwo .e-con-inner {

    padding: 27px;

    border-radius: 24px;

    background: rgba(249, 249, 249, 0.30);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);

    backdrop-filter: blur(2px);

}

.newsletter-cs-rowtwo .e-con-inner input.wpcf7-submit {
    border-radius: 8px;
    background: linear-gradient(98deg, #2B8FFF -85.47%, #E127F9 170.4%);
    border: 0 !important;
    color: #fff;
    width: 100%;
}

.newsletter-cs-rowtwo .e-con-inner .newsletter {
    display: grid;
    grid-gap: 0 40px;
    grid-template-columns: auto 120px;
}

.newsletter-cs-rowtwo .e-con-inner .newsletter label {
    font-size: 0;
    width: 100%;
}

.newsletter-cs-rowtwo .e-con-inner .newsletter input.wpcf7-email {

    border-radius: 8px;

    background: #F2F2F4;

    border: 0;

}

.newsletter-cs-rowtwo .e-con-inner span.wpcf7-spinner {
    position: absolute;
    bottom: 6px;
    margin: 0;
    right: -25px;
}

.newsletter-cs-rowtwo .e-con-inner .newsletter p {

    margin: 0;

}

/*=== FOOTER ===*/



footer#colophon {

    background: #131416;

}

.elementor-element.footer-cs-column3 li.elementor-icon-list-item i {
    font-size: 19px;
}

.footer-cs-section .footer-cs-menu ul li a {
    padding: 0 0 0 !important;
    margin-right: 48px !important;
    float: left;
    width: auto;
    display: table;
    text-transform: capitalize;
}

.newsletter-cs-rowtwo .newsletter-cs-row2-module {
    width: 100%;
}

.newsletter-cs-rowtwo .e-con-inner .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
}

.newsletter-cs-rowtwo .e-con-inner form.invalid .wpcf7-response-output {
    border-color: #ff0000;
}

/*=== About page ===*/

.team-member-cpt-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 125px 91px;
    max-width: 1008px;
    margin: 0 auto;
}

.team-member-cpt-outer .grid-item {
    width: 30%;
    max-width: 275px;
    padding: 8px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
}

.team-member-cpt-outer h6.title {
    text-align: center;
    margin: 20px 0 3px;
}

.team-member-cpt-outer .designation {
    text-align: center;
    margin: 0 0 18px;
}

.image-outer img {
    width: 100%;
}

.image-outer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 85.5%;
}

.image-outer img {
    height: 130%;
    object-fit: contain;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
}

.image-outer::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/team-img-shape.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    background-position: bottom center;
    z-index: 0;
}

.story-cs-section-one .elementor-widget-image img,
.story-cs-section-two .elementor-widget-image img {
    position: relative;
    box-shadow: 0 0 5px 0px #ccc;
}

.story-cs-section-one .elementor-widget-image img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4.694px;
    background: linear-gradient(141deg, #2B8FFF -16.4%, #E127F9 126.08%);
}

/* blog page */
.vylabs-blog-container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 32px;
}

.page-content a {
    text-decoration: none !important;
}

.vylabs-blog-container .vylabs-blog-post-section {
    width: 30%;
}

.vylabs-blog-post-section .post-content {
    /* height: 124px; */
    position: relative;
    margin-top: 25px;
}

.vylabs-blog-post-section .post-content h2,
.vylabs-blog-post-section .post-content p {
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0em;
    text-align: left;
    line-height: 0px;
}

.vylabs-blog-post-section .post-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
}

.vylabs-blog-post-section .post-content h2 a {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.vylabs-blog-post-section .post-content p.Created-dt {
    color: #2B8FFF;
}

.vylabs-blog-post-section .post-thumbnail .post-img-box img {
    width: 365.33px;
    height: 240px;
    object-fit: cover;
}

.elementor-shortcode h3.post-head {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 35px;
}

.vylabs-blog-post-section .post-content h2 a:before {
    position: absolute;
    content: "";
    background-image: url(https://vylabs.ai/wp-content/uploads/2023/12/arrow-up-right.png);
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    top: 10px;
}

.bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner {
    padding: 27px;
    border-radius: none;
    box-shadow: none;
}

.bolg-ft-left-section .newsletter-cs-rowtwo {
    border: none;
    padding: 0;
    margin-top: 25px;
}

.bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner {
    padding: 0;
}

.bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner input {
    font-family: 'Plus Jakarta Sans';
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.5px;
    text-align: left;
    padding-left: 29px
}

.bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner input.wpcf7-submit {
    background: linear-gradient(98deg, #E127F9 -85.47%, #2B8FFF 170.4%);
}

.category-filter {
    font-family: 'Plus Jakarta Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #2B8FFF;
    border-color: #2B8FFF;
    width: 160px;
    display: flex;
    justify-content: center;
    padding: 10px 10px;
}

.category-filter:hover {
    background-color: #2B8FFF;
}

.category-filter.active {
    color: #FFFFFF;
    background-color: #2B8FFF;
}

.category-filter-out-section {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 1056px;
    grid-gap: 30px;
}

button.category-filter:focus {
    background-color: #0092fc !important;
}

.blogbounce {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-25px);
    }

    100% {
        transform: translateY(0);
    }
}

/* post page */
.vylabs-banner-image {
    max-width: 1145px;
    width: auto;
    margin: auto;
    border-radius: 20px;
    height: 441px;
    position: relative;
}

.vylabs-banner-image .img-box,
.vylabs-banner-image .img-box img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.vylabs-banner-image .img-box img {
    object-fit: cover;
}

.post-first-section {
    height: 40rem;
}

.vylabs-banner-image .post-details-container {
    width: 820px;
    /* width: auto; */
    height: 238px;
    border-radius: 20px;
    position: absolute;
    bottom: -80px;
    left: 50%;
    background-color: #094992;
    display: flex;
    flex-direction: column;
    padding: 0 50px;
    justify-content: center;
    transform: translateX(-50%);
}

.vylabs-banner-image .post-details-container p {
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #FFFFFF;
}

.vylabs-banner-image .post-details-container h4 {
    font-family: 'Plus Jakarta Sans';
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: -1px;
    text-align: left;
    color: #FFFFFF;
}

.post-details-container .author-name {
    margin-bottom: 4px;
}

.post-details-container .Created-dt {
    margin-top: 16px;
}

.post-contant-section {
    width: 100%;
    /* padding: 0 30px; */
}

.post-contant-section .left-section {
    width: 100%;
    /* padding-left: 20px; */
}

.post-contant-section .right-section {
    width: 100%;
}

#short-code-section.short-code-section {
    margin-top: 120px;
}

.post-contant-section .right-section .Latest-head {
    font-family: 'Satoshi';
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
}

.recent-img-box {
    width: 300px;
    height: 205px;
    top: 81px;
}

.recent-img-box img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.post-outer-section .post-two-section {
    max-width: 1145px;
    width: auto;
    margin: auto;
}

.recent-posts-details {
    width: 100%;
    box-shadow: 0px 4px 5px 0px #00000026;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    padding: 16px;
    color: #fff;
    backdrop-filter: blur(12px);
    border-radius: 14px;
}

.recent-posts-details .Created-dt {
    font-family: 'Satoshi';
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
}

.recent-posts-details h3 {
    font-family: 'Satoshi';
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    margin: 5px 0;
    color: #fff;
}

.recent-posts-list {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: end;
}

.recent-posts-list .recent-container {
    position: relative;
}

.recent-posts-list .Jump-section {
    position: relative;
}

.recent-posts-list .Jump-section a::before {
    content: '';
    position: absolute;
    background-image: url(https://vylabs.ai/wp-content/uploads/2023/12/VectorW.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 5px;
    height: 9px;
    right: 100px;
    top: 12px;
}

.Jump-section a {
    color: #fff;
}

/*.post-contant-section .left-section p {
    font-family: 'Plus Jakarta Sans';
    font-size: 21px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    width: 765px;
    color: #000000;
}

.post-contant-section .left-section p,
.post-contant-section .left-section h1,
.post-contant-section .left-section h2,
.post-contant-section .left-section h3,
.post-contant-section .left-section h4,
.post-contant-section .left-section h5,
.post-contant-section .left-section h6,
.post-contant-section .left-section ul li,
.post-contant-section .left-section ol li {
    font-family: 'Plus Jakarta Sans';
    font-size: 21px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
}*/

span.greeting {
    position: relative;
}

span.greeting:after {
    position: absolute;
    content: "";
    background-image: url(https://vylabs.ai/wp-content/uploads/2023/12/Vector-27.png);
    width: 243px;
    bottom: -20px;
    height: 18px;
    background-size: cover;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
}

.bottom-img-ext-btn-contaioner .bottom-img-ext-btn .elementor-button-wrapper a {
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 18px;
    font-weight: 600 !important;
    /* line-height: 25px; */
    letter-spacing: -0.5px;
    text-align: center;
}

.bottom-img-ext-btn-contaioner {
    width: 97%;
    margin: auto;
    position: absolute;
    bottom: 0;
    height: 22rem;
}

.bottom-img-ext-btn-contaioner .bottom-img-ext-btn {
    position: absolute;
}

.bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(1) {
    right: 38%;
    top: 20px;
}

.bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(2) {
    top: 95px;
    left: 22%;
}

.bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(3) {
    top: 160px;
    right: 20%;
}

.bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(4) {
    bottom: 70px;
    left: 35%;
}

.mrm-form {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    justify-content: center;
    flex-direction: column;
}

.mailmint-input {
    width: 547px;
    height: 48px;
    top: 5846px;
    left: 359px;
    border-radius: 8px;
}

.mailmint-input input#mrm-email {
    font-family: 'Plus Jakarta Sans';
    font-size: 16px !important;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #838D97 !important;
	background-color: transparent !important;
	border-radius: 12px !important;
}

.mrm-form .mrmbtn.mrm-form-group {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    display: flex;
    justify-content: center;
}

input#mrm-email:focus {
    border-color: #F2F2F4 !important;
}

button.mrm-submit-button.mintmrm-btn {
    background: linear-gradient(98deg, #2B8FFF -85.47%, #E127F9 170.4%);
    width: 120px;
    height: 48px;
    border-radius: 8px !important;
    font-family: 'Plus Jakarta Sans';
    font-size: 18px;
    font-weight: 600;
    line-height: 109px;
    letter-spacing: -0.5px;
    text-align: center;
}

.mrm-form .response.mintmrm-success {
    font-family: 'Plus Jakarta Sans';
    /* position: absolute; */
    width: fit-content;
    left: 0;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
}

.mrm-form-group.mrm-input-group.alignment-left.email.mailmint-input {
    width: 70%;
}

.cnt-form-out-box .cnt-form-input-section {
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 23px;
    justify-content: center;
}

.cnt-form-out-box .cnt-form-input-section .cnt-form-input {
    width: 47.5%;
}

.cnt-form-out-box .cnt-form-msg textarea,
.cnt-form-out-box .cnt-form-input-section .cnt-form-input input {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.05px;
    padding: 4px 12px;
    min-height: 40px;
    color: #575757;
}

.cnt-form-out-box .cnt-form-msg textarea::placeholder,
.cnt-form-out-box .cnt-form-input-section .cnt-form-input input::placeholder {
    color: #b7b7b7;
}

.cnt-form-out-box .cnt-form-msg {
    margin-top: 25px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #10172a;
    border-color: #636363;
    border-width: 1px 1px 1px 1px;
    border-radius: 8px 8px 8px 8px;
}

.cnt-form-submit .wpcf7-form-control.wpcf7-submit.has-spinner {
    font-family: 'Plus Jakarta Sans';
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
    background: linear-gradient(98deg, #2B8FFF -85.47%, #E127F9 170.4%);
}

.cnt-form-submit .wpcf7-form-control.wpcf7-submit.has-spinner {
    color: #FFFFFF;
    border: none !important;
    border-radius: 7px;
    width: 25%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.cnt-form-submit {
    margin-top: 20px;
}

.cnt-form-out-box .cnt-form-msg textarea {
    height: 173px;
    resize: none;
    border-radius: 7px;
	background: #10172a;
}

.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
    color: #46b450;
    font-size: 15px;
}

.contact-form form .cnt-form-submit p {
    display: flex;
    align-items: center;
}

.wpcf7-not-valid-tip {
    font-size: 0.8em !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
	border-color: #dc3232 !important;
    font-size: 14px !important;
    color: #dc3232 !important;
}

.header-logo.elementor-widget.elementor-widget-image {
    z-index: 2;
}

.vylabs-blog-post-section .post-content h2 {
    padding-right: 30px;
    position: relative;
}

/* pagination */
.blog-page-fliter .pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
    gap: 25px;
}

.pagination span.pag-btn {
    width: 70px;
}

.pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}



.pagination span.pag-num {
    padding: 10px;
    background: #ECB8FF;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #ffffff;
}

.pagination span.active {
    background: #C83FFA;
}

.pagination span.pag-btn {
    position: relative;
    color: #C83FFA;
    font-family: 'Plus Jakarta Sans';
    font-weight: 800;
}

.pagination span.pag-btn:after {
    position: absolute;
    content: "";
    background-size: contain;
    width: 25px;
    height: 25px;
}

.pagination span.pag-btn.prev:after {
    background-image: url(https://vylabs.ai/wp-content/uploads/2023/12/left-fill-1.png);
    left: -35px;
}

.pagination span.pag-btn.next:after {
    background-image: url(https://vylabs.ai/wp-content/uploads/2023/12/right-fill-1.png);
    right: -15px;
}

/* media query */
@media (max-width:1200px) {
    .post-outer-section .post-two-section {
        max-width: 991px;
        margin: 0 40px;
    }

    .vylabs-banner-image {
        max-width: 991px;
        margin: 0 40px;
    }

    .blog-first-section {
        width: 95%;
        margin: auto;
    }

    .elementor-kit-7 h1 {
        font-size: 55px;
        letter-spacing: -2px;
    }

    .vylabs-blog-container {
        max-width: 90%;
        margin: auto;
    }

    .elementor-shortcode h3.post-head {
        width: 90%;
        margin: 15px auto;
    }

    .post-contant-section .left-section p {
        width: 650px;

    }

    .recent-posts-details {
        height: 165px;
    }

    .recent-posts-details .Created-dt {
        line-height: 10px;
    }
	.cnt-form-out-box .cnt-form-input-section {
	    column-gap: 14px !important;
	    row-gap: 14px !important;
	}

}

/* @media (max-width:1100px) {


} */

@media (max-width:1024px) {
    .elementor-kit-7 h1 {
        font-size: 45px;
        line-height: 75px;
        letter-spacing: -1px;
    }

    .elementor-kit-7 h3 {
        font-size: 42px;
    }

    .vylabs-blog-container {
        margin: 0 30px;
    }

    .vylabs-blog-container .vylabs-blog-post-section {
        width: 47%;
    }

    .vylabs-banner-image .post-details-container {
        width: auto;
        max-width: 820px;
    }

    .vylabs-banner-image .post-details-container h4 {
        font-size: 34px;
    }

    .vylabs-blog-post-section .post-content h2 a:before {
        /* right: 75px; */
        /* top: 45px; */
        width: 24px;
        height: 24px;
    }

    .vylabs-blog-container .vylabs-blog-post-section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .vylabs-blog-post-section .post-content {
        width: 365.33px;
    }

    .newsletter-cs-rowtwo {
        width: 90%;
        margin: auto;
        padding: 20px;
    }

    .newsletter-cs-rowtwo .e-con-inner {
        padding: 24px;
        border-radius: 22px;
    }

    .elementor-shortcode .post-head {
        text-align: center;
    }

    .category-filter-out-section {
        flex-wrap: wrap;
        column-gap: 15px;
        gap: 20px;
        justify-content: center;
        width: 90%;
    }

    footer .footer-cs-column3 {
        display: flex;
        flex-wrap: wrap;
    }

    footer .adrs-column {
        width: 100%;
    }

    footer .social-med-column {
        width: 100%;
    }

    footer .social-med-column .e-con-inner {
        display: flex;
        flex-wrap: wrap !important;
        flex-direction: row !important;
    }

    footer .social-med-column .footer-cs-rw2-col2,
    footer .social-med-column .footer-cs-rw2-col3,
    footer .social-med-column .footer-cs-rw2-col4 {
        width: 30%;
    }

    .header-menu .elementor-widget-container {
        display: flex;
        align-items: flex-end;
        margin-right: 30px;
    }

    .header-menu .elementor-menu-toggle.elementor-active {
        width: fit-content;
    }

    .header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container ul {
        display: flex;
        flex-direction: column;
        grid-gap: 30px;
        padding: 20px 35px;
        top: 20px;
    }

    .header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
    }

    .elementor-element.elementor-element-ea603db.header-css-section.e-con-full.e-flex.e-con.e-parent {
        position: relative;
        margin: 0;
    }

    .elementor-element.elementor-element-4d8b08f.e-con-full.header-css-menu.e-flex.e-con.e-child,
    .elementor-element.elementor-element-325e762.elementor-nav-menu__align-right.header-menu.elementor-nav-menu__text-align-center.elementor-nav-menu--stretch.elementor-nav-menu--dropdown-tablet.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
    }

    .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 68px !important;
    }

    .post-contant-section {
        display: flex;
        flex-direction: column;
    }

    .post-contant-section .left-section p,
    .post-contant-section .left-section,
    .post-contant-section .right-section {
        width: 100%;
    }

    .post-contant-section .right-section h3 {
        font-size: 16px;
    }

    .post-contant-section .right-section {
        margin-top: 55px;
    }

    .recent-posts-list {
        display: flex;
        grid-gap: 25px;
        flex-direction: row;
    }

    .recent-img-box {
        width: 350px;
        height: 220px;
    }

    .recent-posts-details {
        width: 245px;
        height: 155px;
    }

    .post-contant-section .left-section p strong {
        text-align: left;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(1) {
        right: 36%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(2) {
        left: 17%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(3) {
        right: 17%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(4) {
        left: 34%;
    }

    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        overflow-y: hidden !important;
    }

    /* .elementor-2375 .elementor-element.elementor-element-c08f338 {
        width: 100%;
    } */
}

@media (max-width:991px) {
    .elementor-kit-7 h1 {
        line-height: 45px;
        font-size: 38px;
        letter-spacing: 0px;
        margin: 0;
    }

    .bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner input {
        line-height: 26px;
        font-size: 15px;
    }

    footer .elementor-social-icons-wrapper {
        grid-column-gap: 10px !important;
    }

    footer .social-med-column .footer-cs-rw2-col2,
    footer .social-med-column .footer-cs-rw2-col3,
    footer .social-med-column .footer-cs-rw2-col4 {
        padding: 3px;
    }

    .elementor-572 .elementor-element.elementor-element-a23ff8d .elementor-heading-title {
        line-height: 25px;
    }

    .recent-posts-list {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 90px;
    }

    .recent-posts-list .recent-container {
        width: 45%;
        display: flex;
        justify-content: center;
    }

    .vylabs-banner-image .post-details-container h4 {
        font-size: 28px;
        line-height: 40px;
    }

    .vylabs-banner-image .post-details-container p {
        font-size: 18px;
    }

    .vylabs-banner-image .post-details-container {
        width: 65%;
    }

    .post-first-section {
        height: 35rem;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(1) {
        right: 35%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(2) {
        left: 15%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(3) {
        right: 15%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(4) {
        left: 32%;
    }


}

@media (max-width:868px) {
    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(2) {
        left: 8%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(1) {
        right: 32%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(3) {
        right: 7%;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(4) {
        left: 28%;
    }
}

@media (max-width:768px) {

    span.greeting:after {
        display: none;
    }

    .elementor-kit-7 h1 {
        line-height: 45px;
        text-align: center;
        font-size: 35px;
        margin: 0px 35px;
    }

    .category-filter {
        font-size: 12px;
        padding: 5px 10px;
        line-height: 22px;
        width: 160px;
        display: flex;
        justify-content: center;
        padding: 10px 10px;
    }

    .vylabs-blog-post-section .post-thumbnail .post-img-box img {
        width: 340.33px;
        height: 220px;
    }

    .vylabs-blog-post-section .post-content p {
        font-size: 14px;
    }

    .vylabs-blog-post-section .post-content h2 a {
        font-size: 22px;
    }

    .vylabs-blog-post-section .post-content h2 a:before {
        width: 22px;
        height: 22px;
        /* top: 48px;
        right: 30px; */
    }

    .elementor-kit-7 h3 {
        font-size: 35px;
    }

    .blog-first-section-htag h4 {
        text-align: center;
        margin: 0 15px;
    }

    .blogbounce img {
        width: 360px;
    }

    .bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner {
        width: auto;
    }

    .category-filter-out-section {
        width: 80%;
    }

    .recent-posts-list .recent-container {
        width: 100%;
    }

    .vylabs-banner-image {
        height: 325px;
    }

    .post-contant-section .right-section h3 {
        line-height: 30px;
    }

    .vylabs-banner-image .post-details-container h4 {
        font-size: 22px;
    }

    .post-contant-section .left-section p,
    .post-contant-section .left-section h1,
    .post-contant-section .left-section h2,
    .post-contant-section .left-section h3,
    .post-contant-section .left-section h4,
    .post-contant-section .left-section h5,
    .post-contant-section .left-section h6,
    .post-contant-section .left-section ul li,
    .post-contant-section .left-section ol li {
        font-size: 18px;
        line-height: 34px;
    }

    .post-first-section {
        height: 30rem;
    }

    .vylabs-banner-image .post-details-container {
        width: 75%;
    }

    .post-outer-section .post-two-section {
        margin: 0px 30px;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn .elementor-button-wrapper a {
        padding: 8px 18px !important;
        font-size: 16px;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(1) {
        right: 33%;
        top: 50px;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(2) {
        left: 5%;
        top: 137px;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(3) {
        right: 5%;
        top: 175px;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn:nth-child(4) {
        left: 26%;
    }

    footer .elementor-nav-menu__align-right .elementor-nav-menu {
        margin: auto !important;
    }

    .mrm-form {
        display: flex;
        justify-content: center;
        grid-gap: 12px;
        flex-direction: column;
    }

    .mrm-form .response.mintmrm-success {
        padding-bottom: 0;
        position: relative;
        display: flex;
        justify-content: center;
    }


    .mrm-form-group.mrm-input-group.alignment-left.email.mailmint-input {
        width: 100%;
    }

    .mrm-form,
    .mrm-form .mrm-form-group,
    .mrm-form .mrm-form-group button {
        width: 100%;
    }

    .cnt-form-out-box .cnt-form-msg,
    .cnt-form-out-box .cnt-form-submit,
    .cnt-form-out-box .cnt-form-input-section {
        margin: auto;
        width: 85%;
    }

    .cnt-form-out-box .cnt-form-msg {
        margin-top: 15px;
    }
}

@media (max-width:640px) {
    .vylabs-blog-container .vylabs-blog-post-section {
        width: 100%;
    }

    .elementor-kit-7 h1 {
        line-height: 55px;
    }

    .vylabs-blog-container {
        max-width: 360px;
        width: 640px;
        display: flex;
        margin: auto;
    }

    .vylabs-blog-post-section .post-content {
        margin-top: 5px;
    }

    .vylabs-blog-post-section .post-content .post-content {
        margin: 2px 0;
    }

    .bolg-ft-left-section .newsletter-cs-rowtwo .e-con-inner input {
        padding-left: 0;
        text-align: center;
    }

    .elementor-572 .elementor-element.elementor-element-438071c .elementor-heading-title {
        font-size: 30px;
    }

    footer .elementor-nav-menu--layout-horizontal ul {
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
        gap: 20px;
        margin: auto !important;
        padding-left: 40px;
    }

    footer .social-med-column .footer-cs-rw2-col2,
    footer .social-med-column .footer-cs-rw2-col3 {
        width: 42%;
    }

    footer .social-med-column .footer-cs-rw2-col4 {
        width: 100%;
    }

    .elementor-kit-7 h3 {
        line-height: 45px;
    }

    .vylabs-banner-image .post-details-container {
        width: 90%;
        padding: 0 12px;
    }

    .vylabs-banner-image .post-details-container h4 {
        font-size: 24px;
        line-height: 50px;
    }

    .vylabs-banner-image .post-details-container p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .vylabs-banner-image .post-details-container {
        height: 220px;
    }

    .bottom-img-ext-btn-contaioner .bottom-img-ext-btn .elementor-button-wrapper a {
        font-size: 12px;
    }

    .cnt-form-out-box .cnt-form-input-section .cnt-form-input {
        width: 100%;
    }
	.cnt-form-out-box .cnt-form-input-section {
	    column-gap: 14px !important;
	    row-gap: 14px !important;
	}
}

@media (max-width:575px) {
    .elementor-kit-7 h1 {
        line-height: 50px;
        font-size: 28px;
    }

    .elementor-kit-7 h3 {
        font-size: 30px;
    }
}

@media (max-width:480px) {
    .vylabs-blog-container {
        width: 320px;
    }

    .newsletter-cs-rowtwo .e-con-inner .newsletter {
        grid-template-columns: auto;
        gap: 20px;
    }

    .elementor-572 .elementor-element.elementor-element-438071c .elementor-heading-title {
        font-size: 30px;
    }

    footer .social-med-column .footer-cs-rw2-col2,
    footer .social-med-column .footer-cs-rw2-col3,
    footer .social-med-column .footer-cs-rw2-col4 {
        width: 100%;
    }

    footer .social-med-column .footer-cs-rw2-col2 ul li,
    footer .social-med-column .footer-cs-rw2-col3 ul li,
    footer .adrs-column ul li {
        display: flex;
        justify-content: center;
    }

    footer .social-med-column .footer-cs-rw2-col2 ul li a,
    footer .social-med-column .footer-cs-rw2-col3 ul li a,
    footer .adrs-column ul li a {
        width: fit-content;
    }

    footer .adrs-column ul li a span {
        text-align: center;
    }

    .vylabs-blog-post-section .post-content h2 a {
        font-size: 18px;
    }

    /* .vylabs-blog-post-section .post-content h2 a:before {
        top: 40px;
    } */
}

@media (max-width:390px) {
    .pagination span.pag-btn.prev:after {
        left: -26px;
    }

    .pagination span.pag-num {
        padding: 8px;
    }

    .blog-page-fliter .pagination {
        gap: 18px;
    }

    .pagination span.pag-btn.next:after {
        right: -10px;
    }
}

@media (max-width:360px) {
    .elementor-kit-7 h1 {
        line-height: 45px;
        font-size: 26px;
    }

    .elementor-kit-7 h3 {
        font-size: 26px;
        padding: 5px;
    }

    .recent-posts-details {
        width: 225px;
    }

    .newsletter-cs-rowtwo .e-con-inner input.wpcf7-submit {
        font-size: 15px;
    }

    .newsletter-cs-rowtwo .e-con-inner .newsletter input.wpcf7-email {
        font-size: 15px;
    }

    .post-contant-section .right-section h3 {
        font-size: 15px;
    }

    .recent-posts-details .Created-dt {
        line-height: 10px;
    }

    .recent-posts-list .Jump-section a::before {
        right: 85px;
    }

    .recent-posts-details .Created-dt {
        margin-bottom: 2px;
        font-size: 11px;
    }

    .post-contant-section .right-section h3 {
        line-height: 17px;
    }
}


/* Blog Posts  */

.blog-category-buttons {
    margin-bottom: 40px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.blog-category-button {
    font-family: "Satoshi", Sans-serif;
    font-weight: 700;
	color: var(--e-global-color-fb5a485) !important;
    background-color: #618BFC00;
    border-style: solid;
    border-width: 2px;
    border-color: var(--e-global-color-fb5a485);
    border-radius: 40px;
    padding: 8px 20px 8px 20px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.blog-category-button.active, .blog-category-button:hover {
    background-color: transparent;
    background-image: linear-gradient(166deg, var(--e-global-color-39f3f06) 0%, var(--e-global-color-fb5a485) 100%);
    border-radius: 40px;
    color: #fff !important;
    cursor: pointer;
	border-style: solid;
    border-width: 2px;
    border-color: var(--e-global-color-fb5a485);
}

.blog-category-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
	justify-content: center;
}

.blog-card {
    background: linear-gradient(0deg, #111235 13.45%, #2b2480 81.72%);
    width: calc(33.333% - 20px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
}

.blog-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.blog-card-image img {
    width: 100%;
    height: auto;
	border-radius: 16px;
}

.blog-card-content {
    padding: 20px;
}

.blog-card-content h2 {
    font-family: "Satoshi";
	font-size: 24px;
    margin-bottom: 10px;
    line-height: 33px;
    color: #fff;
}

.blog-card-content p {
    font-family: "Satoshi";
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-bottom: 20px;
    color: #c9c9c9;
    line-height: 23px;
}

.blog-read-more-button {
    display: inline-block;
    color: #8b68fa !important;
    text-decoration: none;
    border-radius: 24px;
    transition: background-color 0.3s ease;
    font-weight: 700;
}


.blog-pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.blog-pagination a {
    margin: 0 5px;
    padding: 10px 15px;
    background-color: #8b68fa;
    color: #fff !important;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.blog-pagination a:hover {
    background-color: #ddd;
}

.blog-pagination .current-page {
    font-weight: bold;
    background-color: #8b68fa;
    color: #fff;
}

.userway_buttons_wrapper {
	bottom: 135px !important;
}


#mintmrm-2 .mrm-form-group {
	display:flex;
}


.wp-block-latest-posts__post-title {
        font-family: 'Satoshi';
        font-size: 30px;
        font-weight: 700;
}

.wp-block-latest-posts__list {
    padding: 25px;
    border-radius: 25px;
}

.wp-block-latest-posts__featured-image {
    margin: -25px;
    padding-bottom: 45px;
}

.wp-block-latest-posts__featured-image img {
    border-radius: 25px 25px 0 0;
}

.wp-block-latest-posts__post-date {
    padding-left: 20px;
    font-family: 'Satoshi';
    font-size: 18px;
}

.wp-block-latest-posts__post-excerpt {
    font-family: 'Satoshi';
    font-size: 19px;
    line-height: 25px;
    padding-top: 18px;    
}

/*=== Globe CSS ==*/

.basic-scene {
  width: 700px;
  height: 700px;
}

#basic-scene {
	display: flex;
	justify-content: center;
}


@media only screen and (max-width: 600px) {
	  .basic-scene {
	  width: 400px;
	  height: 400px;
	}
}

@media only screen and (min-width: 600px) {
	.basic-scene {
	  width: 400px;
	  height: 400px;
	}
}

@media only screen and (min-width: 768px) {
	.basic-scene {
	  width: 500px;
	  height: 500px;
	}
} 

@media only screen and (min-width: 992px) {
	.basic-scene {
	  width: 600px;
	  height: 600px;
	}
} 

@media only screen and (min-width: 1200px) {
	.basic-scene {
	  width: 700px;
	  height: 700px;
	}
}



/*=== Team Page ==*/

.hidden-team {
  display: none;
}
.hidden-team.show {
  display: flex;
}



@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {  
    .team {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
          }
    }

@media screen and (min-device-width: 1025px) { 
    .team {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: space-between;
          }
    }

@media screen and (min-device-width: 1025px) { 
          .team .card {
            width: 23%;
          }
    }


/*=== Cookie Btn ==*/

@media only screen and (max-width: 600px) {
	  .cky-revisit-bottom-left {
		margin-bottom: 150px;
		}
}

@media only screen and (min-width: 600px) {
	.cky-revisit-bottom-left {
		margin-bottom: 120px;
		}
}

@media only screen and (min-width: 768px) {
	.cky-revisit-bottom-left {
		margin-bottom: 150px;
		}
} 

@media only screen and (min-width: 992px) {
	.cky-revisit-bottom-left {
		margin-bottom: 170px;
		}
} 

@media only screen and (min-width: 1200px) {
	.cky-revisit-bottom-left {
		margin-bottom: 190px;
		}
}