@import url(https://fonts.googleapis.com/css2?family=Anek+Telugu:wght@100;200;300;400;500;600;700;800&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);.about,.about__thumb--style2,.about__thumb-image,.about__thumb-image img,.accordion__button-plusicon,.account,.account__divider--style1,.account__wrapper,.banner--style1,.banner--style2,.banner--style2 .banner__content,.banner--style3,.banner--style3 .banner,.blog,.blog-details,.blog__wrapper,.contact,.contact__wrapper,.cta--style2,.cta__newsletter-inner,.cta__thumb,.cta__wrapper,.faq,.faq__thumb--style1,.feature,.feature--style1 .feature,.feature--style1 .feature__wrapper,.footer,.footer__app-inner,.footer__linklist-item a,.footer__wrapper,.form-pass,.header-bar,.header-section,.header-section--style1,.menu-item-has-children>a,.page-header,.paginations ul li a,.paginations ul li:not(:first-child,:last-child) a,.partner--gradient,.partner__wrapper,.pricing,.pricing__item,.pricing__item-top,.roadmap,.roadmap--style1 .roadmap__item-inner,.roadmap--style1 .roadmap__wrapper,.roadmap--style2 .roadmap__item,.roadmap--style2 .roadmap__item-inner,.roadmap--style2 .roadmap__upper-inner,.section-header,.service,.service-details__team,.service__item-inner,.showhide-pass,.sidebar__head,.sidebar__search form,.social__link--style3,.story,.story__thumb-inner,.story__wrapper,.team__item-inner,.team__item-thumb,.testimonial__wrapper,.text-btn,.trk-btn,sub,sup {
    position: relative
}

button,hr,input {
    overflow: visible
}

img,legend {
    max-width: 100%
}

progress,sub,sup {
    vertical-align: baseline
}

a,body {
    color: var(--text-color)
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,legend {
    color: inherit;
    color: inherit;
    color: inherit
}

.menu>li>a,.subtitle {
    text-transform: capitalize
}

.banner--style3 .banner__counter-item h4,.m-b0 {
    margin-bottom: 0
}

.account__inner,.paginations {
    box-shadow: 0 -16px 48px rgba(6,35,63,.03),0 16px 48px rgba(6,35,63,.03)
}

.about__icon-inner,.contact__item-thumb span,.lightdark-switch span,.preloader,.social__link--style1,.social__link--style2,.social__link--style22,.social__link--style3,.social__link--style4,.social__link--style5,.social__link--style6,.swiper-nav__btn {
    place-items: center
}

#footer,.menu li.forMobileOlny a span,:root {
    font-size: 14px
}

.disc-list,.social,ol,ul,ul.listPLesd {
    list-style: none
}

.about__content--style2 .about__content-inner,.accordion__button,.account__check,.blog-details__action-inner,.blog__writer,.btn-group,.comment__author,.comment__head,.contact__item-inner,.floating-content__item--style2,.floating-content__item--style4,.footer__app,.footer__app-inner,.footer__end-links,.header-wrapper,.header-wrapper .menu-area,.header-wrapper .menu-area .header-btn,.menu,.paginations ul li a,.paginations ul li:not(:first-child,:last-child) a,.roadmap--style1 .roadmap__item-header,.roadmap--style2 .roadmap__upper-inner,.sidebar__categorie-body ul li,.sidebar__recentpost-inner,.social,.subtitle,.swiper-nav,.tags ul,.tags--style2 ul,.testimonial__author,.testimonial__footer {
    display: flex;
    flex-wrap: wrap
}

.account__social-btn,.footer__app-inner,.paginations ul li a,.paginations ul li:not(:first-child,:last-child) a,.subtitle--style2 {
    justify-content: center
}

.accordion__button,.account__check,.blog-details__action-inner,.comment__head,.header-wrapper,.roadmap--style1 .roadmap__item-header,.sidebar__categorie-body ul li,.testimonial__footer {
    justify-content: space-between
}

.about--style3 .about__content ul li,.account__check,.banner--style3 .banner__counter-inner,.blog-details__action-inner,.blog-details__meta ul li,.blog__writer,.btn-group,.comment__author,.comment__head,.contact__item-inner,.floating-content__item--style2,.floating-content__item--style4,.footer__app,.footer__app-inner,.footer__end-copyright,.footer__end-links,.header-wrapper,.header-wrapper .menu-area,.header-wrapper .menu-area .header-btn,.paginations ul li a,.paginations ul li:not(:first-child,:last-child) a,.roadmap--style2 .roadmap__upper-inner,.sidebar__categorie-body ul li,.sidebar__recentpost-inner,.social,.subtitle,.swiper-nav,.testimonial__author,.testimonial__footer,.text-btn,.trk-btn--arrowplay,.trk-btn--defult,.trk-btn--left,.trk-btn--left span,.trk-btn--outline2,.trk-btn--outline22,.trk-btn--outline3 {
    align-items: center
}

.about--style3 .about__content h2,.about__content--style2 .about__content-details h5,.about__content--style2 .about__content-inner h2,.about__content-inner h2,.accordion__button,.account__check-forgot a,.banner--style3 .banner__counter-item p,.banner__content-heading,.blog-details__content h3,.blog-details__segment-content h5,.blog__content h5,.comment__action a,.contact__social h3,.cta__subscribe h2,.error__content h2,.feature--style1 .feature__item-content h6,.floating-content__item--style2 p,.page-header__content h2,.roadmap--style1 .roadmap__item-header h3,.section-header h2,.service-details__team h5,.tags ul li a,.tags--style2 ul li a,.text-btn {
    text-transform: capitalize;
    font-size: 34px;
    font-weight: 500
}

.account__thumb img,.banner--style2 .banner__wrapper--style2::after,.cta__shape-item--2,.roadmap--style2 .roadmap__upper-inner::after,.swiper-nav--style2 .swiper-nav__btn,[hidden],template {
    display: none
}

.about--style3 .about__content ul li,.banner--style3 .banner__counter-inner,.header-wrapper .logo a,details,main {
    display: block
}

.about__content--style2 .about__content-inner,.accordion__button,.account__check,.blog-details__action-inner,.blog__writer,.btn-group,.comment__author,.comment__head,.contact__item-inner,.floating-content__item--style2,.floating-content__item--style4,.footer__app,.footer__app-inner,.footer__end-links,.header-wrapper,.header-wrapper .menu-area,.header-wrapper .menu-area .header-btn,.menu,.paginations ul li a,.paginations ul li:not(:first-child,:last-child) a,.roadmap--style1 .roadmap__item-header,.roadmap--style2 .roadmap__upper-inner,.sidebar__categorie-body ul li,.sidebar__recentpost-inner,.social,.subtitle,.swiper-nav,.tags ul,.tags--style2 ul,.testimonial__author,.testimonial__footer {
    display: flex
}

.about__icon-inner,.blog-details__meta ul,.contact__item-thumb span,.lightdark-switch span,.social__link--style1,.social__link--style2,.social__link--style22,.social__link--style3,.social__link--style4,.social__link--style5,.social__link--style6,.swiper-nav__btn {
    display: grid
}

.account__social-btn span,.account__switch a,.blog__meta-tag,.footer__linklist-item a,.header-bar span,.trk-btn {
    display: inline-block
}

.blog-details__meta ul li,.footer__end-copyright,.service__thumb-inner,.trk-btn--arrowplay,.trk-btn--defult,.trk-btn--left,.trk-btn--left span,.trk-btn--outline2,.trk-btn--outline22,.trk-btn--outline3 {
    display: inline-flex
}

.about__shape--style1 .about__shape-item,.about__shape--style2 .about__shape-item,.about__thumb--style2::after,.accordion__button-plusicon:after,.accordion__button-plusicon:before,.account__divider--style1 span,.account__divider--style1:before,.account__shape-item,.banner--style2 .banner__wrapper--style2::after,.banner--style3 .banner__bg,.banner__bg-element img,.banner__bg-element span,.banner__shape-item,.blog__bg-element img,.blog__shape-item,.contact__shape-item,.cta__shape-item,.faq__shape-item,.faq__shape-item--1,.faq__shape-item--2,.faq__shape-item--3,.feature--style1 .feature__shape-item,.feature--style2 .feature__shape-item,.floating-content__bottom-left,.floating-content__bottom-right,.floating-content__left-top,.floating-content__top-left,.floating-content__top-right,.footer__linklist-item a::after,.footer__shape-item,.form-pass__ctoggle,.form-pass__toggle,.header-bar span,.header-section--style2,.header-section--style3,.menu-item-has-children>a::after,.page-header__shape-item,.partner--gradient::after,.partner--gradient:before,.pricing__shape-item,.pricing__shape-item--5,.pricing__shape-item--6,.roadmap--style1 .roadmap__shape-item,.roadmap--style2 .roadmap__upper-inner::after,.service__shape-item,.service__shape-item--2,.sidebar__search form button,.story__shape-item,.story__thumb-playbtn,.swiper-nav--style2 .swiper-nav__btn-next,.swiper-nav--style2 .swiper-nav__btn-prev,.team__item-content,.team__item-shape1,.team__item-shape2,.team__item-shape3,.text-btn--style2::after,.text-btn::after,.trk-btn:after {
    position: absolute
}

.lightdark-switch span {
    position: fixed;
    padding: 5px
}

.story__thumb-playbtn {
    transform: translate(-50%,-50%);
    position: absolute;
    content: "";
    top: 50%;
    left: 50%
}

.about__icon-inner,.about__thumb--style2,.account__switch,.faq__thumb--style1,.roadmap--style2 .roadmap__item-inner,.section-header--max50,.section-header--max57,.section-header--max65,.social__link,.team__item-author,.trk-btn,.trk-btn--defult,.trk-btn--outline,.trk-btn--outline2,.trk-btn--outline22,.trk-btn--outline3,.trk-btn--outline4 {
    text-align: center
}

.accordion__button,.floating-content__item--style2 p,.floating-content__item--style4,.floating-content__top-left--style2 {
    text-align: left
}

.account__check-remember label,.account__social-btn,.account__switch p,.account__switch p a,.account__switch p a.style2,.floating-content__item p,.paginations ul li a,.sidebar__categorie-body ul li a,.sidebar__categorie-body ul li span,.tags ul li a,.tags--style2 ul li a,.text-btn.text-btn--small {
    font-weight: 400
}

.accordion__button,.blog-details__segment-content h5,.comment__action a,.footer__app-content p,.service-details__team h5,.service__content h5,.sidebar__categorie-body ul li.active a,.sidebar__categorie-body ul li.active span,.sidebar__categorie-body ul li:hover a,.sidebar__categorie-body ul li:hover span,.sidebar__recentpost-content p,.subtitle--style4 p,.subtitle--style5 {
    font-weight: 500
}

.about--style3 .about__content ul li,.account__check-forgot a,.account__divider--style1 span,.blog__content h5,.blog__meta-tag,.blog__writer-designation h6,.blog__writer-designation p,.comment__author-info h6,.contact__item-content p,.feature--style1 .feature__item-content h6,.floating-content__item--style4 p,.footer__end-copyright a,.form-label,.page-header .breadcrumb-item,.pricing__item-top h3 span,.roadmap--style1 .roadmap__item-header span,.service__item--style2 .service__content h5,.sidebar__head h6,.team--details .team__content h4,.team--details .team__content>span,.team__item-authorinfo h6,.trk-btn {
    font-weight: 600
}

.menu>li>a,.section-header h2 span {
    font-weight: 500
}

.account__switch a,.banner--style3 .banner__counter-item h4,.banner--style3 .banner__counter-item h4 span,.banner__content-social p,.cta-form .cta-btn,.floating-content__item h3,.floating-content__item p.style2,.floating-content__item--style2 p,.paginations ul li:not(:first-child,:last-child) a,.swiper-nav__btn i,.swiper-nav__btn svg,.team__item-author--style2 .team__item-authorinfo h6 {
    font-weight: 700
}

.about__content--style2 .about__content-details h5,.account__switch p,.banner--style3 .banner__btn-group,.banner--style3 .banner__counter-item p,.contact__item-content p,.feature--style1 .feature__item-content h6,.floating-content__item p,.footer__app-content span,.menu,.pricing__list,.roadmap--style1 .roadmap__item-content p,.roadmap--style2 .roadmap__item-content h5,.section-header h2,.sidebar__head h3,.sidebar__head h4,.sidebar__head h6,.sidebar__recentpost-content p,.social,.testimonial__author-designation h6,ol,ul {
    margin-block-end:0}

.about--style3 .about__content ul,.floating-content__item h3,.form-label {
    margin-block-end:5px}

.account__switch a,.trk-btn span img,.trk-btn span svg {
    margin-inline-start:5px}

.about--style3 .about__content ul li span img,.account__switch p i,.account__switch p svg,.pricing__list-item span,.sidebar__categorie-body ul li a i,.trk-btn i,.trk-btn svg {
    margin-inline-end:5px}

.banner--style3 .banner__counter-item p,.banner__content {
    margin-block-start:20px}

.account__header h2,.blog-details__content h3,.comment__author-info h6,.error__content h2,.feature--style2 .feature__item-content h5,.feature--style2 .feature__item-content p,.footer__linklist-item:not(:last-child),.section-header--style2,.team--details .team__content .designation {
    margin-block-end:10px}

.text-btn i,.text-btn span,.text-btn svg {
    margin-inline-start:10px}

.account__social-btn span,.account__switch:hover p i,.account__switch:hover p svg,.cta-form .form-control--style2,.text-btn.text-btn--small span {
    margin-inline-end:10px}

.account__check,.comment__body-inner,.progress {
    margin-block-start:15px}

.about--style3 .about__content ul li:not(:last-child),.banner__content-social p,.nav--feature .nav-link:not(:last-child),.page-header__content h2,.pricing__list-item:not(:last-child),.sidebar__categorie-body ul li {
    margin-block-end:15px}

.text-btn:hover i,.text-btn:hover svg {
    margin-inline-start:15px}

.about__content {
    margin-block-start:20px}

.banner__content-coin,.banner__content-moto,.footer__about-logo img,.footer__end-copyright,.footer__end-links,.footer__links-tittle h6 {
    margin-block-end:20px}

.about--style3 .about__content ul,.footer__end-links,.team--details .team__content .info {
    margin-block-start:25px}

.about--style3 .about__content a,.about__content-inner a,.account__switch,.testimonial__footer {
    margin-block-start:30px}

.about--style3 .about__content-icon,.about__content:not(:last-child),.banner__content-coin--style2,.contact__item:not(:last-child),.cta__subscribe p,.error__thumb img,.footer__about-moto,.sidebar__recentpost-body ul li {
    margin-block-end:30px}

.header-bar,.sidebar__comment-item--reply {
    margin-inline-start:30px}

.account__divider--style2 {
    margin-block:30px}

.account__divider--style1,.error__content a {
    margin-block-start:35px}

.account__check,.blog-details__content,.blog-details__segment-item,.blog-details__thumb {
    margin-block-end:35px}

.blog-details__commentform,.sidebar__comment {
    margin-block-start:40px}

.account__header,.banner__btn-group,.contact__social h3,.section-header,.sidebar__comment-item {
    margin-block-end:40px}

.contact__social {
    margin-block-end:60px}

.m-0,body {
    margin: 0
}

.pricing__list,.social,ol,ul {
    padding-inline-start:0}

.footer__app-inner {
    padding-block-start:5px;padding-block-end:10px;padding-inline:10px}

.paginations ul li {
    padding-inline:5px}

.cta-form .form-control--style1,.cta-form .form-control--style2 {
    padding-block:10px}

.accordion--style2 .accordion__button,.banner--style3 .banner__counter-item,.comment__body-inner,.contact__item-thumb span,.nav--feature .nav-link,.roadmap--style2 .roadmap__item-inner,.service__thumb-inner,.sidebar__categorie,.sidebar__recentpost,.sidebar__search,.sidebar__search form input,.sidebar__social,.sidebar__tags,.team__item-author--style2 .team__item-authorinfo,.testimonial__item--style2 .testimonial__item-inner {
    padding: 15px
}

.sidebar__head h3,.sidebar__head h6 {
    padding-block-end:15px}

.blog__meta,.cta-form .cta-btn,.floating-content__item,.header-wrapper {
    padding-block:15px}

.service__item-inner {
    padding-inline:15px}

.account__content--style1,.error__inner {
    padding: 20px
}

.accordion--style1 .accordion__button,.service-details__faq {
    padding-block:20px}

.cta-form .form-control--style1,.cta-form .form-control--style2,.floating-content__item,.service-details__faq,.team__item-author--style2 .team__item-authorsocial {
    padding-inline:20px}

.blog__item-inner,.sidebar__categorie-body,.sidebar__comment-body,.sidebar__recentpost-body,.sidebar__tags-body {
    padding-block-start:25px}

.accordion--style2 .accordion__body,.blog-details__meta,.team__item-author--style2 .team__item-authorsocial {
    padding-block-end:25px}

.blog-details__action-inner,.footer__end {
    padding-block:25px}

.accordion--style2 .accordion__body,.blog__item-inner,.cta-form .cta-btn,.pricing__item-inner {
    padding-inline:25px}

.account__content--style2,.blog-details__commentform,.blog-details__item-inner,.service-details__item-inner,.sidebar__comment {
    padding: 30px
}

.blog__item-inner,.testimonial__item-content p {
    padding-block-end:30px}

.partner,.pricing__item-inner {
    padding-block:30px}

.account__divider--style1,.blog__item--style2 {
    padding-block-end:35px}

.service__item-inner {
    padding-block:35px}

.testimonial__item--style1 .testimonial__item-inner {
    padding: 40px
}

.testimonial__slider,.testimonial__slider2 {
    padding-block-end:40px}

.pricing__item-middle {
    padding-block:0}

.cta__newsletter-inner {
    padding-inline:30px;padding-block:45px}

.about,.accordion__item,.account,.banner--style1,.banner--style2,.banner--style3,.blog,.blog-details,.blog-details__thumb,.blog__content h5,.blog__content p,.blog__item-inner,.blog__thumb,.contact,.cta,.feature,.feature--style1 .feature,.feature--style2 .feature__item-content h5,.footer,.lightdark-switch span,.of-hidden,.page-header,.preloader,.pricing,.roadmap,.roadmap--style1 .roadmap__wrapper,.service,.service-details,.sidebar,.sidebar__categorie-body ul li a,.sidebar__categorie-body ul li span,.sidebar__recentpost-content p a,.sidebar__recentpost-thumb,.story,.team--details .team__thumb,.team__item-inner,.team__item-thumb,.testimonial,.trk-btn {
    overflow: hidden
}

.accordion__button,.account__social-btn,.banner__bg-element img,.banner__bg-element span,.blog-details__thumb img,.blog__bg-element img,.blog__thumb img,.d-block,.header-bar span,.header-section--style1.header-fixed,.header-section--style2.header-fixed,.header-section--style3.header-fixed,.header-section.header-fixed,.sidebar__recentpost-thumb img,.team--details .team__thumb img,.team__item-thumb img,input,textarea {
    width: 100%
}

.blog__content p,.sidebar__recentpost-content p a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.blog__content h5,.feature--style2 .feature__item-content h5 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

[data-bs-theme=dark] {
    --brand-color: #9c4da8;
    --golden: #9c4da8;
    --secondary-color: #9c4da8;
    --tertiary-color: #002A1E;
    --tertiary-color2: #002A1E;
    --tertiary-color3: #0E221E;
    --body-color: #121212;
    --border-color: rgba(230, 237, 251, 0.1215686275);
    --border-color-2: rgba(255, 255, 255, 0.08);
    --border-color-3: #fff;
    --border-color-4: #1B2D29;
    --border-color-5: rgba(255, 255, 255, 0.08);
    --border-color-6: rgba(255, 255, 255, 0.08);
    --border-color-7: #00533B;
    --border-color-8: rgba(234, 219, 215, 0.06);
    --header-bg-color: #0e352a;
    --feature-bg-color: rgba(229, 237, 248, 0.087);
    --social-border-color: rgba(255, 255, 255, 0.0784313725);
    --social-border-color-2: rgba(255, 255, 255, 0.0784313725);
    --social-border-color-3: rgba(255, 255, 255, 0.1);
    --form-border: #DCDFE833;
    --title-color: #FFFFFF;
    --title-color-style2: #BBC2C7;
    --text-color: rgba(255, 255, 255, 0.6);
    --text-color-light: #FFFFFF;
    --text-color-2: rgba(255, 255, 255, 0.6);
    --text-color-3: rgba(255, 255, 255, 0.70);
    --bg-color: rgba(237, 242, 248, 0.08);
    --bg-color-trans: rgba(237, 242, 248, 0.02);
    --bg-grad-color: #253A33;
    --bg-grad-color-trans: rgba(255, 255, 255, 0.00);
    --bg-grad-color-2: rgba(213, 229, 249, 0.16);
    --bg-grad-color-trans-2: rgba(255, 255, 255, 0.04);
    --bg-grad-color-3: rgba(32, 56, 51, 0.50);
    --bg-grad-color-trans-3: rgba(2, 29, 21, 0.00);
    --bg-grad-color-4: rgba(0, 208, 148, 0.24);
    --bg-grad-color-trans-4: rgba(0, 208, 148, 0.00);
    --bg-color-2: #2D2C2C;
    --bg-color-3: #282828;
    --bg-color-4: linear-gradient(150.39deg, rgba(237, 242, 248, 0.0264) 15.02%, rgba(237, 242, 248, 0.12) 99.59%);
    --bg-color-5: linear-gradient(150.39deg, rgba(237, 242, 248, 0.22) 15.02%, #EDF2F8 99.59%);
    --bg-color-6: #2D2C2C;
    --bg-color-7: rgba(255, 255, 255, 0.0392156863);
    --bg-color-8: #124D6D;
    --bg-color-9: #000;
    --bg-white: #ffffff;
    --bg-team: #1c2e2a;
    --form-focus-color: #366CD5;
    --wh-color: #5962b7;
    --black-color: #fff;
    --floating-content-border-color: rgba(0, 0, 0, 0.02);
    --floating-content-bg-color: rgba(63, 81, 75, 0.80);
    --floating-content-bg-color-2: rgba(255, 255, 255, 0.08);
    --service-item-border-color: #091E19;
    --service-item-bg-color: rgba(33, 52, 47, 1);
    --faq-item-btn-border-color: #FFFFFF14;
    --faq-bg-color: #21342F;
    --extra-bg-color: #21342F;
    --tag-bg-color: #002A1E;
    --bg-shape-color: rgba(213, 229, 249, 0.08);
    --bg-shape-color-trans: rgba(255, 255, 255, 0.02);
    --bg-shape-color-2: rgba(213, 229, 249, 0.16);
    --bg-shape-color-trans-2: rgba(255, 255, 255, 0.04);
    --footer-bg-color: #00150F;
    --faq-img-bg-shadow: #16d4668f;
    --pagination-bg-color: #00150F;
    --section-bg-color: rgba(237, 242, 248, 0.02);
    --sec-bg-color-2: #081c17;
    --account-bg-color: #00150F;
    --account-bg-color2: #00150F;
    --arrow-color1: #2B4B43;
    --arrow-icon-color: #fff;
    --header-border-color: rgba(255, 255, 255, 0.16);
    --banner2-bg-color: #0e241d;
    --about-img-bg-shadow: #85F2D382;
    --cta-img-bg-shadow: #45554b;
    --error-color: #F04438;
    --warning-color: #F79009;
    --success-color: #12B76A;
    --danger-color: #FF0000
}

.m-l0 {
    margin-left: 0
}

.p-l0,ol,ul {
    padding-left: 0
}

.m-r0 {
    margin-right: 0
}

.p-r0 {
    padding-right: 0
}

.m-t0 {
    margin-top: 0
}

#footer .footer-top .footer-links ul li:first-child,.p-t0 {
    padding-top: 0
}

.p-b0 {
    padding-bottom: 0
}

.p-0 {
    padding: 0
}

.m-l10 {
    margin-left: 10px
}

.p-l10 {
    padding-left: 10px
}

.m-r10 {
    margin-right: 10px
}

.p-r10 {
    padding-right: 10px
}

.m-t10 {
    margin-top: 10px
}

.p-t10 {
    padding-top: 10px
}

.m-b10 {
    margin-bottom: 10px
}

.p-b10 {
    padding-bottom: 10px
}

.m-l20 {
    margin-left: 20px
}

.p-l20 {
    padding-left: 20px
}

.m-r20 {
    margin-right: 20px
}

.p-r20 {
    padding-right: 20px
}

.m-t20 {
    margin-top: 20px
}

.p-t20 {
    padding-top: 20px
}

.fotcon,.m-b20 {
    margin-bottom: 20px
}

.p-b20 {
    padding-bottom: 20px
}

.m-l30 {
    margin-left: 30px
}

.p-l30 {
    padding-left: 30px
}

.m-r30 {
    margin-right: 30px
}

.p-r30 {
    padding-right: 30px
}

.m-t30 {
    margin-top: 30px
}

.at_table-container,.p-t30 {
    padding-top: 30px
}

.m-b30 {
    margin-bottom: 30px
}

.p-b30 {
    padding-bottom: 30px
}

.m-l50 {
    margin-left: 50px
}

.p-l50 {
    padding-left: 50px
}

.m-r50 {
    margin-right: 50px
}

.p-r50 {
    padding-right: 50px
}

.m-t50 {
    margin-top: 50px
}

.p-t50 {
    padding-top: 50px
}

.m-b50 {
    margin-bottom: 50px
}

.p-b50 {
    padding-bottom: 50px
}

[type=checkbox],[type=radio],legend {
    box-sizing: border-box;
    padding: 0
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    text-decoration: none !important;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.cta-form .form-control,.scrollToTop {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.menu>li>a,body {
    font-family: "Open Sans",sans-serif
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

body {
    background-color: var(--body-color);
    font-size: 1rem;
    line-height: 1.625
}

.subtitle p,.subtitle--style3 p,h1,h2,h3,h4,h5,h6 {
    font-family: "Anek Telugu",sans-serif
}

h1,h2,h3,h4,h5,h6 {
    color: var(--title-color);
    line-height: 1.25;
    font-weight: 600;
    color: var(--title-color)
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font-family: inherit
}

h1 {
    line-height: 1.067;
    font-size: calc(1.5rem + 2.5714285714vw)
}

h2 {
    font-size: calc(1.425rem + 1.8vw)
}

h3 {
    font-size: calc(1.325rem + .7714285714vw)
}

h4 {
    font-size: calc(1.3rem + .5142857143vw)
}

h5 {
    font-size: calc(1.275rem + .2571428571vw)
}

h6 {
    font-size: 1.25rem
}

@media not all and (pointer: coarse) {
    a:hover {
        color:var(--brand-color)
    }
}

.swiper-nav--style2 .swiper-nav__btn-prev i,.swiper-nav--style2 .swiper-nav__btn-prev svg,.swiper-nav__btn i,.swiper-nav__btn svg,.swiper-nav__btn.active i,.swiper-nav__btn.active svg,.swiper-nav__btn:hover i,.swiper-nav__btn:hover svg {
    color: var(--title-color)
}

@-webkit-keyframes santa-ride {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@-moz-keyframes santa-ride {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@-ms-keyframes santa-ride {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@-o-keyframes santa-ride {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes santa-ride {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes floating {
    0% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@-moz-keyframes floating {
    0% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@-ms-keyframes floating {
    0% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@-o-keyframes floating {
    0% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes floating {
    0% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateX {
    to {
        transform: rotateX(360deg)
    }
}

@-moz-keyframes rotateX {
    to {
        transform: rotateX(360deg)
    }
}

@-ms-keyframes rotateX {
    to {
        transform: rotateX(360deg)
    }
}

@-o-keyframes rotateX {
    to {
        transform: rotateX(360deg)
    }
}

@keyframes rotateX {
    to {
        transform: rotateX(360deg)
    }
}

@-webkit-keyframes rotateY {
    to {
        transform: rotateY(360deg)
    }
}

@-moz-keyframes rotateY {
    to {
        transform: rotateY(360deg)
    }
}

@-ms-keyframes rotateY {
    to {
        transform: rotateY(360deg)
    }
}

@-o-keyframes rotateY {
    to {
        transform: rotateY(360deg)
    }
}

@keyframes rotateY {
    to {
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes rotateZ {
    to {
        transform: rotateZ(360deg)
    }
}

@-moz-keyframes rotateZ {
    to {
        transform: rotateZ(360deg)
    }
}

@-ms-keyframes rotateZ {
    to {
        transform: rotateZ(360deg)
    }
}

@-o-keyframes rotateZ {
    to {
        transform: rotateZ(360deg)
    }
}

@keyframes rotateZ {
    to {
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@-moz-keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@-ms-keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@-o-keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@-webkit-keyframes left-right {
    0% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

@-moz-keyframes left-right {
    0% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

@-ms-keyframes left-right {
    0% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

@-o-keyframes left-right {
    0% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes left-right {
    0% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes light {
    10%,90% {
        opacity: .5
    }

    20%,80% {
        opacity: .7
    }

    30%,50%,70% {
        opacity: .9
    }

    40%,60% {
        opacity: 1
    }
}

@-moz-keyframes light {
    10%,90% {
        opacity: .5
    }

    20%,80% {
        opacity: .7
    }

    30%,50%,70% {
        opacity: .9
    }

    40%,60% {
        opacity: 1
    }
}

@-ms-keyframes light {
    10%,90% {
        opacity: .5
    }

    20%,80% {
        opacity: .7
    }

    30%,50%,70% {
        opacity: .9
    }

    40%,60% {
        opacity: 1
    }
}

@-o-keyframes light {
    10%,90% {
        opacity: .5
    }

    20%,80% {
        opacity: .7
    }

    30%,50%,70% {
        opacity: .9
    }

    40%,60% {
        opacity: 1
    }
}

@keyframes light {
    10%,90% {
        opacity: .5
    }

    20%,80% {
        opacity: .7
    }

    30%,50%,70% {
        opacity: .9
    }

    40%,60% {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bg-image {
    background-repeat: no-repeat
}

.scrollToTop {
    transition: .3s ease-out;
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 9;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    color: #0c263a
}

.footer__app-content,.section-header--style2 h2 {
    line-height: 1.1
}

.menu>li>a span.style1,.scrollToTop--home1 {
    background-color: var(--brand-color);	color: #fff !important;
}

.scrollToTop:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #0c263a
}

.cta-form {
    max-width: 500px
}

@media (min-width: 576px) and (max-width:575px) {
    .cta-form {
        max-width:600px
    }
}

.cta-form .form-control {
    transition: .3s ease-out;
    background-color: var(--tertiary-color);
    border: 1px solid var(--form-border);
    z-index: 1
}

.swiper-nav__btn,.swiper-nav__btn i,.swiper-nav__btn svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.cta-form .form-control ::placeholder {
    opacity: 999
}

.cta-form .form-control:focus,.form-control:focus {
    box-shadow: none;
    border-color: var(--brand-color)
}

.cta-form .form-control--style1 {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.cta-form .form-control--style2 {
    background-color: var(--bg-white);
    border-color: var(--bg-white);
    color: #0c263a
}

.cta-form .form-control--style2::placeholder {
    color: #6b777f
}

.cta-form .cta-btn {
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    background: var(--brand-color);
    border-color: var(--brand-color);
    font-size: 1rem
}

.form-pass__ctoggle,.form-pass__toggle {
    background: 0 0;
    border: none;
    color: var(--text-color);
    font-weight: 600;
    right: .75em;
    top: 53px;
    z-index: 9
}

.swiper-nav,.testimonial__author {
    gap: 15px
}

.swiper-nav__btn {
    width: 40px;
    height: 40px;
    transition: .3s ease-out;
    border: 1px solid var(--border-color-3);
    border-radius: 99px;
    background-color: var(--wh-color)
}

.swiper-nav__btn i,.swiper-nav__btn svg {
    font-size: 1.125rem;
    transition: .3s ease-out
}

.paginations ul li a,.swiper-nav--style2 .swiper-nav__btn i,.swiper-nav--style2 .swiper-nav__btn svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.swiper-nav__btn.active,.swiper-nav__btn:hover {
    background-color: var(--brand-color);
    border-color: var(--brand-color)
}

.swiper-nav--style2 .swiper-nav__btn {
    background-color: var(--arrow-color1);
    border-color: var(--arrow-color1)
}

.swiper-nav--style2 .swiper-nav__btn i,.swiper-nav--style2 .swiper-nav__btn svg {
    transition: .3s ease-out;
    color: var(--title-color)
}

.swiper-nav--style2 .swiper-nav__btn-prev {
    content: "";
    top: 36%;
    left: -23px;
    z-index: 1
}

.swiper-nav--style2 .swiper-nav__btn-next {
    content: "";
    top: 36%;
    right: -23px;
    z-index: 1
}

.swiper-nav--style2 .swiper-nav__btn-next i,.swiper-nav--style2 .swiper-nav__btn-next svg,.swiper-nav--style2 .swiper-nav__btn.active i,.swiper-nav--style2 .swiper-nav__btn.active svg,.swiper-nav--style2 .swiper-nav__btn:hover i,.swiper-nav--style2 .swiper-nav__btn:hover svg {
    color: var(--bg-white)
}

.swiper-nav--style2 .swiper-nav__btn.active,.swiper-nav--style2 .swiper-nav__btn:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color)
}

.progress-bar {
    background-color: #5370ff!important
}

.paginations {
    background-color: var(--wh-color);
    border-radius: 8px;
    padding: 12px 16px;
    max-width: 450px;
    margin: 40px auto 0
}

.paginations ul li a {
    transition: .3s ease-out;
    font-size: 1rem;
    width: 70px;
    height: 36px;
    color: var(--text-color);
    opacity: .5
}

.paginations ul li a.active,.paginations ul li a:hover {
    opacity: 1;
    color: var(--brand-color)
}

.paginations ul li a.active i,.paginations ul li a.active svg,.paginations ul li a:hover i,.paginations ul li a:hover svg,.paginations ul li:not(:first-child,:last-child) a.dot:hover {
    color: var(--brand-color)
}

.menu>li>a,.subtitle {
    color: var(--title-color)
}

.paginations ul li:not(:first-child,:last-child) a {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    width: 36px;
    height: 36px;
    background: var(--wh-color);
    color: var(--title-color);
    z-index: 1;
    border-radius: 4px;
    opacity: 1
}

.paginations ul li:not(:first-child,:last-child) a.active,.paginations ul li:not(:first-child,:last-child) a:hover {
    color: var(--brand-color);
    background-color: var(--pagination-bg-color)
}

.paginations ul li:not(:first-child,:last-child) a.dot {
    color: var(--brand-color);
    font-weight: 700
}

.gradient-text--brand1 {
    background: -webkit-linear-gradient(var(--brand-color),var(--secondary-color));
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent
}

.bg-body-color {
    background-color: var(--body-color)
}

.bg-color {
    background: linear-gradient(152deg,var(--bg-color-trans) 0,var(--bg-color) 100%)
}

.bg-grad-color {
    background: linear-gradient(219deg,var(--bg-grad-color-trans) 0,var(--bg-grad-color) 100%)
}

.bg-color-1 {
    background-color: var(--secondary-color)
}

.bg-color-2 {
    background-color: var(--tertiary-color)
}

.bg-color-3,.bg-color-9 {
    background-color: var(--bg-color-3)
}

.bg-color-4 {
    background: var(--bg-color-4)
}

.bg--cover,.bg--full {
    background-position: center
}

.bg--cover,.bg--defult,.bg--full {
    background-repeat: no-repeat
}

.bg-color-5 {
    background-image: var(--bg-color-5)
}

.section-bg-color {
    background-color: var(--section-bg-color)
}

.sec-bg-color2 {
    background-color: var(--sec-bg-color-2)
}

.feature-bg-color {
    background-color: var(--feature-bg-color)
}

.bg-color-7 {
    background-color: var(--bg-color-7)
}

.bg-color-8 {
    background-color: var(--bg-color-8)
}

.bg-color-10 {
    background-color: var(--bg-color-9)
}

.mt-minus-5 {
    margin-block-start:-5px}

.padding-top,.padding-top--style2 {
    padding-block-start:80px}

.padding-bottom {
    padding-block-end:80px}

.padding-bottom-style2 {
    padding-block-end:20px}

.subtitle {
    font-size: 1.125rem;
    font-weight: 700;
    gap: 10px
}

#footer .footer-top h4,.pricing__item-top h6,.subtitle--style4 p,.subtitle--style5 {
    text-transform: uppercase
}

.bg--cover {
    background-size: cover
}

.bg--full {
    background-size: 100% 100%
}

.blog-details__thumb,.br-16,.error__thumb img {
    border-radius: 16px
}

.m-10 {
    margin: 10px!important
}

.mt-10 {
    margin-block-start:10px!important}

.mb-10 {
    margin-block-end:10px!important}

.ms-10 {
    margin-inline-start:10px!important}

.me-10 {
    margin-inline-end:10px!important}

.my-10 {
    margin-block:10px!important}

.mx-10 {
    margin-inline:10px!important}

.m-15 {
    margin: 15px!important
}

.mt-15 {
    margin-block-start:15px!important}

.mb-15 {
    margin-block-end:15px!important}

.ms-15 {
    margin-inline-start:15px!important}

.me-15 {
    margin-inline-end:15px!important}

.my-15 {
    margin-block:15px!important}

.mx-15 {
    margin-inline:15px!important}

.m-20 {
    margin: 20px!important
}

.mt-20 {
    margin-block-start:20px!important}

.mb-20,.subtitle {
    margin-block-end:20px!important}

.ms-20 {
    margin-inline-start:20px!important}

.me-20 {
    margin-inline-end:20px!important}

.my-20 {
    margin-block:20px!important}

.mx-20 {
    margin-inline:20px!important}

.m-25 {
    margin: 25px!important
}

.mt-25 {
    margin-block-start:25px!important}

.mb-25 {
    margin-block-end:25px!important}

.ms-25 {
    margin-inline-start:25px!important}

.me-25 {
    margin-inline-end:25px!important}

.my-25 {
    margin-block:25px!important}

.mx-25 {
    margin-inline:25px!important}

.m-30 {
    margin: 30px!important
}

.mt-30 {
    margin-block-start:30px!important}

.mb-30 {
    margin-block-end:30px!important}

.ms-30 {
    margin-inline-start:30px!important}

.me-30 {
    margin-inline-end:30px!important}

.my-30 {
    margin-block:30px!important}

.mx-30 {
    margin-inline:30px!important}

.m-35 {
    margin: 35px!important
}

.mt-35 {
    margin-block-start:35px!important}

.mb-35 {
    margin-block-end:35px!important}

.ms-35 {
    margin-inline-start:35px!important}

.me-35 {
    margin-inline-end:35px!important}

.my-35 {
    margin-block:35px!important}

.mx-35 {
    margin-inline:35px!important}

.m-40 {
    margin: 40px!important
}

.mt-40 {
    margin-block-start:40px!important}

.mb-40 {
    margin-block-end:40px!important}

.ms-40 {
    margin-inline-start:40px!important}

.me-40 {
    margin-inline-end:40px!important}

.my-40 {
    margin-block:40px!important}

.mx-40 {
    margin-inline:40px!important}

.m-45 {
    margin: 45px!important
}

.mt-45 {
    margin-block-start:45px!important}

.mb-45 {
    margin-block-end:45px!important}

.ms-45 {
    margin-inline-start:45px!important}

.me-45 {
    margin-inline-end:45px!important}

.my-45 {
    margin-block:45px!important}

.mx-45 {
    margin-inline:45px!important}

.m-50 {
    margin: 50px!important
}

.mt-50 {
    margin-block-start:50px!important}

.mb-50 {
    margin-block-end:50px!important}

.ms-50 {
    margin-inline-start:50px!important}

.me-50 {
    margin-inline-end:50px!important}

.my-50 {
    margin-block:50px!important}

.mx-50 {
    margin-inline:50px!important}

.m-55 {
    margin: 55px!important
}

.mt-55 {
    margin-block-start:55px!important}

.mb-55 {
    margin-block-end:55px!important}

.ms-55 {
    margin-inline-start:55px!important}

.me-55 {
    margin-inline-end:55px!important}

.my-55 {
    margin-block:55px!important}

.mx-55 {
    margin-inline:55px!important}

.m-60 {
    margin: 60px!important
}

.mt-60 {
    margin-block-start:60px!important}

.mb-60 {
    margin-block-end:60px!important}

.ms-60 {
    margin-inline-start:60px!important}

.me-60 {
    margin-inline-end:60px!important}

.my-60 {
    margin-block:60px!important}

.mx-60 {
    margin-inline:60px!important}

.m-65 {
    margin: 65px!important
}

.mt-65 {
    margin-block-start:65px!important}

.mb-65 {
    margin-block-end:65px!important}

.ms-65 {
    margin-inline-start:65px!important}

.me-65 {
    margin-inline-end:65px!important}

.my-65 {
    margin-block:65px!important}

.mx-65 {
    margin-inline:65px!important}

.m-70 {
    margin: 70px!important
}

.mt-70 {
    margin-block-start:70px!important}

.mb-70 {
    margin-block-end:70px!important}

.ms-70 {
    margin-inline-start:70px!important}

.me-70 {
    margin-inline-end:70px!important}

.my-70 {
    margin-block:70px!important}

.mx-70 {
    margin-inline:70px!important}

.m-75 {
    margin: 75px!important
}

.mt-75 {
    margin-block-start:75px!important}

.mb-75 {
    margin-block-end:75px!important}

.ms-75 {
    margin-inline-start:75px!important}

.me-75 {
    margin-inline-end:75px!important}

.my-75 {
    margin-block:75px!important}

.mx-75 {
    margin-inline:75px!important}

.m-80 {
    margin: 80px!important
}

.mt-80 {
    margin-block-start:80px!important}

.mb-80 {
    margin-block-end:80px!important}

.ms-80 {
    margin-inline-start:80px!important}

.me-80 {
    margin-inline-end:80px!important}

.my-80 {
    margin-block:80px!important}

.mx-80 {
    margin-inline:80px!important}

.m-85 {
    margin: 85px!important
}

.mt-85 {
    margin-block-start:85px!important}

.mb-85 {
    margin-block-end:85px!important}

.ms-85 {
    margin-inline-start:85px!important}

.me-85 {
    margin-inline-end:85px!important}

.my-85 {
    margin-block:85px!important}

.mx-85 {
    margin-inline:85px!important}

.m-90 {
    margin: 90px!important
}

.mt-90 {
    margin-block-start:90px!important}

.mb-90 {
    margin-block-end:90px!important}

.ms-90 {
    margin-inline-start:90px!important}

.me-90 {
    margin-inline-end:90px!important}

.my-90 {
    margin-block:90px!important}

.mx-90 {
    margin-inline:90px!important}

.m-95 {
    margin: 95px!important
}

.mt-95 {
    margin-block-start:95px!important}

.mb-95 {
    margin-block-end:95px!important}

.ms-95 {
    margin-inline-start:95px!important}

.me-95 {
    margin-inline-end:95px!important}

.my-95 {
    margin-block:95px!important}

.mx-95 {
    margin-inline:95px!important}

.m-100 {
    margin: 100px!important
}

.mt-100 {
    margin-block-start:100px!important}

.mb-100 {
    margin-block-end:100px!important}

.ms-100 {
    margin-inline-start:100px!important}

.me-100 {
    margin-inline-end:100px!important}

.my-100 {
    margin-block:100px!important}

.mx-100 {
    margin-inline:100px!important}

.p-10 {
    padding: 10px!important
}

.pt-10 {
    padding-block-start:10px!important}

.pb-10 {
    padding-block-end:10px!important}

.ps-10 {
    padding-inline-start:10px!important}

.pe-10 {
    padding-inline-end:10px!important}

.py-10 {
    padding-block:10px!important}

.px-10 {
    padding-inline:10px!important}

.p-15 {
    padding: 15px!important
}

.pt-15 {
    padding-block-start:15px!important}

.pb-15 {
    padding-block-end:15px!important}

.ps-15 {
    padding-inline-start:15px!important}

.pe-15 {
    padding-inline-end:15px!important}

.py-15 {
    padding-block:15px!important}

.px-15 {
    padding-inline:15px!important}

.p-20 {
    padding: 20px!important
}

.pt-20 {
    padding-block-start:20px!important}

.pb-20 {
    padding-block-end:20px!important}

.ps-20 {
    padding-inline-start:20px!important}

.pe-20 {
    padding-inline-end:20px!important}

.py-20 {
    padding-block:20px!important}

.px-20 {
    padding-inline:20px!important}

.p-25 {
    padding: 25px!important
}

.pt-25 {
    padding-block-start:25px!important}

.pb-25 {
    padding-block-end:25px!important}

.ps-25 {
    padding-inline-start:25px!important}

.pe-25 {
    padding-inline-end:25px!important}

.py-25 {
    padding-block:25px!important}

.px-25 {
    padding-inline:25px!important}

.p-30 {
    padding: 30px!important
}

.pt-30 {
    padding-block-start:30px!important}

.pb-30 {
    padding-block-end:30px!important}

.ps-30 {
    padding-inline-start:30px!important}

.pe-30 {
    padding-inline-end:30px!important}

.py-30 {
    padding-block:30px!important}

.px-30 {
    padding-inline:30px!important}

.p-35 {
    padding: 35px!important
}

.pt-35 {
    padding-block-start:35px!important}

.pb-35 {
    padding-block-end:35px!important}

.ps-35 {
    padding-inline-start:35px!important}

.pe-35 {
    padding-inline-end:35px!important}

.py-35 {
    padding-block:35px!important}

.px-35 {
    padding-inline:35px!important}

.p-40 {
    padding: 40px!important
}

.pt-40 {
    padding-block-start:40px!important}

.pb-40 {
    padding-block-end:40px!important}

.ps-40 {
    padding-inline-start:40px!important}

.pe-40 {
    padding-inline-end:40px!important}

.py-40 {
    padding-block:40px!important}

.px-40 {
    padding-inline:40px!important}

.p-45 {
    padding: 45px!important
}

.pt-45 {
    padding-block-start:45px!important}

.pb-45 {
    padding-block-end:45px!important}

.ps-45 {
    padding-inline-start:45px!important}

.pe-45 {
    padding-inline-end:45px!important}

.py-45 {
    padding-block:45px!important}

.px-45 {
    padding-inline:45px!important}

.p-50 {
    padding: 50px!important
}

.pt-50 {
    padding-block-start:50px!important}

.pb-50 {
    padding-block-end:50px!important}

.ps-50 {
    padding-inline-start:50px!important}

.pe-50 {
    padding-inline-end:50px!important}

.py-50 {
    padding-block:50px!important}

.px-50 {
    padding-inline:50px!important}

.p-55 {
    padding: 55px!important
}

.pt-55 {
    padding-block-start:55px!important}

.pb-55 {
    padding-block-end:55px!important}

.ps-55 {
    padding-inline-start:55px!important}

.pe-55 {
    padding-inline-end:55px!important}

.py-55 {
    padding-block:55px!important}

.px-55 {
    padding-inline:55px!important}

.p-60 {
    padding: 60px!important
}

.pt-60 {
    padding-block-start:60px!important}

.pb-60 {
    padding-block-end:60px!important}

.ps-60 {
    padding-inline-start:60px!important}

.pe-60 {
    padding-inline-end:60px!important}

.py-60 {
    padding-block:60px!important}

.px-60 {
    padding-inline:60px!important}

.p-65 {
    padding: 65px!important
}

.pt-65 {
    padding-block-start:65px!important}

.pb-65 {
    padding-block-end:65px!important}

.ps-65 {
    padding-inline-start:65px!important}

.pe-65 {
    padding-inline-end:65px!important}

.py-65 {
    padding-block:65px!important}

.px-65 {
    padding-inline:65px!important}

.p-70 {
    padding: 70px!important
}

.pt-70 {
    padding-block-start:70px!important}

.pb-70 {
    padding-block-end:70px!important}

.ps-70 {
    padding-inline-start:70px!important}

.pe-70 {
    padding-inline-end:70px!important}

.py-70 {
    padding-block:70px!important}

.px-70 {
    padding-inline:70px!important}

.p-75 {
    padding: 75px!important
}

.pt-75 {
    padding-block-start:75px!important}

.pb-75 {
    padding-block-end:75px!important}

.ps-75 {
    padding-inline-start:75px!important}

.pe-75 {
    padding-inline-end:75px!important}

.py-75 {
    padding-block:75px!important}

.px-75 {
    padding-inline:75px!important}

.p-80 {
    padding: 80px!important
}

.pt-80 {
    padding-block-start:80px!important}

.pb-80 {
    padding-block-end:80px!important}

.ps-80 {
    padding-inline-start:80px!important}

.pe-80 {
    padding-inline-end:80px!important}

.py-80 {
    padding-block:80px!important}

.px-80 {
    padding-inline:80px!important}

.p-85 {
    padding: 85px!important
}

.pt-85 {
    padding-block-start:85px!important}

.pb-85 {
    padding-block-end:85px!important}

.ps-85 {
    padding-inline-start:85px!important}

.pe-85 {
    padding-inline-end:85px!important}

.py-85 {
    padding-block:85px!important}

.px-85 {
    padding-inline:85px!important}

.p-90 {
    padding: 90px!important
}

.pt-90 {
    padding-block-start:90px!important}

.pb-90 {
    padding-block-end:90px!important}

.ps-90 {
    padding-inline-start:90px!important}

.pe-90 {
    padding-inline-end:90px!important}

.py-90 {
    padding-block:90px!important}

.px-90 {
    padding-inline:90px!important}

.p-95 {
    padding: 95px!important
}

.pt-95 {
    padding-block-start:95px!important}

.pb-95 {
    padding-block-end:95px!important}

.ps-95 {
    padding-inline-start:95px!important}

.pe-95 {
    padding-inline-end:95px!important}

.py-95 {
    padding-block:95px!important}

.px-95 {
    padding-inline:95px!important}

.p-100 {
    padding: 100px!important
}

.pt-100 {
    padding-block-start:100px!important}

.pb-100 {
    padding-block-end:100px!important}

.ps-100 {
    padding-inline-start:100px!important}

.pe-100 {
    padding-inline-end:100px!important}

.py-100 {
    padding-block:100px!important}

.px-100 {
    padding-inline:100px!important}

.header-section {
    width: 100%;
    z-index: 99
}

.header-section--style1 {
    width: 100%;
    background-color: var(--border-color-3);
    border-bottom: 1px solid var(--header-border-color)
}

.header-section--style1.header-fixed {
    -webkit-animation: .5s fadeInDown;
    -moz-animation: .5s fadeInDown;
    -ms-animation: fadeInDown 0.5s;
    -o-animation: .5s fadeInDown;
    animation: .5s fadeInDown;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: none;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,.3);
    z-index: 999;
    background-color: var(--bg-color-3)
}

.header-section--style2.header-fixed,.header-section--style3.header-fixed {
    -webkit-animation: .5s fadeInDown;
    -moz-animation: .5s fadeInDown;
    -ms-animation: fadeInDown 0.5s;
    -o-animation: .5s fadeInDown;
    position: fixed;
    top: 0;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,.3);
    z-index: 999;
    left: 0
}

.header-section--style2 {
    content: "";
    width: 100%
}

.header-section--style2.header-fixed {
    animation: .5s fadeInDown;
    background-color: var(--wh-color)
}

.header-section--style3 {
    content: "";
    width: 100%
}

.header-section--style3.header-fixed {
    animation: .5s fadeInDown;
    background-color: var(--header-bg-color)
}

.header-section.header-fixed {
    -webkit-animation: .5s fadeInDown;
    -moz-animation: .5s fadeInDown;
    -ms-animation: fadeInDown 0.5s;
    -o-animation: .5s fadeInDown;
    animation: .5s fadeInDown;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,.3);
    z-index: 999
}

@media (min-width: 576px) {
    .cta-form .form-control--style1 {
        padding:16px 20px
    }

    .cta-form .form-control--style2 {
        max-width: 60%;
        padding: 11px 20px
    }

    .cta-form .cta-btn {
        padding: 16px 32px
    }

    .swiper-nav__btn {
        width: 46px;
        height: 46px
    }

    .header-wrapper {
        position: relative
    }
}

.header-wrapper .logo a img {
    height: 60px
}

@media (max-width: 1199px) and (min-width:992px) {
    .header-wrapper .logo {
        width:200px
    }
}

.header-wrapper .menu-area .header-btn {
    column-gap: 20px
}

.header-wrapper .menu-area .header-btn .dark-btn {
    max-width: 30px;
    cursor: pointer
}

.menu {
    column-gap: 10px
}

.menu>li>a {
    font-size: 16px;
    padding: 20px 15px 20px 6px;
    display: inline-block;
    margin-top: 1px
}

.menu>li>a span {
    font-size: .75rem;
    padding: 1px 5px;
    color: var(--bg-white);
    border-radius: 4px
}

.menu>li>a span.style2 {
    background-color: #366cd5
}

.menu>li>a i {
    margin-right: 5px
}

.menu>li>a:after {
    right: 11px
}

.menu>li>a::before {
    right: 15px
}

.menu--style1 li a,.ngbgwhiteSection h2 {
    color: #3e495b
}

.menu--style2 li a,.page-header .breadcrumb-item.active,.page-header .breadcrumb-item:before,.page-header .breadcrumb-item:hover,.page-header__content h2,.section-header--style3 h2 {
    color: var(--bg-white)
}

@media (min-width: 992px) {
    .cta-form .form-control--style2 {
        padding:16px 20px;
        max-width: 70%
    }

    .padding-top,.padding-top--style2 {
        padding-block-start:40px}

    .padding-bottom {
        padding-block-end:40px}

    .padding-bottom-style2 {
        padding-block-end:80px}

    .header-wrapper {
        padding: 0 30px
    }

    .menu-area {
        width: 80%;
        display: flex;
        justify-content: flex-end
    }

    .logo {
        width: 20%
    }

    .menu li {
        position: relative
    }

    .menu li .submenu {
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        -webkit-transform: translateY(35px);
        -moz-transform: translateY(35px);
        -ms-transform: translateY(35px);
        -o-transform: translateY(35px);
        transform: translateY(35px);
        position: absolute;
        top: 79%;
        left: -80px!important;
        z-index: 9;
        background: var(--bg-color-3);
        width: 220px;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 10px rgba(0,0,0,.18);
        border-radius: 0;
        border: 0
    }

    .menu li .submenu li {
        padding: 0
    }

    .menu li .submenu li a {
        font-size: 1rem;
        padding: 10px 20px;
        text-transform: capitalize;
        font-family: "Open Sans",sans-serif;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 400;
        color: var(--title-color);
        border-bottom: 1px solid #ddd3;
        border-radius: 0;
        transition: .3s ease-out
    }

    .menu li .submenu li a span {
        font-size: .75rem;
        padding: 1px 5px;
        color: var(--bg-white);
        border-radius: 4px
    }

    .menu li .submenu li a span.style1 {
        background-color: var(--brand-color);
        color: #0c263a
    }

    .menu li .submenu li a span.style2 {
        background-color: #000
    }

    .menu li .submenu li a.active,.menu li .submenu li a:hover {
        background: #5962b7;
        padding-left: 22px;
        color: var(--black-color)
    }

    .menu li .submenu li a.active:after,.menu li .submenu li a.active:before,.menu li .submenu li a:hover:after,.menu li .submenu li a:hover:before {
        background: var(--wh-color)
    }

    .menu li .submenu li:last-child a {
        border-bottom: none
    }

    .menu li .submenu li .submenu {
        left: 100%!important;
        top: 0
    }

    .menu li:hover>.submenu {
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        opacity: 1;
        visibility: visible
    }

    .section-header {
        margin-bottom: 48px
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .menu li a {
        padding:10px 16px
    }

    .menu-item-has-children>a::after {
        position: absolute;
        content: "\f107";
        right: -1px!important;
        top: 9px
    }
}

@media (max-width: 991px) {
    .menu,.menu li,.menu li .submenu li {
        width:100%
    }

    .menu {
        position: absolute;
        top: 100%;
        left: 0;
        overflow: auto;
        max-height: 600px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
        z-index: 999;
        background: rgba(var(--wh-color),.99);
        -webkit-backdrop-filter: blur(20px)
    }

    .menu li {
        padding: 0
    }

    .menu li a {
        display: block;
        padding: 10px 25px;
        font-size: 15px;
        text-transform: capitalize;
        border-top: 1px solid var(--border-color-8);
        color: var(--title-color)
    }

    .menu li a:hover {
        background: rgba(var(--wh-color),.6)
    }

    .menu li a span {
        font-size: .75rem;
        padding: 1px 5px;
        color: var(--bg-white);
        border-radius: 4px
    }

    .menu li a span.style1 {
        background-color: var(--brand-color)
    }

    .menu li a span.style2 {
        background-color: #366cd5
    }

    .menu li .submenu {
        padding-left: 20px;
        display: none
    }

    .menu li .submenu li a {
        font-family: "Anek Telugu",sans-serif;
        display: flex;
        justify-content: space-between;
        font-weight: 400
    }

    .menu.active {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        box-shadow: 0 5px 10px -3px rgba(0,0,0,.1);
        background-color: #444e60
    }
}

.header-bar span,.menu-item-has-children>a::after {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.banner--style1,.banner--style3,.banner__bg-element img,.banner__bg-element span {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.accordion__button-content,.cta__subscribe,.section-header__content--style3 {
    flex: 1
}

.header-bar {
    cursor: pointer;
    width: 25px;
    height: 20px
}

.header-bar span {
    transition: .3s ease-out;
    background-color: var(--black-color);
    border-radius: 5px;
    height: 2px;
    left: 0
}

.header-bar span:first-child {
    top: 0
}

.header-bar span:nth-child(2) {
    top: 51%;
    transform: translateY(-65%)
}

.header-bar span:last-child {
    bottom: 0
}

.header-bar--style1 span {
    background-color: #515b6c
}

.header-bar--style2 span {
    background-color: var(--bg-white)
}

.header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px,9px);
    -moz-transform: rotate(45deg) translate(3px,9px);
    -ms-transform: rotate(45deg) translate(3px,9px);
    -o-transform: rotate(45deg) translate(3px,9px);
    transform: rotate(45deg) translate(3px,9px)
}

.header-bar.active span:nth-child(2) {
    opacity: 0
}

.header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px,-10px);
    -moz-transform: rotate(-45deg) translate(3px,-10px);
    -ms-transform: rotate(-45deg) translate(3px,-10px);
    -o-transform: rotate(-45deg) translate(3px,-10px);
    transform: rotate(-45deg) translate(3px,-10px)
}

@media (min-width: 768px) {
    .swiper-nav--style2 .swiper-nav__btn {
        display:block
    }

    .header-bar {
        width: 30px;
        height: 24px
    }

    .header-bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(3px,12px);
        -moz-transform: rotate(45deg) translate(3px,12px);
        -ms-transform: rotate(45deg) translate(3px,12px);
        -o-transform: rotate(45deg) translate(3px,12px);
        transform: rotate(45deg) translate(3px,12px)
    }

    .header-bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(3px,-13px);
        -moz-transform: rotate(-45deg) translate(3px,-13px);
        -ms-transform: rotate(-45deg) translate(3px,-13px);
        -o-transform: rotate(-45deg) translate(3px,-13px);
        transform: rotate(-45deg) translate(3px,-13px)
    }
}

.menu-item-has-children>a::after {
    transition: .3s ease-out;
    font-family: FontAwesome;
    content: "\f107"
}

.account__social-btn,.account__switch p i,.account__switch p svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.menu-item-has-children:hover>a::after {
    transform: rotate(180deg);
    top: 20px
}

.menu-item-has-children.open>a::after {
    transform: rotate(180deg)
}

.section-header {
    z-index: 2
}

@media (min-width: 992px) {
    .section-header--style2 {
        margin-bottom:0
    }
}

.section-header--style3 p {
    color: var(--bg-white);
    opacity: .8
}

.banner__content-heading span,.section-header h2 span,.section-header__content h2 span,.subtitle--style2,.subtitle--style3 p {
    color: var(--secondary-color)
}

.page-header .breadcrumb-item a,.section-header h2 span.style2,.section-header__content h2 span.style2 {
    color: var(--brand-color)
}

.section-header__content p {
    max-width: 55ch
}

.section-header p {
    font-weight: 400;
    width: 60%;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    padding-top: 20px
}

.banner__content-moto,.section-header p.mute {
    color: var(--text-color)
}

.section-header--max18 h2 {
    max-inline-size: 18ch
}

.section-header--max20 h2 {
    max-inline-size: 20ch;
    margin: auto
}

.section-header--max50 {
    max-inline-size: initial;
    margin: 0 auto 48px
}

.section-header--max57 {
    max-inline-size: 57ch;
    margin: 0 auto 48px
}

.section-header--max65 {
    max-inline-size: 65ch;
    margin: 0 auto 48px
}

.subtitle p {
    font-size: 1.25rem;
    font-weight: 600
}

.subtitle--style3 p {
    font-size: 1.125rem;
    font-weight: 500
}

.banner--style3 .banner__counter-item h4,.banner--style3 .banner__counter-item p,.blog__writer-designation h6,.floating-content__item h3,.form-label,.pricing__item-top h3 span,.social__item h6,.tags ul li h6,.team__item-authorinfo h6,.text-btn.text-btn--small,.trk-btn {
    font-family: "Open Sans",sans-serif
}

.banner__content-social p,.subtitle--style4 p,.subtitle--style5 {
    color: var(--title-color);
    font-size: 1.125rem
}

.subtitle--style4 p::before {
    content: "";
    margin-right: 10px;
    background-color: var(--black-color);
    border: 2px solid var(--black-color)
}

.blog-details__meta ul li,.blog__meta-tag,.trk-btn {
    text-transform: capitalize
}

.page-header {
    padding-block:70px}

.page-header .breadcrumb-item {
    font-size: 1.125rem;
    color: var(--brand-color);
    font-weight: 500
}

.page-header__shape-item--1 {
    display: none;
    top: 0;
    right: 0
}

@media (min-width: 576px) {
    .page-header__shape-item--1 {
        top:0;
        right: -3%
    }
}

@media (min-width: 768px) {
    .page-header__shape-item--1 {
        display:block;
        top: 0;
        right: -3%;
        width: 500px
    }
}

@media (min-width: 992px) {
    .page-header {
        padding-block:40px
    }

    .page-header__content h2 {
        margin-bottom: 0
    }

    .page-header__shape-item--1 {
        top: 0;
        right: 0;
        width: 650px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1170px
    }

    .menu-item-has-children>a::after {
        position: absolute;
        content: "\f107";
        right: 1px!important;
        top: 23px;
        font-size: 10px;
        color: #0c0000
    }

    .page-header__shape-item--1 {
        width: auto;
        top: 0;
        right: 0
    }
}

.banner__bg-element img {
    left: 0;
    top: 0;
    opacity: .8;
    z-index: -1
}

.banner__bg-element span {
    left: 0;
    top: 0;
    height: 100%;
    z-index: -2
}

.banner__content-coin img {
    width: 70px;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

.banner__content-coin--style2 img,.contact__shape-item--1,.feature--style1 .feature__shape-item--1 {
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .banner__content-coin img {
        width:73px
    }
}

@media (min-width: 768px) {
    .banner__content-coin img {
        width:70px
    }
}

@media (min-width: 992px) {
    .banner__content-coin img {
        width:90px
    }
}

.banner__content-coin--style2 img {
    width: 70px;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .banner__content-coin--style2 img {
        width:73px
    }

    .banner__content-moto {
        margin-block-end:30px}
}

@media (min-width: 768px) {
    .banner__content-coin--style2 img {
        width:70px
    }
}

@media (min-width: 992px) {
    .banner__content-coin--style2 img {
        width:90px
    }
}

.banner__content-heading--style2,.contact__social h3 {
    max-inline-size: 15ch
}

.account__content--style1,.account__content--style2 {
    max-inline-size: 800px;
    margin-inline:auto}

.banner__content--style2 h1 {
    max-block-size: 15ch
}

@media (min-width: 576px) {
    .banner__btn-group {
        margin-block-end:50px
    }
}

@media (min-width: 992px) {
    .banner__content-moto {
        margin-block-end:40px;
        font-size: 1.6rem
    }

    .banner__content-social p {
        margin-block-end:25px}

    .banner__btn-group {
        gap: 30px;
        margin-block-end:60px}
}

.banner__shape-item--1 {
    right: 12%;
    z-index: 1;
    top: 51%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

@media (min-width: 576px) {
    .banner__shape-item--1 {
        top:46%;
        right: 12%
    }
}

@media (min-width: 768px) {
    .banner__shape-item--1 {
        top:80%;
        right: 45%
    }
}

@media (min-width: 992px) {
    .banner__shape-item--1 {
        top:71%;
        right: 52%
    }
}

@media (min-width: 1200px) {
    .banner__content-coin img,.banner__content-coin--style2 img {
        width:auto
    }

    .banner__btn-group {
        margin-block-end:70px}

    .banner__shape-item--1 {
        top: auto;
        bottom: 20%;
        left: 52%
    }
}

@media (min-width: 1400px) {
    h1 {
        font-size:3.75rem
    }

    h2 {
        font-size: 3rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.75rem
    }

    h5 {
        font-size: 1.5rem
    }

    .page-header__shape-item--1 {
        top: 0;
        right: 0
    }

    .banner__shape-item--1 {
        right: 46%;
        left: auto
    }
}

.banner__shape-item--2 {
    width: 60px;
    z-index: 2;
    top: 50%;
    bottom: 20%;
    left: 8%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .banner__shape-item--2 {
        width:80px;
        top: 50%;
        bottom: 20%;
        left: 8%
    }
}

@media (min-width: 768px) {
    .banner__shape-item--2 {
        width:70px;
        top: 65%;
        bottom: 20%;
        left: 34%
    }
}

@media (min-width: 992px) {
    .banner__shape-item--2 {
        width:auto;
        top: 67%;
        bottom: 20%;
        left: 38%
    }
}

@media (min-width: 1200px) {
    .banner__shape-item--2 {
        top:67%;
        bottom: 20%;
        left: 52%
    }
}

@media (min-width: 1400px) {
    .banner__shape-item--2 {
        top:47%;
        bottom: 20%;
        left: auto;
        right: 10%
    }
}

.banner__shape-item--3 {
    width: 70px;
    top: 51%;
    right: 9%;
    z-index: 1;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .banner__shape-item--3 {
        top:24%;
        right: 9%
    }
}

@media (min-width: 768px) {
    .banner__shape-item--3 {
        top:85%;
        right: 10%
    }
}

@media (min-width: 992px) {
    .banner__shape-item--3 {
        width:auto;
        top: auto;
        bottom: 4%;
        right: 3%
    }
}

@media (min-width: 1200px) {
    .banner__shape-item--3 {
        top:auto;
        bottom: 4%;
        right: 3%
    }
}

.banner__shape-item--4 {
    top: 31%;
    left: 15%;
    z-index: 1;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

@media (min-width: 576px) {
    .banner__shape-item--4 {
        top:31%;
        left: 15%
    }
}

@media (min-width: 768px) {
    .banner__shape-item--4 {
        top:22%;
        left: 50%
    }
}

@media (min-width: 992px) {
    .banner__shape-item--4 {
        top:22%;
        left: 38%
    }
}

@media (min-width: 1200px) {
    .banner__shape-item--4 {
        top:22%;
        left: 34%
    }
}

.banner--style1 {
    padding-block-start:80px;padding-block-end:40px}

@media (min-width: 576px) {
    .banner--style1 {
        padding-block-end:10px
    }
}

@media (min-width: 768px) {
    .banner--style1 {
        padding-block-start:132px;
        padding-block-end:100px}

    .banner--style1 .banner__thumb {
        position: absolute;
        -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
        -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        right: -20px;
        top: 213px;
        max-inline-size: 56%
    }
}

@media (min-width: 992px) {
    .banner--style1 {
        padding-block-start:148px;
        padding-block-end:135px}

    .banner--style1 .banner__thumb {
        -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
        -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
        -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
        -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
        animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
        right: -20px;
        top: 213px;
        max-inline-size: 56%
    }
}

@media (min-width: 1200px) {
    .banner--style1 {
        padding-block-start:00px;
        padding-block-end:0}

    .banner--style1 .banner__thumb {
        right: 53px;
        top: 160px;
        max-inline-size: 56%
    }
}

@media (min-width: 1400px) {
    .banner__shape-item--3 {
        bottom:7%;
        right: 3%
    }

    .banner__shape-item--4 {
        top: 22%;
        left: 38%
    }

    .banner--style1 {
        padding-block-start:00px;padding-block-end:0}

    .banner--style1 .banner__thumb {
        right: 60px;
        top: 118px;
        max-inline-size: 51%
    }
}

@media (min-width: 1600px) {
    .page-header__shape-item--1 {
        top:0;
        right: 15%
    }

    .banner__shape-item--3 {
        right: 15%
    }

    .banner__shape-item--4 {
        top: 22%;
        left: 41%
    }

    .banner--style1 {
        padding-block-start:0px;padding-block-end:0}

    .banner--style1 .banner__slider {
        padding-top: 4%
    }

    .banner--style1 .banner__thumb {
        right: 280px;
        top: 205px;
        max-inline-size: 52%
    }
}

.banner--style2 {
    background-color: var(--banner2-bg-color);
    padding-block-start:110px;padding-block-end:50px}

.banner--style2 .bg-shape-svg {
    width: 0;
    height: 0;
    display: none
}

@media (min-width: 576px) {
    .banner--style2 {
        padding-block-end:40px
    }
}

@media (min-width: 768px) {
    .banner--style2 {
        clip-path:url(#shape-clippath);
        padding-block-start:132px;padding-block-end:80px}

    .banner--style2 .banner__thumb {
        -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
        -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
        position: absolute;
        left: 0;
        bottom: 7%;
        max-inline-size: 46%;
        z-index: 1
    }
}

@media (min-width: 992px) {
    .banner--style2 {
        padding-block-start:148px;
        padding-block-end:120px}

    .banner--style2 .banner__thumb {
        left: 7%;
        bottom: 10%;
        max-inline-size: 40%
    }
}

@media (min-width: 1200px) {
    .banner--style2 .bg-shape-svg {
        display:block
    }

    .banner--style2 {
        background-color: none;
        padding-block-start:160px;padding-block-end:347px}

    .banner--style2 .banner__thumb {
        left: 90px;
        bottom: 200px;
        max-inline-size: 40%
    }
}

@media (min-width: 1400px) {
    .banner--style2 .banner__thumb {
        left:90px;
        bottom: 180px;
        max-inline-size: 52%
    }
}

@media (min-width: 1600px) {
    .banner--style2 .banner__thumb {
        left:217px;
        bottom: 220px;
        max-inline-size: 30%
    }
}

.account__wrapper,.banner--style2 .banner__content,.blog__wrapper,.contact__wrapper,.feature--style1 .feature__wrapper,.footer__wrapper,.pricing__item,.roadmap--style1 .roadmap__wrapper,.story__wrapper {
    z-index: 2
}

.banner--style2 .banner__content h1,.banner--style2 .banner__content-playbtn,.banner--style2 .banner__content-playbtn i,.banner--style2 .banner__content-playbtn svg,.footer__links-tittle h6 {
    color: var(--bg-white)
}

.banner--style2 .banner__content p {
    color: var(--text-color-3)
}

.banner--style2 .banner__wrapper--style2::after {
    bottom: 0;
    left: 12%;
    content: "";
    height: 870px;
    width: 370px;
    border: 45px solid rgba(255,255,255,.9);
    border-bottom-left-radius: 999px;
    border-bottom-right-radius: 999px;
    opacity: .0799999982;
    background: linear-gradient(152deg,rgba(229,237,248,.47) 0,#edf2f8 100%)
}

@media (min-width: 768px) {
    .banner--style2 .banner__wrapper--style2::after {
        transform:rotate(18deg);
        left: 14%;
        bottom: 2%
    }
}

@media (min-width: 992px) {
    .banner--style2 .banner__wrapper--style2::after {
        display:block;
        bottom: 1%;
        left: 14%
    }
}

@media (min-width: 1200px) {
    .banner--style2 .banner__wrapper--style2::after {
        transform:rotate(22deg);
        bottom: 10%;
        left: 14%
    }
}

@media (min-width: 1400px) {
    .banner--style2 .banner__wrapper--style2::after {
        bottom:10%;
        transform: rotate(23deg);
        left: 13%
    }
}

@media (min-width: 1600px) {
    .banner--style2 .banner__wrapper--style2::after {
        bottom:10%;
        transform: rotate(23deg);
        left: 18%
    }
}

@media screen and (min-width: 1900px) {
    .banner--style2 .banner__thumb {
        left:360px;
        bottom: 200px;
        max-inline-size: 52%
    }

    .banner--style2 .banner__wrapper--style2::after {
        bottom: 10%;
        transform: rotate(23deg);
        left: 23%
    }
}

.banner--style3 {
    padding-block-start:80px;padding-block-end:80px}

@media (min-width: 576px) {
    .banner--style3 {
        padding-block-start:80px;
        padding-block-end:80px}
}

@media (min-width: 768px) {
    .banner--style3 {
        padding-block-start:90px;
        padding-block-end:100px}

    .banner--style3 .banner__thumb::before {
        position: absolute;
        content: "";
        width: 162px;
        height: 100%;
        background: linear-gradient(160deg,var(--bg-grad-color-trans-4) 0,var(--bg-grad-color-4) 100%);
        left: 46%;
        bottom: 0
    }
}

@media (min-width: 992px) {
    .banner--style3 {
        padding-block-start:130px;
        padding-block-end:138px}

    .banner--style3 .banner__counter-item {
        padding: 22px
    }
}

@media (min-width: 1200px) {
    .banner--style3 {
        padding-block-start:140px;
        padding-block-end:150px}
}

.banner--style3 .banner__thumb img,.banner__thumbImg {
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 768px) and (min-width:992px) {
    .banner--style3 .banner__thumb::before {
        width:195px;
        left: 48%
    }
}

@media (min-width: 768px) and (min-width:1200px) {
    .banner--style3 .banner__thumb::before {
        width:230px;
        left: 48.5%
    }
}

.banner--style3 .banner__counter-item {
    border-radius: 8px;
    background-color: var(--wh-color);
    border: 2px solid rgba(31,35,61,0);
    box-shadow: 0 16px 64px 0 rgba(0,208,148,.12)
}

@media (min-width: 768px) {
    .banner--style3 .banner__counter-item {
        padding:22px
    }
}

.banner--style3 .banner__counter-item:not(:last-child) {
    margin-block-end:32px}

.banner--style3 .banner__counter-item h4 span {
    font-size: inherit;
    color: inherit;
    font-family: inherit
}

.banner--style3 .banner__counter-item p {
    font-size: 1.125rem;
    line-height: 1.3
}

.banner--style3 .banner__bg {
    z-index: -1
}

.contact__social h3 span,.text-btn--style2 {
    color: var(--secondary-color)
}

.contact__item-inner {
    gap: 24px
}

.contact__item-thumb span {
    background-color: var(--tertiary-color2);
    border-radius: 50%
}

.contact__form textarea {
    min-height: 250px
}

.contact__shape-item--1,.feature--style1 .feature__shape-item--1 {
    width: 50px;
    top: 5%;
    left: 71%;
    z-index: 2;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

.account__shape-item--1,.footer__shape-item--1 {
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .contact__shape-item--1 {
        width:70px;
        top: 6%;
        left: 65%
    }

    .account__content--style1 {
        padding: 50px
    }
}

@media (min-width: 768px) {
    .contact__shape-item--1 {
        max-width:40px;
        top: 4%;
        left: 73%
    }
}

@media (min-width: 992px) {
    .contact__shape-item--1 {
        max-width:100%;
        top: 80%;
        left: 13%
    }
}

@media (min-width: 1200px) {
    .banner--style3 .banner__counter-item {
        padding:24px
    }

    .contact__shape-item--1 {
        top: 16%;
        left: 32%
    }
}

@media (min-width: 1400px) {
    .contact__shape-item--1 {
        top:16%;
        left: 36%
    }
}

@media (min-width: 1600px) {
    .banner--style3 {
        padding-block-start:160px;
        padding-block-end:165px}

    .contact__shape-item--1 {
        top: 16%;
        left: 38%
    }
}

.contact__shape-item--2 {
    content: "";
    height: 92%;
    width: 920px;
    border: 2px solid var(--bg-grad-color-2);
    padding: 40px;
    border-bottom-left-radius: 25%;
    top: 0;
    right: -3%;
    transform: rotate(-10deg);
    opacity: .4;
    display: none
}

@media (min-width: 768px) {
    .contact__shape-item--2 {
        display:block;
        height: 109%;
        width: 570px;
        top: -9%;
        right: -5%
    }
}

@media (min-width: 992px) {
    .contact__shape-item--2 {
        height:109%;
        width: 800px;
        top: -9%;
        right: -15%
    }
}

@media (min-width: 1200px) {
    .contact__shape-item--2 {
        width:900px;
        top: -12%;
        right: -6%
    }
}

.contact__shape-item--2 span {
    position: absolute;
    content: "";
    height: 96%;
    width: 700px;
    background: linear-gradient(219deg,var(--bg-grad-color-trans-2) 0,var(--bg-grad-color-2) 100%);
    border-bottom-left-radius: 25%;
    top: 5%;
    right: -1%
}

@media (min-width: 768px) {
    .contact__shape-item--2 span {
        height:97%;
        width: 550px;
        top: 0;
        right: -1%
    }
}

@media (min-width: 992px) {
    .contact__shape-item--2 span {
        height:97%;
        width: 780px;
        top: 0;
        right: -1%
    }
}

@media (min-width: 1200px) {
    .contact__shape-item--2 span {
        width:880px;
        top: 0;
        right: -1%
    }
}

.account__content--style1 {
    background-color: var(--account-bg-color);
    border-radius: 4px
}

.account__content--style2,.account__inner {
    background-color: var(--account-bg-color2);
    border-radius: 4px
}

@media (min-width: 992px) {
    .account__content--style1 {
        padding:100px
    }
}

@media (min-width: 576px) {
    .account__content--style2 {
        padding:50px
    }
}

@media (min-width: 768px) {
    .account__content--style2 {
        padding:60px
    }

    .account__header {
        margin-block-end:50px}
}

.account__header p,.account__switch p {
    font-size: 1rem
}

.account__check-remember input {
    width: 1.2em;
    height: 1.2em;
    margin-inline-end:3px}

.account__check-remember input:focus {
    box-shadow: none
}

.account__check-remember input:checked {
    background-color: var(--brand-color);
    border-color: var(--brand-color)
}

.account__check-remember label {
    font-size: 1rem;
    color: var(--title-color)
}

.account__check-forgot a,.account__switch a span,.account__switch p a {
    color: var(--secondary-color);
    text-decoration: underline
}

.account__check-forgot a {
    font-size: 1rem
}

.account__social-btn {
    transition: .3s ease-out;
    font-size: 1rem;
    display: inline-flex;
    background-color: var(--wh-color);
    color: var(--title-color);
    padding: 16px 24px;
    border: 1px solid var(--form-border);
    border-radius: .5rem
}

.account__switch a,.form-label {
    font-size: 1.125rem
}

.account__social-btn:hover {
    border-color: var(--brand-color)
}

.account__divider--style1 span {
    font-size: 1.125rem;
    color: var(--title-color);
    padding: 20px;
    top: -35px;
    left: 45%;
    background: var(--account-bg-color)
}

.account__divider--style2 span,.footer__linklist-item p,input,textarea {
    color: var(--text-color)
}

.account__divider--style1:before {
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--form-border)
}

.account__switch p i,.account__switch p svg {
    transition: .3s ease-out
}

.input-group,input,textarea {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.account__switch p a.style2 {
    font-size: 1rem;
    color: var(--text-color)
}

.account__shape-item--1 {
    width: 30px;
    top: 9%;
    left: 77%;
    z-index: 2;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .account__shape-item--1 {
        width:55px;
        top: 11%;
        left: 66%
    }

    .footer__top {
        margin-block-end:0}
}

@media (min-width: 768px) {
    .account__shape-item--1 {
        max-width:75px;
        top: 11%;
        left: 56%
    }

    .footer__about-moto {
        max-inline-size: 40ch;
        margin-block-end:32px}
}

@media (min-width: 992px) {
    .account__content--style2 {
        padding:25px 30px
    }

    .account__thumb img {
        display: block;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .account__shape-item--1 {
        max-width: 100%;
        top: 13%;
        left: 20%
    }
}

@media (min-width: 1200px) {
    .account__social-btn {
        padding:.8rem 2.25rem
    }

    .account__shape-item--1 {
        top: 9%;
        left: 8%
    }
}

input,textarea {
    transition: .3s ease-out;
    border-radius: 8px;
    padding: 1rem 2rem;
    z-index: 1
}

input.style1,textarea.style1 {
    border-radius: 0;
    border: none;
    background-color: var(--brand-color);
    color: var(--wh-color)
}

input.style1::placeholder,textarea.style1::placeholder {
    font-weight: 400;
    color: rgba(var(--wh-color),.5);
    color: var(--text-color)
}

input::placeholder,textarea::placeholder {
    font-weight: 400;
    color: rgba(var(--text-color-light),.3)
}

input:focus-within,textarea:focus-within {
    outline: 0;
    border-color: none;
    box-shadow: none
}

.form-control {
    background-color: var(--wh-color);
    border-color: var(--form-border);
    padding: 13px 20px;
    border-radius: 8px
}

.form-label {
    color: var(--title-color)
}

.footer__end,.trk-btn,.trk-btn--arrow span i,.trk-btn--arrow span svg {
    font-size: 1rem
}

.input-group {
    transition: .3s ease-out;
    border: 1px solid rgba(var(--text-color),.3);
    border-radius: .5rem
}

.input-group:focus-within {
    border-color: var(--text-color)
}

.input-group .invalid-tooltip,.input-group .valid-tooltip {
    background-color: transparent;
    top: 90%
}

.input-group .valid-tooltip {
    color: var(--success-color)
}

.input-group .invalid-tooltip {
    color: var(--error-color)
}

.footer {
    background-color: #282828;
    color: var(--wh-color);
    font-weight: 400
}

.footer__top--style1 {
    padding-block:80px}

.footer__top--style2 {
    padding-top: 200px;
    padding-block-end:80px}

.btn-group,.btn-group--gap-lg,.btn-group--gap-md,.btn-group--gap-sm,.btn-group--gap-xs,.footer__app {
    gap: 20px
}

.blog__writer,.footer__app-inner,.social {
    gap: 10px
}

.footer__app-item--apple {
    background-color: var(--brand-color);
    color: #0c263a;
    border-radius: 8px
}

.footer__app-item--playstore {
    background-color: var(--bg-color-8);
    color: var(--bg-white);
    border-radius: 8px
}

.footer__about-moto,.footer__end,.footer__linklist-item a {
    color: var(--text-color-2)
}

.footer__app-content span {
    font-size: .5rem
}

.footer__app-content p {
    font-size: .875rem
}

.footer__linklist-item a {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.footer__end-copyright a,.trk-btn--left span svg {
    color: var(--brand-color)
}

.footer__linklist-item a::after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    transition: .3s ease-out;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    background-color: currentColor;
    opacity: 0
}

.trk-btn,.trk-btn--defult {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.footer__linklist-item a:hover {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    color: var(--brand-color)
}

.footer__linklist-item a:hover::after {
    opacity: 1;
    left: -12px
}

.footer__end {
    border-top: 1px solid rgba(255,255,255,.1)
}

@media (max-width: 575px) {
    .header-wrapper .logo {
        max-width:160px
    }

    .header-bar {
        width: 15px;
        height: 16px;
        margin-right: 20px
    }

    .header-bar span {
        height: 2px;
        width: 20px
    }

    .header-bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(4px,6px);
        -moz-transform: rotate(45deg) translate(4px,6px);
        -ms-transform: rotate(45deg) translate(4px,6px);
        -o-transform: rotate(45deg) translate(4px,6px);
        transform: rotate(45deg) translate(4px,6px)
    }

    .header-bar.active span:nth-child(2) {
        opacity: 0
    }

    .header-bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(4px,-6px);
        -moz-transform: rotate(-45deg) translate(4px,-6px);
        -ms-transform: rotate(-45deg) translate(4px,-6px);
        -o-transform: rotate(-45deg) translate(4px,-6px);
        transform: rotate(-45deg) translate(4px,-6px)
    }

    .footer__end-links {
        justify-content: space-between
    }
}

.footer__end-item a {
    color: var(--text-color)
}

.footer__shape-item--1 {
    max-width: 60px;
    top: 8%;
    left: 50%;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .footer__top--style1 {
        padding-block:90px
    }

    .footer__top--style2 {
        padding-block-start:250px;padding-block-end:90px}

    .footer__links-tittle h6 {
        margin-block-end:20px}

    .footer__end {
        display: flex;
        justify-content: space-between
    }

    .footer__end-copyright {
        margin-block-end:0}

    .footer__end-links {
        gap: 10px
    }

    .footer__shape-item--1 {
        width: auto;
        top: 12%;
        left: 40%
    }
}

@media (min-width: 768px) {
    .footer__end-links {
        gap:20px
    }

    .footer__shape-item--1 {
        top: 70%;
        left: 5%
    }
}

@media (min-width: 992px) {
    .form-control {
        padding:16px 20px
    }

    .footer__top--style1 {
        padding-block:100px}

    .footer__top--style2 {
        padding-block-start:332px;padding-block-end:100px}

    .footer__shape-item--1 {
        left: 27%;
        top: 17%
    }
}

@media (min-width: 1200px) {
    .footer__shape-item--1 {
        top:17%;
        left: 23%
    }
}

@media (min-width: 1400px) {
    .contact__shape-item--2 {
        width:1000px;
        top: -12%;
        right: -6%
    }

    .contact__shape-item--2 span {
        width: 980px;
        top: 0;
        right: -1%
    }

    .account__shape-item--1 {
        top: 9%;
        left: 12%
    }

    .footer__shape-item--1 {
        top: 17%;
        left: 33%
    }
}

.footer__shape-item--2 {
    content: "";
    height: 95%;
    width: 920px;
    border: 1px solid var(--bg-white);
    opacity: .06;
    padding: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    top: 0;
    left: -3%;
    transform: rotate(13deg);
    display: none
}

@media (min-width: 768px) {
    .footer__shape-item--2 {
        display:block;
        width: 530px;
        top: 0;
        left: -19%
    }
}

@media (min-width: 992px) {
    .footer__shape-item--2 {
        width:530px;
        top: 4%;
        left: -11%
    }
}

@media (min-width: 1200px) {
    .footer__shape-item--2 {
        height:100%;
        top: 9%;
        left: -6%
    }
}

.footer__shape-item--2 span {
    position: absolute;
    content: "";
    height: 90%;
    width: 900px;
    background: linear-gradient(150.39deg,rgba(237,242,248,.22) 15.02%,#edf2f8 99.59%);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    top: 5%;
    left: -1%
}

@media (min-width: 768px) {
    .footer__shape-item--2 span {
        top:5%;
        left: -77%
    }
}

@media (min-width: 992px) {
    .footer__shape-item--2 span {
        top:5%;
        left: -77%
    }
}

@media (min-width: 1200px) {
    .footer__shape-item--2 span {
        top:5%;
        left: -77%
    }
}

@media (min-width: 1400px) {
    .footer__shape-item--2 {
        height:101%;
        width: 920px;
        top: 0;
        left: -26%
    }

    .footer__shape-item--2 span {
        top: 5%;
        left: -1%
    }
}

@media (min-width: 1600px) {
    .contact__shape-item--2 {
        width:1200px;
        top: -14%;
        right: -2%
    }

    .contact__shape-item--2 span {
        width: 1180px;
        top: 0;
        right: -1%
    }

    .account__shape-item--1 {
        left: 22%
    }

    .footer__shape-item--2 {
        height: 107%;
        width: 920px;
        top: 0;
        left: -3%
    }

    .footer__shape-item--2 span {
        top: 5%;
        left: -1%
    }
}

.footer__shape-item--3 {
    max-width: 50px;
    top: 21%;
    left: 57%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .footer__shape-item--3 {
        width:auto;
        top: 29%;
        left: 40%
    }
}

@media (min-width: 768px) {
    .footer__shape-item--3 {
        top:80%;
        left: 30%
    }
}

@media (min-width: 992px) {
    .footer__shape-item--3 {
        top:45%;
        left: 25%
    }
}

@media (min-width: 1200px) {
    .footer__shape-item--3 {
        top:45%;
        left: 22%
    }
}

@media (min-width: 1400px) {
    .footer__shape-item--3 {
        top:45%;
        left: 26%
    }
}

@media (min-width: 1600px) {
    .footer__shape-item--3 {
        top:45%;
        left: 32%
    }
}

.footer__shape-item--4 {
    display: none;
    max-width: 50px;
    top: 21%;
    left: 57%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

.feature--style2 .feature__shape-item--1,.footer__shape-item--5,.service__shape-item--1 {
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .footer__shape-item--4 {
        width:auto;
        top: 29%;
        left: 40%
    }
}

@media (min-width: 768px) {
    .footer__shape-item--4 {
        display:block;
        top: 15%;
        left: 30%
    }
}

@media (min-width: 992px) {
    .footer__shape-item--4 {
        top:66%;
        left: 3%
    }
}

@media (min-width: 1200px) {
    .footer__shape-item--4 {
        top:66%;
        left: 3%
    }
}

@media (min-width: 1400px) {
    .footer__shape-item--4 {
        top:58%;
        left: 3%
    }
}

@media (min-width: 1600px) {
    .footer__shape-item--4 {
        top:63%;
        left: 13%
    }
}

.footer__shape-item--5 {
    width: 70px;
    top: 60%;
    left: 43%;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .footer__shape-item--5 {
        top:29%;
        left: 65%
    }
}

@media (min-width: 768px) {
    .footer__shape-item--5 {
        width:auto;
        top: 60%;
        left: 43%
    }

    .lightdark-switch span {
        bottom: 7%;
        left: 5%
    }
}

@media (min-width: 992px) {
    .footer__shape-item--5 {
        top:56%;
        left: 43%
    }
}

@media (min-width: 1200px) {
    .footer__shape-item--5 {
        top:50%;
        left: 40%
    }
}

.trk-btn {
    border: transparent;
    color: #fff;
    padding: .75rem 1rem;
    text-decoration: none;
    transition: .3s ease-out;
    line-height: 1;
    border-radius: 8px
}

.social__link,.trk-btn--arrow span.style2 i,.trk-btn--arrow span.style2 svg,.trk-btn.search-btn {
    font-size: 1.125rem
}

.trk-btn:after {
    background: var(--bg-white);
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    top: -50px;
    transform: rotate(35deg);
    transition: 550ms cubic-bezier(.19, 1, .22, 1);
    width: 50px;
    z-index: -10
}

@media (min-width: 576px) {
    .trk-btn {
        padding:1rem 1.25rem
    }
}

@media (min-width: 992px) {
    .trk-btn {
        padding:1rem 1.75rem
    }
}

@media (min-width: 1200px) {
    .trk-btn {
        padding:1rem 1.875rem
    }
}

.trk-btn--small {
    padding: .75rem 1.5rem
}

@media (min-width: 576px) {
    .trk-btn--large {
        padding:.95rem 1.25rem
    }
}

@media (min-width: 992px) {
    .trk-btn--large {
        padding:1.25rem 1.875rem
    }
}

.trk-btn i,.trk-btn svg {
    transition: .3s ease-out
}

.trk-btn--defult {
    gap: 5px;
    transition: .3s ease-out;
    color: var(--title-color);
    padding: .53rem 1rem
}

.trk-btn--defult span.style1 svg,.trk-btn--outline {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

@media (min-width: 576px) {
    .trk-btn--defult {
        padding:.8rem 1rem
    }
}

@media (min-width: 992px) {
    .trk-btn--defult {
        padding:.81rem 1rem
    }
}

@media (min-width: 1200px) {
    .trk-btn--defult {
        padding:.82rem 1rem
    }
}

.trk-btn--defult span.style1 svg {
    transition: .3s ease-out
}

.trk-btn--defult span.style1 svg g path,.trk-btn--defult span.style1 svg rect {
    stroke: var(--title-color)
}

.trk-btn--arrowplay {
    gap: 5px;
    padding: .53rem 1rem
}

@media (min-width: 576px) {
    .trk-btn--arrowplay {
        padding:.8rem 1.25rem
    }
}

@media (min-width: 992px) {
    .trk-btn--arrowplay {
        padding:.8rem 1.75rem
    }
}

@media (min-width: 1200px) {
    .trk-btn--arrowplay {
        padding:.78rem 1.875rem
    }
}

.trk-btn--arrowplay span i,.trk-btn--arrowplay span svg {
    font-size: 1.25rem
}

.trk-btn--left {
    gap: 8px
}

.trk-btn--left span {
    width: 24px;
    height: 24px;
    background-color: var(--bg-white);
    border-radius: 99px;
    padding: 4px
}

.trk-btn--left span svg {
    font-size: .875rem;
    line-height: 24px
}

.trk-btn--primary {
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color)
}

.trk-btn--secondary {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: var(--wh-color)
}

.trk-btn--secondary2 {
    background-color: #0a4fd5;
    border: 1px solid #0a4fd5;
    color: var(--bg-white)
}

.trk-btn--outline {
    transition: .3s ease-out;
    width: 100%;
    border: 1px solid var(--brand-color);
    color: #0c263a
}

.trk-btn--outline2,.trk-btn--outline2 span.style1 svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.trk-btn--outline2,.trk-btn--outline22 {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    gap: 5px
}

.trk-btn--outline2 {
    transition: .3s ease-out;
    padding: .53rem 1rem
}

@media (min-width: 576px) {
    .trk-btn--outline2 {
        padding:.8rem 1.25rem
    }
}

@media (min-width: 992px) {
    .trk-btn--outline2 {
        padding:.8rem 1.75rem
    }
}

@media (min-width: 1200px) {
    .trk-btn--outline2 {
        padding:.78rem 1.875rem
    }
}

.trk-btn--outline2 span.style1 svg {
    transition: .3s ease-out
}

.trk-btn--outline22,.trk-btn--outline22 span.style1 svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.trk-btn--outline2 span.style1 svg g path,.trk-btn--outline2 span.style1 svg rect {
    stroke: var(--arrow-icon-color)
}

.trk-btn--outline22 {
    transition: .3s ease-out;
    padding: .53rem 1rem
}

@media (min-width: 576px) {
    .trk-btn--outline22 {
        padding:.8rem 1.25rem
    }
}

@media (min-width: 992px) {
    .trk-btn--outline22 {
        padding:.8rem 1.75rem
    }
}

@media (min-width: 1200px) {
    .trk-btn--outline22 {
        padding:.78rem 1.875rem
    }
}

.trk-btn--outline22 span.style1 svg {
    transition: .3s ease-out
}

.trk-btn--outline3,.trk-btn--outline3 span.style1 svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.trk-btn--outline22 span.style1 svg g path,.trk-btn--outline22 span.style1 svg rect {
    stroke: var(--secondary-color)
}

.trk-btn--outline3 {
    transition: .3s ease-out;
    gap: 5px;
    border-color: #1b2d29;
    background: rgba(255,255,255,.08);
    color: #fff;
    padding: .53rem 1rem
}

@media (min-width: 576px) {
    .trk-btn--outline3 {
        padding:.8rem 1.25rem
    }
}

@media (min-width: 992px) {
    .trk-btn--outline3 {
        padding:.8rem 1.75rem
    }
}

.trk-btn--outline3 span.style1 svg {
    transition: .3s ease-out
}

.text-btn,.trk-btn--outline4 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.trk-btn--outline4 {
    transition: .3s ease-out;
    width: 100%;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color)
}

.social__link--style4.active i,.social__link--style4.active svg,.social__link--style4:hover i,.social__link--style4:hover svg,.social__link--style6.active i,.social__link--style6.active svg,.social__link--style6:hover i,.social__link--style6:hover svg,.text-btn {
    color: var(--brand-color)
}

.trk-btn--outline4.active,.trk-btn--outline4:hover {
    background-color: var(--secondary-color);
    color: var(--bg-white)
}

.trk-btn.search-btn {
    padding: 1.2rem 1.85rem
}

.trk-btn span {
    position: inherit;
    z-index: 1
}

.trk-btn.active.trk-btn--primary,.trk-btn:hover.trk-btn--primary {
    color: #0c263a;
    transform: translateY(-3px)
}

.trk-btn.active.trk-btn--primary:after,.trk-btn:hover.trk-btn--primary:after {
    left: 120%;
    transition: 550ms cubic-bezier(.19, 1, .22, 1)
}

.trk-btn.active.trk-btn--secondary,.trk-btn:hover.trk-btn--secondary {
    color: var(--bg-white);
    transform: translateY(-3px)
}

.trk-btn.active.trk-btn--secondary:after,.trk-btn:hover.trk-btn--secondary:after {
    left: 120%;
    transition: 550ms cubic-bezier(.19, 1, .22, 1)
}

.trk-btn.active.trk-btn--secondary2,.trk-btn:hover.trk-btn--secondary2 {
    color: var(--bg-white);
    transform: translateY(-3px)
}

.trk-btn.active.trk-btn--secondary2:after,.trk-btn:hover.trk-btn--secondary2:after {
    left: 120%;
    transition: 550ms cubic-bezier(.19, 1, .22, 1)
}

.trk-btn.active.trk-btn--arrow,.trk-btn:hover.trk-btn--arrow {
    transform: rotate(0)
}

.trk-btn.active.trk-btn--outline,.trk-btn:hover.trk-btn--outline {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: #0c263a
}

.trk-btn.active.trk-btn--outline2,.trk-btn:hover.trk-btn--outline2 {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: #fff
}

.trk-btn.active.trk-btn--outline2 span.style1 svg rect,.trk-btn:hover.trk-btn--outline2 span.style1 svg rect {
    stroke: #0C263A
}

.trk-btn.active.trk-btn--outline2 span.style1 svg g path,.trk-btn:hover.trk-btn--outline2 span.style1 svg g path {
    stroke: #0C263A
}

.trk-btn.active.trk-btn--outline22,.trk-btn:hover.trk-btn--outline22 {
    background-color: #0a4fd5;
    border-color: #0a4fd5;
    color: var(--bg-white)
}

.trk-btn.active.trk-btn--outline22 span.style1 svg rect,.trk-btn:hover.trk-btn--outline22 span.style1 svg rect {
    stroke: var(--bg-white)
}

.trk-btn.active.trk-btn--outline22 span.style1 svg g path,.trk-btn:hover.trk-btn--outline22 span.style1 svg g path {
    stroke: var(--bg-white)
}

.trk-btn.active.trk-btn--defult,.trk-btn:hover.trk-btn--defult {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: #0c263a
}

.trk-btn.active.trk-btn--defult span.style1 svg rect,.trk-btn:hover.trk-btn--defult span.style1 svg rect {
    stroke: #0C263A
}

.trk-btn.active.trk-btn--defult span.style1 svg g path,.trk-btn:hover.trk-btn--defult span.style1 svg g path {
    stroke: #0C263A
}

.trk-btn.active.trk-btn--outline3,.trk-btn:hover.trk-btn--outline3 {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: #0c263a
}

.trk-btn.active.trk-btn--outline3 span.style1 svg rect,.trk-btn:hover.trk-btn--outline3 span.style1 svg rect {
    stroke: #0C263A
}

.trk-btn.active.trk-btn--outline3 span.style1 svg g path,.trk-btn:hover.trk-btn--outline3 span.style1 svg g path {
    stroke: #0C263A
}

.trk-btn.active.trk-btn--primary2 svg,.trk-btn:hover.trk-btn--primary2 svg {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.trk-btn-active {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color)
}

.text-btn {
    transition: .3s ease-out;
    display: inline-flex;
    font-weight: 600
}

.text-btn--style2::after,.text-btn::after {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    bottom: -4px;
    height: 2px;
    width: 0%;
    left: 0;
    content: ""
}

.text-btn::after {
    transition: .3s ease-out;
    background-color: var(--brand-color)
}

.text-btn--style2::after {
    transition: .3s ease-out;
    background-color: var(--secondary-color)
}

.service__item--style2 .service__content h5,.text-btn i,.text-btn span,.text-btn svg,.text-btn.text-btn--small span {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.text-btn i,.text-btn svg {
    transition: .3s ease-out
}

.text-btn.text-btn--small {
    font-size: 1rem;
    color: var(--title-color)
}

.service__item--style2 .service__content h5,.text-btn span,.text-btn.text-btn--small span {
    transition: .3s ease-out
}

.text-btn:hover {
    color: var(--secondary-color)
}

.text-btn:hover::after {
    width: 100%;
    background-color: var(--secondary-color)
}

.text-btn:hover span {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    background-color: var(--body-color);
    z-index: 999999
}

.preloader img {
/*     width: 120px; */
    -webkit-animation: 1s cubic-bezier(.4,-.35,.01,1.08) infinite alternate floating;
    -moz-animation: 1s cubic-bezier(.4,-.35,.01,1.08) infinite alternate floating;
    -ms-animation: floating 1s cubic-bezier(0.4,-0.35,0.01,1.08) infinite alternate;
    -o-animation: 1s cubic-bezier(.4,-.35,.01,1.08) infinite alternate floating;
    animation: 1s cubic-bezier(.4,-.35,.01,1.08) infinite alternate floating
}

.lightdark-switch span {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    width: 35px;
    height: 35px;
    bottom: 7%;
    left: 5%;
    border-radius: 8px;
    z-index: 9999;
    cursor: pointer;
    background-color: var(--brand-color);
    box-shadow: 0 0 15px 0 rgba(104,225,166,.7);
    border: 1px solid var(--brand-color)
}

.lightdark-switch span:hover {
    border: 1px solid var(--brand-color);
    box-shadow: 0 0 15px 2px rgba(104,225,166,.6)
}

@media (min-width: 576px) {
    .lightdark-switch span {
        width:40px;
        height: 40px;
        padding: 10px;
        bottom: 7%;
        left: 5%
    }
}

@media (min-width: 992px) {
    .lightdark-switch span {
        bottom:auto;
        left: auto;
        top: 130px;
        right: 60px
    }
}

.lightdark-switch span img {
    max-height: 16px
}

@media (min-width: 768px) {
    .social {
        gap:15px
    }
}

.social--style2 {
    gap: 25px
}

.social__item h6,.tags ul li h6 {
    font-size: 1.125rem
}

.social__link {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    background-color: transparent
}

.social__link--style1,.social__link--style2 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    background-color: transparent
}

.social__link--style1 {
    transition: .3s ease-out;
    border: 1px solid var(--social-border-color-2);
    width: 34px;
    height: 34px;
    border-radius: 99px
}

.social__link--style1 i,.social__link--style1 svg {
    font-size: 1rem;
    color: var(--title-color)
}

@media (min-width: 992px) {
    .social__link--style1 {
        height:40px;
        width: 40px
    }

    .social__link--style1 i,.social__link--style1 svg {
        font-size: 1.125rem
    }
}

.social__link--style2 {
    transition: .3s ease-out;
    width: 34px;
    height: 34px;
    border-radius: 99px;
    border: 2px solid var(--social-border-color-3)
}

.social__link--style2 i,.social__link--style2 svg,.social__link--style22 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.social__link--style2 i,.social__link--style2 svg {
    color: var(--title-color);
    transition: .3s ease-out;
    font-size: 1rem
}

@media (min-width: 768px) {
    .social__link--style2 {
        width:40px;
        height: 40px
    }

    .social__link--style2 i,.social__link--style2 svg {
        font-size: 1.125rem
    }
}

.social__link--style22 {
    transition: .3s ease-out;
    background-color: transparent;
    width: 34px;
    height: 34px;
    border-radius: 99px;
    border: 2px solid rgba(255,255,255,.1)
}

.social__link--style22 i,.social__link--style22 svg,.social__link--style3 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    font-size: 1rem
}

.social__link--style22 i,.social__link--style22 svg {
    color: var(--bg-white);
    transition: .3s ease-out
}

@media (min-width: 768px) {
    .social__link--style22 {
        width:40px;
        height: 40px
    }

    .social__link--style22 i,.social__link--style22 svg {
        font-size: 1.125rem
    }
}

.social__link--style3 {
    z-index: 3;
    transition: .3s ease-out;
    background-color: transparent;
    border: 1.3px solid var(--social-border-color);
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 99px
}

.social__link--style3 i,.social__link--style3 svg,.social__link--style5 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.social__link--style5,.social__link--style6 {
    border-radius: 99px;
    background-color: transparent
}

.social__link--style3 i,.social__link--style3 svg {
    color: var(--title-color);
    transition: .3s ease-out;
    font-size: inherit
}

.social__link--style5 {
    transition: .3s ease-out;
    width: 34px;
    height: 34px;
    border: 2px solid rgba(255,255,255,.1)
}

.social__link--style5 i,.social__link--style5 svg,.social__link--style6 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.social__link--style5 i,.social__link--style5 svg {
    color: var(--bg-white);
    transition: .3s ease-out;
    font-size: 1rem
}

@media (min-width: 768px) {
    .social__link--style5 {
        width:40px;
        height: 40px
    }

    .social__link--style5 i,.social__link--style5 svg {
        font-size: 1.125rem
    }
}

.social__link--style6 {
    transition: .3s ease-out;
    width: 34px;
    height: 34px;
    border: 2px solid var(--tertiary-color)
}

.social__link--style4,.social__link--style6 i,.social__link--style6 svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.social__link--style6 i,.social__link--style6 svg {
    color: var(--title-color);
    transition: .3s ease-out;
    font-size: 1rem
}

@media (min-width: 768px) {
    .social__link--style6 {
        width:40px;
        height: 40px
    }

    .social__link--style6 i,.social__link--style6 svg {
        font-size: 1.125rem
    }
}

.social__link--style4 {
    transition: .3s ease-out;
    background-color: transparent;
    width: 34px;
    height: 34px;
    border-radius: 99px;
    border: 2px solid var(--tertiary-color2)
}

.feature--style2 .feature__item-inner,.social__link--style4 i,.social__link--style4 svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.social__link--style4 i,.social__link--style4 svg {
    color: var(--title-color);
    transition: .3s ease-out;
    font-size: 1rem
}

.social__link--style4.active,.social__link--style4:hover {
    border-color: var(--brand-color)
}

.social__link.active.social__link--style1,.social__link:hover.social__link--style1 {
    background-color: var(--brand-color);
    border-color: var(--brand-color)
}

.social__link.active.social__link--style1 i,.social__link.active.social__link--style1 svg,.social__link:hover.social__link--style1 i,.social__link:hover.social__link--style1 svg {
    color: #1b2d29
}

.social__link.active.social__link--style2,.social__link:hover.social__link--style2 {
    border-color: var(--brand-color)
}

.social__link.active.social__link--style2 i,.social__link.active.social__link--style2 svg,.social__link:hover.social__link--style2 i,.social__link:hover.social__link--style2 svg {
    color: var(--brand-color)
}

.social__link.active.social__link--style22,.social__link:hover.social__link--style22 {
    border-color: var(--brand-color)
}

.social__link.active.social__link--style22 i,.social__link.active.social__link--style22 svg,.social__link:hover.social__link--style22 i,.social__link:hover.social__link--style22 svg {
    color: var(--brand-color)
}

.social__link.active.social__link--style3,.social__link:hover.social__link--style3 {
    background-color: var(--brand-color);
    border-color: var(--brand-color)
}

.social__link.active.social__link--style3 i,.social__link.active.social__link--style3 svg,.social__link:hover.social__link--style3 i,.social__link:hover.social__link--style3 svg {
    color: #0c263a
}

.social__link.active.social__link--style5 i,.social__link.active.social__link--style5 svg,.social__link:hover.social__link--style5 i,.social__link:hover.social__link--style5 svg {
    color: var(--brand-color)
}

.floating-content__item {
    background-color: var(--floating-content-bg-color);
    border: 1px solid var(--floating-content-border-color);
    box-shadow: -40px 40px 60px 0 rgba(5,30,54,.05);
    border-radius: 16px
}

.floating-content__item--style2,.floating-content__item--style3 {
    background-color: var(--floating-content-bg-color-2);
    backdrop-filter: blur(24px)
}

@media (min-width: 768px) {
    .social__link--style4 {
        width:40px;
        height: 40px
    }

    .social__link--style4 i,.social__link--style4 svg {
        font-size: 1.125rem
    }

    .floating-content__item {
        padding: 24px 32px
    }

    .floating-content__item--style2 {
        padding: 16px 0 16px 36px
    }
}

.floating-content__item h3 {
    line-height: 32px;
    color: var(--secondary-color)
}

.floating-content__item p,.floating-content__item--style4 span,.floating-content__item--style5 h3,.pricing__list-item {
    color: var(--title-color)
}

.floating-content__item h3.style2 {
    color: #00d094
}

.floating-content__item p {
    font-size: 1.25rem
}

.floating-content__item p.style2 {
    font-size: 1.125rem
}

.floating-content__item--style2 {
    gap: 15px;
    padding: 16px 0 16px 36px;
    border-radius: 8px 40px 32px 80px;
    border: 2px solid var(--border-color-2)
}

@media (min-width: 576px) {
    .lightdark-switch span img {
        max-height:20px
    }

    .floating-content__item--style2 {
        padding: 16px 0 16px 36px
    }
}

@media (min-width: 1200px) {
    .trk-btn--outline3 {
        padding:.78rem 1.875rem
    }

    .floating-content__item--style2 {
        padding: 16px 10px 16px 48px
    }
}

.floating-content__item--style2 img {
    width: 60px
}

@media (min-width: 576px) {
    .floating-content__item--style2 img {
        width:70px
    }
}

.floating-content__item--style2 p {
    max-inline-size: 18ch
}

.floating-content__item--style3 {
    padding: 16px;
    border-radius: 32px 60px 8px 40px;
    border: 2px solid var(--border-color-2)
}

@media (min-width: 768px) {
    .floating-content__item--style2 img {
        width:auto
    }

    .floating-content__item--style3 {
        padding: 16px 20px
    }
}

@media (min-width: 992px) {
    .floating-content__item--style3 {
        padding:25px 30px
    }
}

.floating-content__item--style4 {
    gap: 15px;
    padding: 20px;
    border-radius: 100px 9.126px 9.126px 100px;
    background: var(--wh-color);
    box-shadow: -24px 24px 73.0064086914px 0 rgba(0,208,148,.16)
}

.floating-content__item--style4 p {
    font-size: 1.125rem;
    color: var(--title-color)
}

.floating-content__item--style5 {
    min-width: 260px;
    border-radius: 16px;
    background-color: var(--floating-content-bg-color);
    box-shadow: -16px 32px 80px 0 rgba(61,51,0,.12)
}

.blog-details__content p,.floating-content__item--style5 p {
    color: var(--text-color)
}

@media (min-width: 768px) {
    .floating-content__item--style5 {
        padding:20px
    }
}

.floating-content__top-left {
    left: 10px;
    top: 15px
}

@media (min-width: 768px) {
    .floating-content__top-left {
        left:30px;
        top: 90px
    }
}

@media (min-width: 992px) {
    .floating-content__item--style5 {
        padding:24px 32px
    }

    .floating-content__top-left {
        left: 0;
        top: 10px
    }
}

@media (min-width: 1200px) {
    .floating-content__top-left {
        left:5px;
        top: 60px
    }
}

.floating-content__top-left--style2 {
    left: 0;
    top: -15px
}

@media (min-width: 576px) {
    .floating-content__top-left--style2 {
        left:0;
        top: 30px
    }
}

@media (min-width: 768px) {
    .floating-content__top-left--style2 {
        left:-6px;
        top: 0
    }
}

@media (min-width: 992px) {
    .floating-content__top-left--style2 {
        left:0;
        top: 10px
    }
}

.floating-content__top-right {
    right: 0;
    top: 0
}

@media (min-width: 576px) and (max-width:767px) {
    .floating-content__top-right {
        right:-20px;
        top: 5px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .floating-content__top-right {
        right:60px;
        top: -50px
    }

    .cta__subscribe h2 {
        font-size: calc(1.325rem + .7714285714vw)
    }
}

@media (min-width: 992px) {
    .floating-content__top-right {
        right:-10px;
        top: -80px
    }
}

@media (min-width: 768px) {
    .floating-content__top-right--style2 {
        right:-20px;
        top: -80px
    }

    .floating-content__top-right--style2 img {
        max-width: 70px
    }
}

@media (min-width: 992px) {
    .floating-content__top-right--style2 {
        right:0;
        top: -80px
    }

    .floating-content__top-right--style2 img {
        max-width: 80px
    }
}

@media (min-width: 1200px) {
    .floating-content__top-left--style2 {
        left:5px;
        top: 60px
    }

    .floating-content__top-right--style2 {
        right: 5px;
        top: -55px
    }

    .floating-content__top-right--style2 img {
        width: auto
    }
}

.pricing__shape-item--1 span,.pricing__shape-item--3 span {
    height: 96%;
    width: 1000px;
    background: linear-gradient(4deg,var(--bg-shape-color-trans-2) 0,var(--bg-shape-color-2) 100%)
}

.floating-content__left-top {
    left: -10px;
    top: -47px
}

.floating-content__left-top--style2 {
    left: -10px;
    top: -40px
}

@media (min-width: 576px) {
    .floating-content__left-top {
        left:-27px;
        top: -44px
    }
}

@media (min-width: 768px) {
    .floating-content__left-top {
        left:-27px;
        top: -125px
    }
}

.floating-content__bottom-left {
    left: 0;
    bottom: 0
}

@media (min-width: 576px) {
    .floating-content__bottom-left--style2 {
        left:-10px;
        bottom: 10px
    }
}

@media (min-width: 768px) {
    .floating-content__bottom-left--style2 {
        left:-14px;
        bottom: -27px
    }
}

@media (min-width: 992px) {
    .floating-content__left-top {
        left:-45px;
        top: -80px
    }

    .floating-content__bottom-left--style2 {
        left: -33px;
        bottom: 0
    }
}

@media (min-width: 1200px) {
    .floating-content__bottom-left--style2 {
        left:30px;
        bottom: -5px
    }
}

.floating-content__bottom-left--style3 {
    left: 0;
    bottom: 20px
}

@media (min-width: 576px) {
    .floating-content__bottom-left--style3 {
        left:0;
        bottom: 10px
    }
}

@media (min-width: 768px) {
    .floating-content__bottom-left--style3 {
        left:-23px;
        bottom: 25px
    }
}

@media (min-width: 992px) {
    .floating-content__bottom-left--style3 {
        left:-10px;
        bottom: 31px
    }
}

@media (min-width: 1200px) {
    .floating-content__bottom-left--style3 {
        left:10px;
        bottom: 31px
    }
}

.floating-content__bottom-right {
    right: 10px;
    bottom: 15px
}

.floating-content__bottom-right--style2 {
    right: 70px;
    bottom: -30px
}

@media (min-width: 768px) {
    .floating-content__bottom-right--style2 {
        right:70px;
        bottom: -30px
    }
}

@media (min-width: 576px) {
    .floating-content__bottom-right {
        right:10px;
        bottom: 60px
    }

    .feature--style1 .feature__shape-item--1 {
        width: 70px;
        top: 6%;
        left: 65%
    }
}

@media (min-width: 768px) {
    .floating-content__bottom-right {
        right:70px;
        bottom: 75px
    }
}

@media (min-width: 992px) {
    .floating-content__bottom-right {
        right:45px;
        bottom: 2px
    }
}

.partner {
    overflow-x: clip
}

.partner__wrapper {
    z-index: 333
}

.partner--gradient:before {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--tertiary-color);
    border-top: 8px solid var(--body-color);
    border-bottom: 8px solid var(--body-color);
    z-index: 3
}

.partner--gradient::after {
    content: "";
    left: 0;
    top: -5px;
    height: 119px;
    width: 100%;
    background: linear-gradient(150.39deg,#edf2f8 15.02%,#edf2f8 99.59%);
    transform: rotate(2deg);
    z-index: 2;
    opacity: 0
}

.feature--style1 .feature__item-content h6 {
    font-size: 1.125rem;
    color: var(--text-color);
    font-family: "Open Sans",sans-serif
}

.feature--style1 .feature__image img,.team--details .team__thumb {
    border-radius: 20px
}

.feature--style1 .feature__thumb {
    position: relative;
    z-index: 2
}

@media (min-width: 768px) {
    .feature--style1 .feature__shape-item--1 {
        max-width:75px;
        top: 13%;
        left: 50%
    }
}

@media (min-width: 992px) {
    .feature--style1 .feature__shape-item--1 {
        max-width:100%;
        top: 19%;
        left: 46%
    }
}

@media (min-width: 1200px) {
    .floating-content__bottom-right {
        right:23px;
        bottom: 40px
    }

    .feature--style1 .feature__shape-item--1 {
        top: 19%;
        left: 50%
    }
}

@media (min-width: 1400px) {
    .footer__shape-item--5 {
        top:50%;
        left: 36%
    }

    .lightdark-switch span {
        top: 80px;
        right: 90px
    }

    .floating-content__top-right--style2 {
        right: -70px;
        top: -55px
    }

    .floating-content__bottom-left--style3 {
        left: -10px;
        bottom: 31px
    }

    .feature--style1 .feature__shape-item--1 {
        top: 19%;
        left: 50%
    }
}

.feature--style1 .feature__shape-item--2 {
    content: "";
    height: 92%;
    width: 920px;
    border: 2px solid var(--bg-grad-color);
    padding: 40px;
    border-bottom-left-radius: 25%;
    top: 0;
    right: -3%;
    transform: rotate(-10deg);
    display: none
}

@media (min-width: 768px) {
    .feature--style1 .feature__shape-item--2 {
        display:block;
        width: 570px;
        top: -8%;
        right: -24%
    }
}

@media (min-width: 992px) {
    .feature--style1 .feature__shape-item--2 {
        width:570px;
        top: -10%;
        right: -4%
    }
}

@media (min-width: 1200px) {
    .feature--style1 .feature__shape-item--2 {
        height:100%;
        width: 725px;
        top: -12%;
        right: -4%
    }
}

@media (min-width: 1400px) {
    .feature--style1 .feature__shape-item--2 {
        width:1000px;
        top: -12%;
        right: -15%
    }
}

@media (min-width: 1600px) {
    .footer__shape-item--5 {
        top:54%;
        left: 46%
    }

    .floating-content__bottom-left--style3 {
        left: -10px;
        bottom: 31px
    }

    .feature--style1 .feature__shape-item--2 {
        width: 1000px;
        top: -12%;
        right: -4%
    }
}

.feature--style1 .feature__shape-item--2 span {
    position: absolute;
    content: "";
    height: 96%;
    width: 700px;
    background: linear-gradient(219deg,var(--bg-grad-color-trans) 0,var(--bg-grad-color) 100%);
    border-bottom-left-radius: 25%;
    top: 5%;
    right: -1%
}

@media (min-width: 768px) {
    .feature--style1 .feature__shape-item--2 span {
        width:550px;
        top: 0;
        right: -1%
    }
}

@media (min-width: 992px) {
    .feature--style1 .feature__shape-item--2 span {
        width:550px;
        top: 0;
        right: -1%
    }
}

@media (min-width: 1200px) {
    .feature--style1 .feature__shape-item--2 span {
        height:97%;
        width: 700px;
        top: 0;
        right: -1%
    }
}

.feature--style2 .feature__item-inner {
    transition: .3s ease-out;
    background-color: var(--body-color);
    padding: 16px;
    border-radius: 8px
}

.service__content h5,.service__item-inner {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.feature--style2 .feature__item-thumb {
    margin-block-end:24px}

.sidebar__categorie-body ul li:last-child,.sidebar__comment-item:last-child,.sidebar__recentpost-body ul li:last-child {
    margin-block-end:0}

.feature--style2 .feature__item:hover {
    transform: translateY(-10px);
    cursor: pointer
}

.feature--style2 .feature__shape-item--1,.service__shape-item--1 {
    width: 40px;
    top: 1%;
    left: 6%;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

.faq__shape-item--1,.pricing__shape-item--2,.service__shape-item--2 {
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .feature--style2 .feature__shape-item--1 {
        width:80px;
        top: 3%;
        left: 7%
    }

    .service__shape-item--1 {
        top: 3%;
        left: 7%
    }
}

@media (min-width: 768px) {
    .feature--style2 .feature__shape-item--1 {
        top:8%;
        left: 3%
    }

    .service__item-inner {
        padding-block:30px;padding-inline:30px}
}

@media (min-width: 992px) {
    .feature--style2 .feature__shape-item--1 {
        width:auto;
        top: 15%;
        left: 2%
    }
}

@media (min-width: 1200px) {
    .feature--style2 .feature__shape-item--1 {
        top:15%;
        left: 2%
    }
}

.cta__thumb::after,.faq__thumb--style1::after {
    content: "";
    top: 50%;
    left: 50%;
    backdrop-filter: blur(10px);
    filter: blur(100px);
    z-index: -1;
    position: absolute
}

.service__item-inner {
    transition: .3s ease-out;
    background: #1c1d1d;
    border: 0;
    border-radius: 16px
}

.service__item-inner:hover {
    transform: translateY(-5px);
    border: 0
}

.service__item--style2 .service__item-inner {
    background: var(--service-item-bg-color)
}

.service__thumb-inner {
    border-radius: 99px;
    border: 2px dotted #4f5357;
    background: #25292e47
}

.service__content h5 {
    transition: .3s ease-out;
    font-weight: 600;
    font-size: 26px
}

.pricing__item-inner,.pricing__item-inner--style2,.team__item-author {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.service__content:hover h5 {
    color: var(--brand-color)
}

@media (min-width: 768px) {
    .service__shape-item--1 {
        width:auto;
        top: 2%;
        left: 1%
    }
}

@media (min-width: 992px) {
    .service__shape-item--1 {
        left:4%;
        top: 4%
    }
}

@media (min-width: 1200px) {
    .service__shape-item--1 {
        top:5%;
        left: 5%
    }
}

@media (min-width: 1400px) {
    .feature--style1 .feature__shape-item--2 span {
        width:980px;
        top: 0;
        right: -1%
    }

    .feature--style2 .feature__shape-item--1 {
        top: 15%;
        left: 8%
    }

    .service__shape-item--1 {
        top: 8%;
        left: 5%
    }
}

.faq__shape-item--1,.service__shape-item--2 {
    width: 40px;
    top: 1%;
    left: 6%;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .service__shape-item--2 {
        top:3%;
        left: 7%
    }
}

@media (min-width: 768px) {
    .service__shape-item--2 {
        width:70px;
        top: 6%;
        left: 4%
    }
}

@media (min-width: 992px) {
    .service__shape-item--2 {
        width:auto;
        left: 5%;
        top: 10%
    }
}

@media (min-width: 1200px) {
    .service__shape-item--2 {
        top:10%;
        left: 9%
    }
}

@media (min-width: 1400px) {
    .service__shape-item--2 {
        top:11%;
        left: 17%
    }
}

.service__shape-item--3 {
    top: .5%;
    right: 2%;
    width: 50px;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

@media (min-width: 576px) {
    .service__shape-item--3 {
        width:70px;
        top: 2%;
        right: 8%
    }

    .pricing__item-inner {
        padding-block:22px;padding-inline:25px}
}

@media (min-width: 768px) {
    .service__shape-item--3 {
        width:auto;
        top: 2%;
        right: 8%
    }
}

@media (min-width: 992px) {
    .service__shape-item--3 {
        top:auto;
        bottom: 3%;
        right: 4%
    }
}

@media (min-width: 1200px) {
    .service__shape-item--3 {
        bottom:4%;
        right: 4%
    }
}

.pricing__item-inner {
    transition: .3s ease-out;
    background-color: #16191f;
    border: 2px solid #5962b7;
    box-shadow: 0 16px 40px 0 rgba(26,64,137,.06);
    border-radius: 16px
}

.pricing__item-inner.active,.pricing__item-inner:hover {
    border: 2px solid var(--brand-color);
    box-shadow: 0 32px 80px 0 rgba(26,64,137,.12)
}

.pricing__item-inner--style2,.team__item-author {
    transition: .3s ease-out
}

.pricing__item-inner--style2.active,.pricing__item-inner--style2:hover {
    border: 2px solid var(--secondary-color);
    box-shadow: 0 32px 80px 0 rgba(26,64,137,.12)
}

.pricing__item-top {
    border-bottom: 1px solid #e6e6e6
}

.pricing__item-top h6 {
    font-size: 26px;
    color: #9c4da8;
    font-weight: 500;
    margin-bottom: 5px!important
}

.pricing__item-top h3 {
    color: var(--secondary-color)
}

.pricing__item-top h3 span {
    font-size: 1.125rem;
    color: #b0b3bf
}

.pricing__shape-item--1 {
    content: "";
    height: 95%;
    border: 2px solid var(--bg-shape-color-2);
    padding: 40px;
    border-radius: 100px 213px 100px 100px;
    opacity: .4;
    transform: rotate(25deg);
    display: none
}

@media (min-width: 768px) {
    .pricing__shape-item--1 {
        display:block;
        width: 1050px;
        top: 3%;
        left: -6%
    }

    .pricing__shape-item--1 span {
        top: 2%;
        left: 2%
    }
}

@media (min-width: 992px) {
    .pricing__shape-item--1 {
        top:8%;
        left: 12%
    }
}

@media (min-width: 1200px) {
    .pricing__shape-item--1 {
        top:0;
        left: 11%
    }

    .pricing__shape-item--1 span {
        width: 1000px;
        top: 2%;
        left: 2%
    }
}

.pricing__shape-item--1 span {
    position: absolute;
    content: "";
    border-radius: 100px 213px 100px 100px
}

.pricing__shape-item--2 {
    width: 40px;
    top: 1%;
    right: 6%;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .pricing__shape-item--2 {
        top:3%;
        right: 7%
    }
}

@media (min-width: 768px) {
    .pricing__shape-item--2 {
        width:auto;
        top: 6%;
        right: 6%
    }
}

@media (min-width: 992px) {
    .pricing__shape-item--2 {
        right:5%;
        top: 5%
    }
}

@media (min-width: 1200px) {
    .pricing__shape-item--2 {
        top:6%;
        right: 6%
    }
}

@media (min-width: 1400px) {
    .service__shape-item--3 {
        bottom:4%;
        right: 4%
    }

    .pricing__shape-item--1 {
        left: 27%
    }

    .pricing__shape-item--2 {
        top: 2%;
        right: 6%
    }
}

.pricing__shape-item--3,.story__shape-item--1 {
    content: "";
    height: 100%;
    border: 2px solid var(--bg-shape-color-2);
    padding: 40px;
    border-radius: 100px 213px 100px 100px;
    opacity: .4;
    transform: rotate(132deg);
    display: none
}

@media (min-width: 768px) {
    .pricing__shape-item--3 {
        display:block;
        width: 1050px;
        top: -45%;
        right: -45%
    }

    .pricing__shape-item--3 span {
        top: 2%;
        right: 2%
    }
}

@media (min-width: 992px) {
    .pricing__shape-item--3 {
        width:1200px;
        top: -45%;
        right: -45%
    }
}

@media (min-width: 1200px) {
    .pricing__shape-item--3 {
        width:1200px;
        top: -45%;
        right: -26%
    }

    .pricing__shape-item--3 span {
        width: 1000px;
        top: 2%;
        right: 2%
    }
}

@media (min-width: 1400px) {
    .pricing__shape-item--3 {
        top:-40%;
        right: -13%
    }

    .pricing__shape-item--3 span {
        width: 1200px;
        top: 2%;
        right: 2%
    }
}

@media (min-width: 1600px) {
    .feature--style2 .feature__shape-item--1 {
        top:15%;
        left: 19%
    }

    .service__shape-item--3 {
        bottom: 6%;
        right: 13%
    }

    .pricing__shape-item--3 {
        top: -45%;
        right: 0
    }
}

.pricing__shape-item--3 span {
    position: absolute;
    content: "";
    border-radius: 100px 213px 100px 100px
}

.pricing__shape-item--4 {
    width: 40px;
    top: 1%;
    right: 6%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .pricing__shape-item--4 {
        top:3%;
        right: 7%
    }
}

@media (min-width: 768px) {
    .pricing__shape-item--4 {
        width:auto;
        top: 6%;
        right: 6%
    }
}

@media (min-width: 992px) {
    .pricing__shape-item--4 {
        right:5%;
        top: 10%
    }
}

@media (min-width: 1200px) {
    .pricing__shape-item--4 {
        top:10%;
        right: 6%
    }
}

@media (min-width: 1400px) {
    .pricing__shape-item--4 {
        top:11%;
        right: 20%
    }
}

.pricing__shape-item--5 {
    width: 40px;
    top: 1%;
    left: 6%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .pricing__shape-item--5 {
        top:3%;
        left: 7%
    }
}

@media (min-width: 768px) {
    .pricing__shape-item--5 {
        width:70px;
        top: 6%;
        left: 4%
    }
}

@media (min-width: 992px) {
    .pricing__shape-item--5 {
        width:auto;
        left: 5%;
        top: 10%
    }
}

@media (min-width: 1200px) {
    .pricing__shape-item--5 {
        top:10%;
        left: 9%
    }
}

@media (min-width: 1400px) {
    .pricing__shape-item--5 {
        top:11%;
        left: 17%
    }
}

.pricing__shape-item--6 {
    top: .5%;
    right: 2%;
    width: 50px;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .pricing__shape-item--6 {
        width:70px;
        top: 2%;
        right: 8%
    }
}

@media (min-width: 768px) {
    .pricing__shape-item--6 {
        width:auto;
        top: auto;
        bottom: 18%;
        right: 15%
    }

    .team__item-shape1 {
        top: 45px;
        left: 18px
    }
}

@media (min-width: 992px) {
    .pricing__shape-item--6 {
        bottom:3%;
        right: 4%
    }
}

@media (min-width: 1200px) {
    .pricing__shape-item--6 {
        bottom:4%;
        right: 4%
    }
}

.team__item-inner {
    background-color: var(--bg-team);
    border-radius: 12px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.blog-details__segment-thumb img,.blog__thumb,.service-details__thumb-inner img,.team__item-thumb {
    border-radius: 8px
}

.team__item-thumb img {
    transition: .3s ease-in-out;
    object-fit: cover
}

.team__item-author--style2 .team__item-authorinfo h6,.team__item-content {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.team__item-thumb--style1 img {
    transform: translateY(15px)
}

.team__item-content {
    transition: .3s ease-out;
    bottom: 0;
    left: 0;
    width: 100%
}

.team__item-content--style1 {
    padding: 8px
}

.team__item-author--style1 {
    background-color: rgba(255,255,255,.8);
    backdrop-filter: blur(5px);
    padding: 12px 8px;
    border-radius: 8px
}

.team__item-author--style2 {
    background-color: var(--wh-color);
    border-radius: 16px 16px 8px 8px;
    border: 2px solid var(--social-border-color)
}

.team__item-author--style2 .team__item-authorinfo h6 {
    transition: .3s ease-out;
    font-family: "Anek Telugu",sans-serif;
    color: var(--title-color)
}

.team__item-authorinfo h6,.team__item-shape1 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.team__item-author--style2 .team__item-authorinfo h6:hover,.team__item-authorinfo h6:hover,.team__item:hover .team__item-author h6 {
    color: var(--brand-color)
}

.team__item-authorinfo h6 {
    transition: .3s ease-out;
    color: var(--title-color);
    z-index: 2
}

.team__item-authorinfo p {
    font-size: .875rem
}

.team__item-shape1 {
    transition: .3s ease-out;
    opacity: .5;
    top: 45px;
    left: 18px
}

.team__item-shape2,.team__item-shape3 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    opacity: .1
}

@media (min-width: 992px) {
    .team__item-shape1 {
        width:35px;
        top: 25px;
        left: 20px
    }
}

.team__item-shape2 {
    transition: .3s ease-out;
    top: 70px;
    right: 25px
}

@media (min-width: 768px) {
    .team__item-shape2 {
        top:70px;
        right: 25px
    }
}

@media (min-width: 992px) {
    .team__item-shape2 {
        width:35px;
        top: 60px;
        right: 18px
    }
}

.team__item-shape3 {
    transition: .3s ease-out;
    bottom: 200px;
    left: 25px
}

.blog__item-inner,.team--details .team__thumb img {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

@media (min-width: 576px) {
    .team__item-shape3 {
        bottom:136px;
        left: 25px
    }

    .blog-details__meta ul {
        display: flex;
        flex-wrap: wrap;
        gap: 18px
    }
}

@media (min-width: 768px) {
    .team__item-shape3 {
        bottom:200px;
        left: 25px
    }
}

@media (min-width: 992px) {
    .team__item-shape3 {
        width:35px;
        bottom: 130px;
        left: 17px
    }
}

.team__item--bgcolor2 .team__item-inner {
    background-color: var(--tertiary-color)
}

.team__item:hover .team__item-thumb--style1 img {
    transform: translateY(0)
}

.team__item:hover .team__item-thumb--style2 img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.team__item:hover .team__item-shape1,.team__item:hover .team__item-shape2,.team__item:hover .team__item-shape3 {
    opacity: 1;
    transform: rotate(45deg)
}

.blog__item-inner:hover .blog__thumb img,.team--details .team__thumb img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05)
}

.team--details .team__thumb img {
    transition: .3s ease-out;
    object-fit: cover
}

.team--details .team__thumb img:hover {
    transform: scale(1.05)
}

.team--details .team__content>span,.team--details .team__content>span i,.team--details .team__content>span svg {
    color: var(--warning-color)
}

.blog__bg-element img {
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .8
}

.blog__item-inner {
    transition: .3s ease-out;
    background-color: var(--wh-color);
    border: 2px solid transparent;
    box-shadow: 0 16px 48px 0 rgba(6,35,63,.03),0 -16px 48px 0 rgba(6,35,63,.03);
    border-radius: 16px
}

.blog-details__thumb img,.blog__content h5,.blog__thumb img {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.blog__item-inner:hover {
    border: 2px solid var(--brand-color);
    box-shadow: none
}

.blog__item-inner:hover .blog__thumb img {
    transform: scale(1.05)
}

.blog__item-inner:hover .blog__content h5,.story__thumb-playbtn:hover a i,.story__thumb-playbtn:hover a svg {
    color: var(--brand-color)
}

.blog__content h5.style2:hover a,.blog__item-inner--style2:hover .blog__content h5,.blog__meta-tag--style1 {
    color: var(--secondary-color)
}

.blog__item-inner--style2,.tags ul li {
    border: none
}

.blog__item-inner--style2:hover {
    border: none;
    box-shadow: 0 8px 16px rgba(3,23,41,.08)
}

.blog__item-inner--style2:hover .blog__thumb img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.blog__content h5,.blog__thumb img {
    transition: .3s ease-out
}

.blog__writer-thumb img {
    border-radius: 99px;
    max-width: 50px
}

.blog__writer-designation h6 {
    font-size: 1rem;
    color: var(--title-color)
}

.accordion__button,.comment__action a,.sidebar__recentpost-content p {
    font-family: "Anek Telugu",sans-serif
}

.blog__writer-designation p {
    font-size: 1.125rem;
    color: var(--title-color);
    margin-bottom: -3px
}

.blog__writer-designation span,.testimonial__author-designation span {
    font-size: .875rem;
    color: var(--text-color)
}

.blog__meta-tag {
    font-size: .875rem;
    padding: 3px 12px;
    border-radius: 8px
}

.blog__meta-tag--style1 {
    background-color: var(--bg-color-7)
}

.blog__meta-tag--style2,.sidebar__categorie-body ul li.active a,.sidebar__categorie-body ul li.active span,.sidebar__categorie-body ul li:hover a,.sidebar__categorie-body ul li:hover span,.sidebar__recentpost-content:hover p a,.sidebar__recentpost-content:hover span {
    color: var(--brand-color)
}

.blog__meta-tag--style2 {
    background-color: var(--tertiary-color)
}

.blog-details__meta,.blog-details__meta ul li a,.sidebar__categorie-body ul li a i {
    color: var(--text-color-light)
}

.blog__shape-item--1 {
    content: "";
    border: 2px solid var(--bg-shape-color);
    padding: 40px;
    border-radius: 100px 100px 229px;
    transform: rotate(65deg);
    border-top: transparent;
    display: none
}

@media (min-width: 768px) {
    .blog__shape-item--1 {
        display:block;
        height: 80%;
        width: 1000px;
        top: -14%;
        left: -36%
    }

    .blog__shape-item--1 span {
        top: 3%;
        left: -1%
    }
}

@media (min-width: 992px) {
    .blog__shape-item--1 {
        top:-6%;
        left: -28%
    }

    .blog-details__action-inner {
        padding-block:28px}
}

@media (min-width: 1200px) {
    .team__item-shape1 {
        width:auto;
        top: 45px;
        left: 18px
    }

    .team__item-shape2 {
        width: auto;
        top: 70px;
        right: 25px
    }

    .team__item-shape3 {
        width: auto;
        bottom: 136px;
        left: 25px
    }

    .blog__meta {
        padding-block:16px}

    .blog__shape-item--1 {
        height: 95%;
        top: -17%;
        left: -10%
    }

    .testimonial__item-content p {
        padding-bottom: 32px
    }
}

.blog__shape-item--1 span {
    position: absolute;
    content: "";
    height: 94%;
    width: 980px;
    border-radius: 100px 100px 236px;
    background: linear-gradient(180deg,var(--bg-shape-color-trans) 0,var(--bg-shape-color) 100%);
    opacity: .6
}

.blog-details__item-inner,.service-details__item-inner,.sidebar__categorie,.sidebar__recentpost,.sidebar__search,.sidebar__social,.sidebar__tags {
    background-color: var(--wh-color);
    box-shadow: 0 -16px 48px rgba(6,35,63,.03),0 16px 48px rgba(6,35,63,.03);
    border-radius: 4px
}

.blog-details__thumb img {
    transition: .3s ease-out;
    object-fit: cover
}

.testimonial__item--style1 .testimonial__item-inner,.testimonial__item--style2 .testimonial__item-inner {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    background-color: var(--wh-color)
}

.blog-details__thumb:hover img {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}

.blog-details__meta ul li {
    gap: 10px
}

.blog-details__meta ul li i,.blog-details__meta ul li svg {
    margin-inline-end:8px}

.blog-details__action-inner {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    gap: 20px
}

.blog-details__commentform,.sidebar__comment {
    background-color: var(--tertiary-color3);
    border-radius: 16px
}

.testimonial__item-content p {
    border-bottom: 1px solid #fff
}

.testimonial__item--style1 .testimonial__item-inner {
    transition: .3s ease-out;
    border: 2px solid transparent;
    border-radius: 16px
}

.testimonial__item--style1 .testimonial__item-inner:hover {
    border: 2px solid var(--brand-color)
}

.testimonial__item--style2 .testimonial__item-inner {
    transition: .3s ease-out;
    border-radius: 16px;
    border: 2px solid transparent
}

.testimonial__item--style2 .testimonial__item-inner:hover {
    border: 2px solid var(--secondary-color)
}

.testimonial__item:hover .testimonial__item-inner {
    box-shadow: 0 16px 40px rgba(153,161,172,.12)
}

.testimonial__item:hover .testimonial__quote i,.testimonial__item:hover .testimonial__quote svg {
    opacity: 1
}

.testimonial__author-thumb img {
    border-radius: 99px;
    max-width: 60px
}

.testimonial__quote span i,.testimonial__quote span svg {
    font-size: calc(1.375rem + 1.2857142857vw);
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    color: var(--brand-color);
    opacity: .5
}

.error__content h2 span,.testimonial__quote--style2 span i,.testimonial__quote--style2 span svg {
    color: var(--secondary-color)
}

.cta__newsletter-inner {
    gap: 30px;
    background-color: var(--brand-color);
    border-radius: 24px;
    width: 98%;
    margin: 0 auto;
    z-index: 2
}

@media (min-width: 576px) {
    .cta__newsletter-inner {
        width:85%
    }
}

@media (min-width: 768px) {
    .blog-details__item-inner {
        padding:50px
    }

    .blog-details__meta ul {
        gap: 30px
    }

    .cta__newsletter-inner {
        padding-inline:30px;padding-block:40px;width: 80%;
        display: flex;
        align-items: center;
        gap: 30px;
        padding-inline:30px;padding-block:40px}
}

@media (min-width: 992px) {
    .blog-details__commentform {
        padding:40px
    }

    .cta__newsletter-inner {
        padding: 55px
    }
}

.cta__thumb {
    width: 32%
}

.cta__thumb::after {
    height: 50px;
    width: 50px;
    background-color: var(--cta-img-bg-shadow);
    transform: translate(-50%,-50%)
}

@media (min-width: 768px) {
    .cta__thumb::after {
        height:100px;
        width: 100px
    }

    .cta__subscribe p {
        margin-block-end:15px}
}

@media (min-width: 992px) {
    .cta__thumb::after {
        height:150px;
        width: 150px
    }

    .cta__subscribe p {
        margin-bottom: 40px
    }
}

.cta__subscribe h2,.cta__subscribe p {
    color: #0c263a
}

.cta__subscribe h2 span {
    color: #0a4fd5
}

@media (max-width: 767px) {
    .cta-form--style2 .cta-form__inner {
        justify-content:center
    }

    .swiper-nav {
        margin-block-start:15px}

    .header-wrapper .menu-area .header-btn {
        display: none
    }

    .section-header--max50,.section-header--max57,.section-header--max65 {
        padding-inline:10px}

    .blog-details__meta ul li {
        margin-block:5px}

    .blog-details__meta ul li i,.blog-details__meta ul li svg {
        margin-inline-end:5px}

    .cta__newsletter-inner {
        text-align: center
    }

    .cta__thumb {
        margin-inline:auto;margin-block-end:20px}

    .cta__subscribe h2 {
        margin-block-end:5px}
}

@media (min-width: 768px) and (max-width:991px) and (min-width:1400px) {
    .cta__subscribe h2 {
        font-size:2rem
    }
}

.cta__shape-item--1 {
    top: -13%;
    left: -1%;
    width: 40px;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

@media (min-width: 576px) {
    .cta__shape-item--1 {
        width:60px;
        top: -15%;
        left: -3%
    }
}

@media (min-width: 768px) {
    .cta__shape-item--1 {
        width:auto;
        top: -21%;
        left: 0
    }
}

@media (min-width: 992px) {
    .cta__shape-item--1 {
        top:-15%;
        left: 3%
    }
}

@media (min-width: 1200px) {
    .testimonial__footer {
        margin-top:32px
    }

    .cta__newsletter-inner {
        padding-inline:90px;padding-block:55px}

    .cta__thumb::after {
        height: 200px;
        width: 200px
    }

    .cta__shape-item--1 {
        top: -15%;
        left: 3%
    }
}

@media (min-width: 1400px) {
    .pricing__shape-item--6 {
        bottom:4%;
        right: 4%
    }

    .blog__shape-item--1 {
        top: -17%;
        left: 0
    }

    .testimonial__quote span i,.testimonial__quote span svg {
        font-size: 2.5rem
    }

    .cta__shape-item--1 {
        top: -15%;
        left: 3%
    }
}

.cta__shape-item--2 {
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate light;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate light;
    -ms-animation: light 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate light;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate light
}

@media (min-width: 768px) {
    .cta__shape-item--2 {
        display:block;
        top: -35%;
        left: 10%;
        width: 70%
    }
}

@media (min-width: 992px) {
    .cta__shape-item--2 {
        width:auto;
        top: -32%;
        left: 20%
    }
}

.cta__shape-item--3 {
    bottom: -11%;
    right: -3%;
    width: 50px;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .cta__shape-item--3 {
        width:70px;
        bottom: -11%;
        right: -3%
    }
}

@media (min-width: 768px) {
    .cta__shape-item--3 {
        width:auto;
        bottom: -20%;
        right: -3%
    }
}

.cta--style2 {
    margin: 0 auto -140px;
    z-index: 3;
    overflow: visible
}

.story__thumb-inner {
    object-fit: cover;
    transition: .3s ease-out
}

.sidebar__recentpost-thumb img,.story__thumb-playbtn a i,.story__thumb-playbtn a svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.story__thumb-inner img {
    border-radius: 24px
}

.story__thumb-playbtn a i,.story__thumb-playbtn a svg {
    color: var(--bg-white);
    font-size: calc(1.475rem + 2.3142857143vw);
    transition: .3s ease-out
}

@media (min-width: 1400px) {
    .cta__shape-item--2 {
        top:-32%;
        left: 25%
    }

    .cta__shape-item--3 {
        bottom: -20%;
        right: 0
    }

    .story__thumb-playbtn a i,.story__thumb-playbtn a svg {
        font-size: 3.5rem
    }
}

@media (min-width: 768px) {
    .story__thumb-playbtn a i,.story__thumb-playbtn a svg {
        font-size:calc(1.5rem + 2.5714285714vw)
    }

    .story__shape-item--1 {
        display: block;
        width: 1050px;
        top: -10%;
        right: -45%
    }
}

@media (min-width: 768px) and (min-width:1400px) {
    .banner--style3 .banner__thumb::before {
        width:230px;
        left: 49%
    }

    .story__thumb-playbtn a i,.story__thumb-playbtn a svg {
        font-size: 3.75rem
    }
}

@media (min-width: 992px) {
    .cta__shape-item--3 {
        bottom:-20%;
        right: 0
    }

    .story__thumb-playbtn a i,.story__thumb-playbtn a svg {
        font-size: calc(1.5125rem + 2.7vw)
    }

    .story__shape-item--1 {
        width: 1200px;
        top: -30%;
        right: -45%
    }
}

@media (min-width: 992px) and (min-width:1400px) {
    .story__thumb-playbtn a i,.story__thumb-playbtn a svg {
        font-size:3.875rem
    }
}

@media (min-width: 1200px) {
    .cta__shape-item--2 {
        top:-32%;
        left: 25%
    }

    .cta__shape-item--3 {
        bottom: -20%;
        right: 0
    }

    .story__shape-item--1 {
        width: 1200px;
        top: 0;
        right: -22%
    }

    .story__shape-item--1 span {
        width: 1000px;
        top: 2%;
        right: 2%
    }
}

.story__shape-item--1 span {
    position: absolute;
    content: "";
    height: 96%;
    width: 1000px;
    background: linear-gradient(4deg,var(--bg-shape-color-trans-2) 0,var(--bg-shape-color-2) 100%);
    border-radius: 100px 213px 100px 100px
}

.sidebar__head h3,.sidebar__head h6 {
    border-bottom: 1px solid var(--border-color-5)
}

.sidebar__search form {
    background-color: var(--wh-color);
    border-radius: 8px
}

.sidebar__search form input {
    background-color: var(--bg-color-6);
    border-color: var(--border-color-2);
    border-radius: 8px;
    cursor: text
}

.sidebar__search form input:focus {
    box-shadow: none;
    border-color: var(--brand-color)
}

.sidebar__search form button {
    content: "";
    padding: 11px;
    top: 14%;
    right: 10px;
    line-height: 10px;
    border: none;
    outline: 0;
    border-radius: 99px;
    background-color: var(--brand-color);
    color: var(--wh-color)
}

.sidebar__search form button i,.sidebar__search form button svg {
    font-size: 1.125rem
}

.comment__author,.sidebar__recentpost-inner {
    gap: 15px
}

@media (min-width: 992px) {
    .sidebar__recentpost-inner {
        gap:10px
    }
}

.sidebar__recentpost-thumb {
    max-width: 100px;
    border-radius: 8px
}

@media (min-width: 992px) {
    .sidebar__recentpost-thumb {
        max-width:45px
    }

    .sidebar__comment {
        padding: 40px
    }
}

.sidebar__recentpost-thumb img {
    transition: .3s ease-out;
    object-fit: cover
}

.sidebar__recentpost-content p a,.sidebar__recentpost-content span {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.sidebar__recentpost-thumb img:hover {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09)
}

.sidebar__recentpost-content p {
    font-size: 1rem;
    color: var(--title-color)
}

.sidebar__recentpost-content p a {
    transition: .3s ease-out;
    color: var(--title-color)
}

.sidebar__recentpost-content span {
    font-size: .875rem;
    transition: .3s ease-out;
    color: var(--text-color)
}

.sidebar__categorie-body ul li a,.sidebar__categorie-body ul li span,.tags ul li a {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    font-size: 1rem
}

.sidebar__categorie-body ul li a,.sidebar__categorie-body ul li span {
    transition: .3s ease-out;
    color: var(--title-color)
}

.accordion__button.collapsed,.nav--feature .nav-link.active h6 {
    color: var(--title-color)
}

.tags ul,.tags--style2 ul {
    gap: 25px 10px
}

.tags ul li a {
    transition: .3s ease-out;
    padding: 8px 16px;
    color: var(--text-color);
    border: 1px solid var(--border-color-5);
    outline: 0;
    border-radius: 99px
}

.comment__action a,.tags--style2 ul li a {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    color: var(--text-color)
}

.about--style3 .about__content ul li,.tags--style2 ul li h6 {
    font-size: 1.125rem;
    font-family: "Open Sans",sans-serif
}

.tags ul li a.active,.tags ul li a:hover {
    background-color: var(--tertiary-color);
    border-color: var(--border-color-5);
    color: var(--title-color)
}

.tags--style2 ul li {
    border: none
}

.tags--style2 ul li a {
    transition: .3s ease-out;
    font-size: 1rem;
    padding: 8px 16px;
    border: 1px solid var(--border-color-5);
    outline: 0;
    border-radius: 99px
}

.tags--style2 ul li a.active,.tags--style2 ul li a:hover {
    background-color: var(--tag-bg-color);
    border-color: var(--border-color-6);
    color: var(--brand-color)
}

.faq__thumb--style1::after {
    height: 200px;
    width: 200px;
    background-color: var(--faq-img-bg-shadow);
    transform: translate(-50%,-50%)
}

.accordion__button-plusicon::before,.accordion__button-plusicon:after,.accordion__button-plusicon:before {
    background-color: var(--brand-color)
}

@media (min-width: 576px) {
    .cta--style2 {
        margin-bottom:-180px
    }

    .sidebar__comment-item--reply {
        margin-inline-start:50px}

    .faq__shape-item--1 {
        top: 3%;
        left: 7%
    }
}

@media (min-width: 768px) {
    .story__shape-item--1 span {
        top:2%;
        right: 2%
    }

    .faq__shape-item--1 {
        width: 70px;
        top: 6%;
        left: 2%
    }
}

@media (min-width: 992px) {
    .faq__shape-item--1 {
        width:auto;
        left: 5%;
        top: 5%
    }
}

@media (min-width: 1200px) {
    .sidebar__recentpost-inner {
        gap:15px
    }

    .sidebar__recentpost-thumb {
        max-width: 100px
    }

    .faq__shape-item--1 {
        top: 6%;
        left: 6%
    }
}

@media (min-width: 1400px) {
    .story__shape-item--1 {
        top:0;
        right: -13%
    }

    .story__shape-item--1 span {
        width: 1200px;
        top: 2%;
        right: 2%
    }

    .faq__shape-item--1 {
        top: 11%;
        left: 17%
    }
}

.faq__shape-item--2 {
    width: 40px;
    top: 1%;
    left: 6%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

@media (min-width: 576px) {
    .faq__shape-item--2 {
        top:3%;
        left: 7%
    }
}

@media (min-width: 768px) {
    .faq__shape-item--2 {
        width:70px;
        top: 6%;
        left: 2%
    }
}

@media (min-width: 992px) {
    .faq__shape-item--2 {
        width:auto;
        left: 5%;
        top: 5%
    }
}

@media (min-width: 1200px) {
    .faq__shape-item--2 {
        top:6%;
        left: 6%
    }
}

@media (min-width: 1400px) {
    .faq__shape-item--2 {
        top:11%;
        left: 17%
    }
}

.faq__shape-item--3 {
    width: 40px;
    top: 1%;
    right: 10%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .faq__shape-item--3 {
        top:3%;
        right: 7%
    }

    .error__inner {
        padding: 50px
    }
}

@media (min-width: 768px) {
    .faq__shape-item--3 {
        width:70px;
        top: 6%;
        right: 4%
    }

    .service-details__item-inner {
        padding: 50px
    }
}

@media (min-width: 992px) {
    .faq__shape-item--3 {
        width:auto;
        right: 5%;
        top: 5%
    }
}

@media (min-width: 1200px) {
    .faq__shape-item--3 {
        top:6%;
        right: 6%
    }
}

.error__inner {
    background-color: var(--account-bg-color);
    border-radius: 4px
}

.error__content p {
    max-inline-size: 53ch;
    margin: 0 auto
}

.service-details__faq {
    border-radius: 16px;
    background-color: var(--tertiary-color3)
}

.service-details__faq button {
    background-color: var(--tertiary-color)
}

.nav--feature .nav-link {
    border-radius: 8px!important;
    border: 1px solid var(--border-color)!important;
    cursor: pointer
}

.nav--feature .nav-link.active {
    border-color: var(--wh-color)!important;
    background-color: var(--wh-color)!important;
    box-shadow: 0 12px 30px rgba(33,85,186,.08)
}

.comment__author-info h6 {
    line-height: 1.3
}

.comment__author-info span {
    font-size: .875rem;
    color: var(--text-color)
}

.comment__author-thumb img {
    border-radius: 99px
}

.comment__action a {
    transition: .3s ease-out;
    font-size: 1rem
}

.comment__action a img,.roadmap--style2 .roadmap__item-content h5,html[data-bs-theme=dark] .pricing__item-inner {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.comment__action a img {
    transition: .3s ease-out;
    margin-inline-end:1px;margin-bottom: 2px
}

.comment__action a:hover {
    color: var(--brand-color)
}

.comment__action a:hover img {
    transform: translateX(-3px);
    filter: hue-rotate(3deg)
}

.accordion__button-plusicon::before,.accordion__button.collapsed .accordion__button-plusicon::after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    content: ""
}

.comment__body-inner {
    background-color: var(--wh-color);
    border-radius: 8px;
    border: 1px solid var(--border-color)
}

.comment__body-inner p {
    color: var(--text-color)
}

.accordion__button {
    font-size: 1.25rem;
    color: var(--brand-color);
    border: none
}

.accordion__button-plusicon {
    width: 25px;
    height: 25px;
    border: 1.5px solid var(--brand-color);
    border-radius: 99px;
    display: none
}

.accordion__button-plusicon::before {
    transform: translateY(-50%);
    width: 14px;
    height: 2px;
    left: 5px
}

.about__icon-inner,.accordion--style1 .accordion__button {
    background-color: var(--bg-color-3)
}

.about__content--style2 .about__content-inner h2 span,.roadmap--style2 .roadmap__item.active .roadmap__item-content h5,.roadmap--style2 .roadmap__item:hover .roadmap__item-content h5 {
    color: var(--secondary-color)
}

.accordion__button.collapsed .accordion__button-plusicon {
    border: 1.5px solid var(--faq-item-btn-border-color)
}

.accordion__button.collapsed .accordion__button-plusicon::before {
    background-color: var(--title-color)
}

.accordion__button.collapsed .accordion__button-plusicon::after {
    transform: translateY(-50%);
    height: 14px;
    width: 2px;
    left: 11px;
    background-color: var(--title-color)
}

.accordion--style1 .accordion__item {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.accordion--style1 .accordion__button--style2 {
    background-color: var(--tertiary-color3)
}

.accordion--style2 .accordion__item {
    border-radius: 16px;
    background-color: var(--faq-bg-color);
    box-shadow: 0 16px 48px 0 rgba(6,35,63,.03),0 -16px 48px 0 rgba(6,35,63,.03)
}

@media (min-width: 576px) {
    .accordion__button-plusicon {
        display:initial
    }

    .accordion--style2 .accordion__item {
        margin-block-end:5px}
}

.accordion--style2 .accordion__button {
    background-color: var(--bg-color-5);
    color: var(--secondary-color)
}

.accordion--style2 .accordion__button.collapsed {
    color: var(--title-color)
}

.accordion--style2 .accordion__button-plusicon {
    border: 1.5px solid var(--secondary-color)
}

.accordion--style2 .accordion__button-plusicon::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 14px;
    height: 2px;
    top: 50%;
    left: 5px;
    background-color: var(--secondary-color)
}

.accordion--style2 .accordion__body {
    background-color: var(--bg-color-5)
}

@media (min-width: 768px) {
    .service-details__faq {
        padding-inline:40px
    }

    .roadmap--style1 .roadmap__wrapper:after {
        position: absolute;
        content: "";
        height: 50%;
        width: 10px;
        background-color: var(--brand-color);
        border-radius: 8px;
        top: -1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .roadmap--style1 .roadmap__wrapper:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 10px;
        background-color: var(--border-color-4);
        border-radius: 8px;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .roadmap--style1 .roadmap__item.text-end .roadmap__item-inner:after {
        top: 30px;
        right: -68px;
        left: auto
    }
}

.roadmap--style1 .roadmap__item {
    border-radius: 16px;
    background: linear-gradient(91deg,var(--bg-grad-color-3) 0,var(--bg-grad-color-trans-3) 100%);
    max-inline-size: 500px
}

.roadmap--style1 .roadmap__item--style2 {
    background: linear-gradient(91deg,var(--bg-grad-color-trans-3) 0,var(--bg-grad-color-3) 100%)
}

.roadmap--style1 .roadmap__item.aos-animate {
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset
}

.roadmap--style1 .roadmap__item-header h3 {
    flex: 1
}

.roadmap--style1 .roadmap__item-header span {
    font-size: calc(1.325rem + .7714285714vw);
    font-family: "Anek Telugu",sans-serif;
    color: var(--brand-color);
    margin-block-start:-5px}

.roadmap--style1 .roadmap__item-content {
    padding: 20px
}

.roadmap--style1 .roadmap__shape-item--1 {
    content: "";
    height: 50%;
    width: 910px;
    border: 2px solid var(--bg-shape-color-2);
    padding: 40px;
    border-radius: 100px 213px 100px 100px;
    border-left: transparent;
    border-bottom: transparent;
    top: 0;
    left: -3%;
    transform: rotate(40deg);
    display: none;
    filter: brightness(.5)
}

@media (min-width: 768px) {
    .roadmap--style1 .roadmap__item-content {
        padding:40px
    }

    .roadmap--style1 .roadmap__shape-item--1 {
        display: block;
        width: 920px;
        top: -16%;
        left: -117%
    }

    .roadmap--style1 .roadmap__shape-item--1 span {
        top: 2%;
        left: 29%;
        opacity: .3;
        z-index: -2;
        filter: invert(1)
    }
}

@media (min-width: 992px) {
    .error__inner {
        padding:100px
    }

    .comment__body-inner {
        padding-block:15px;padding-inline:25px}

    .roadmap--style1 .roadmap__shape-item--1 {
        top: -16%;
        left: -80%
    }
}

@media (min-width: 1200px) {
    .accordion--style2 .accordion__item {
        margin-block-end:10px
    }

    .roadmap--style1 .roadmap__shape-item--1 {
        left: -51%
    }
}

@media (min-width: 1400px) {
    .faq__shape-item--3 {
        top:11%;
        right: 11%
    }

    .roadmap--style1 .roadmap__item-header span {
        font-size: 2rem
    }

    .roadmap--style1 .roadmap__shape-item--1 {
        left: -30%
    }
}

.roadmap--style1 .roadmap__shape-item--1 span {
    position: absolute;
    content: "";
    height: 96%;
    width: 880px;
    background: linear-gradient(109deg,var(--bg-shape-color-trans-2) 0,var(--bg-shape-color-2) 100%);
    border-radius: 100px 213px 100px 100px
}

.roadmap--style1 .roadmap__shape-item--2 {
    width: 40px;
    top: 1%;
    left: 6%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .roadmap--style1 .roadmap__shape-item--2 {
        top:3%;
        left: 7%
    }

    .roadmap--style2 .roadmap__item-inner {
        padding: 30px
    }
}

@media (min-width: 768px) {
    .roadmap--style1 .roadmap__shape-item--2 {
        width:auto;
        top: 2%;
        left: 1%
    }

    .roadmap--style2 .roadmap__upper-inner::after {
        display: block
    }
}

@media (min-width: 992px) {
    .roadmap--style1 .roadmap__shape-item--2 {
        left:4%;
        top: 4%
    }
}

@media (min-width: 1200px) {
    .roadmap--style1 .roadmap__shape-item--2 {
        top:5%;
        left: 5%
    }
}

.about__thumb--style2::after,.about__thumb-image::after {
    content: "";
    left: 50%;
    backdrop-filter: blur(10px);
    transform: translate(-50%,-50%);
    z-index: -1
}

.roadmap--style2 .roadmap__upper-inner {
    gap: 30px
}

.roadmap--style2 .roadmap__upper-inner::after {
    content: "";
    width: 100%;
    left: 0;
    top: 50%;
    border: 1px dashed var(--border-color-7)
}

.roadmap--style2 .roadmap__slider {
    counter-reset: roadmap__item
}

.roadmap--style2 .roadmap__item-inner {
    border-radius: 16px;
    background-color: var(--faq-bg-color)
}

@media (min-width: 768px) {
    .roadmap--style2 .roadmap__item-inner {
        padding:24px;
        max-width: 280px
    }

    .roadmap--style2 .roadmap__item-inner::before {
        position: absolute;
        font-weight: 600;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        counter-increment: roadmap__item;
        content: counter(roadmap__item);
        transform: translateX(-50%);
        left: 50%;
        width: 30px;
        height: 30px;
        line-height: 28px;
        border-radius: 99px;
        background-color: var(--extra-bg-color);
        border: 1px solid var(--secondary-color);
        bottom: -80px;
        z-index: 1;
        font-size: 1.25rem;
        color: var(--secondary-color)
    }

    .roadmap--style2 .roadmap__item-inner::after {
        position: absolute;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        content: "";
        transform: translateX(-50%);
        left: 50%;
        width: 0;
        border: 1px dashed var(--border-color-7);
        height: 50px;
        bottom: -50px
    }

    .roadmap--style2 .roadmap__item-inner--vertical-line-top {
        margin-block-start:310px}

    .roadmap--style2 .roadmap__item-inner--vertical-line-bottom {
        margin-block-end:64px}
}

.roadmap--style2 .roadmap__item-content h5,html[data-bs-theme=dark] .pricing__item-inner {
    transition: .3s ease-out
}

.roadmap--style2 .roadmap__item-date {
    font-size: .875rem;
    padding: 4px 12px;
    border: 1px solid var(--border-color);
    border-radius: 99px;
    color: var(--title-color)
}

.roadmap--style2 .roadmap__item--reverse .roadmap__item-inner::after {
    top: -50px
}

.roadmap--style2 .roadmap__item--reverse .roadmap__item-inner::before {
    top: -80px
}

.roadmap--style2 .roadmap__item.active .roadmap__item-inner::after,.roadmap--style2 .roadmap__item:hover .roadmap__item-inner::after {
    border: 1px dashed var(--secondary-color)
}

.roadmap--style2 .roadmap__item.active .roadmap__item-inner::before,.roadmap--style2 .roadmap__item:hover .roadmap__item-inner::before {
    color: var(--wh-color);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color)
}

.about--style1 {
    padding-block-start:65px;padding-block-end:80px}

@media (min-width: 768px) {
    .about--style1 {
        padding-block-start:0px;
        padding-block-end:80px}

    .about__content-inner a {
        margin-block-start:10px;width: 210px;
        font-size: 14px;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        margin: 20px auto
    }
}

@media (min-width: 992px) {
    .about--style1 {
        padding-block-start:75px;
        padding-block-end:80px}

    .about__content {
        margin-block-start:0}
}

@media (min-width: 1200px) {
    .about--style1 {
        padding-block-start:51px;
        padding-block-end:80px}

    .about__content:not(:last-child) {
        margin-bottom: 32px
    }
}

.about__thumb-image img {
    border-radius: 20px
}

.about__thumb-image::after {
    position: absolute;
    top: 60%;
    height: 200px;
    width: 200px;
    filter: blur(70px);
    background-color: var(--about-img-bg-shadow)
}

.about__thumb--style2::after {
    top: 50%;
    height: 400px;
    width: 250px;
    filter: blur(100px);
    background-color: var(--faq-img-bg-shadow);
    opacity: .5
}

.about__content-inner h2 span {
    color: var(--golden);
    display: block
}

.about--style3 .about__content p,.about__content-inner p {
    color: var(--text-color)
}

.about__content--style2 .about__content-details {
    flex: 1
}

.about__content--style2 .about__content-inner {
    gap: 15px
}

.about__content--style2 .about__content-inner h2 {
    margin-block-end:-10px}

.about__icon {
    width: 70px
}

.about__icon-inner {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.about__shape--style1 .about__shape-item {
    width: 40px;
    top: 5%;
    right: 6%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    -ms-animation: rotate 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate rotate
}

@media (min-width: 576px) {
    .about__shape--style1 .about__shape-item {
        top:5%;
        right: 7%
    }
}

@media (min-width: 768px) {
    .about__shape--style1 .about__shape-item {
        width:auto;
        top: 6%;
        right: 6%
    }
}

@media (min-width: 992px) {
    .about__shape--style1 .about__shape-item {
        right:5%;
        top: 16%
    }
}

@media (min-width: 1200px) {
    .about__shape--style1 .about__shape-item {
        top:16%;
        right: 6%
    }
}

@media (min-width: 1400px) {
    .roadmap--style1 .roadmap__shape-item--2 {
        top:8%;
        left: 5%
    }

    .about--style1 {
        padding-block-start:51px;padding-block-end:60px}

    .about__shape--style1 .about__shape-item {
        top: 16%;
        right: 9%
    }
}

.about__shape--style2 .about__shape-item--1 {
    width: 80px;
    top: 52%;
    right: 71%;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    -ms-animation: floating 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate floating
}

@media (min-width: 576px) {
    .about__shape--style2 .about__shape-item--1 {
        width:auto;
        top: 45%;
        right: 71%
    }
}

@media (min-width: 768px) {
    .about__shape--style2 .about__shape-item--1 {
        top:45%;
        right: 77%
    }
}

@media (min-width: 992px) {
    .about__shape--style2 .about__shape-item--1 {
        right:43%;
        top: 8%
    }
}

@media (min-width: 1200px) {
    .about__shape--style2 .about__shape-item--1 {
        top:3%;
        right: 40%
    }
}

@media (min-width: 1400px) {
    .about__shape--style2 .about__shape-item--1 {
        top:-1%;
        right: 3%
    }
}

@media (min-width: 1600px) {
    .pricing__shape-item--6 {
        bottom:6%;
        right: 13%
    }

    .story__shape-item--1 {
        top: -8%;
        right: 0
    }

    .faq__shape-item--3 {
        top: 11%;
        right: 17%
    }

    .about__shape--style2 .about__shape-item--1 {
        top: 0;
        right: 9%
    }
}

.about--style3 .about__content-icon img {
    width: 70px;
    -webkit-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -moz-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    -ms-animation: left-right 3s cubic-bezier(0.41,0.15,0.64,0.86) infinite alternate;
    -o-animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right;
    animation: 3s cubic-bezier(.41,.15,.64,.86) infinite alternate left-right
}

@media (min-width: 576px) {
    .about--style3 .about__content-icon img {
        width:73px
    }
}

@media (min-width: 768px) {
    .about--style3 .about__content-icon img {
        width:70px
    }

    .about--style3 .about__content a {
        margin-block-start:40px}
}

@media (min-width: 992px) {
    .about--style3 .about__content-icon img {
        width:90px
    }
}

@media (min-width: 1200px) {
    .about--style3 .about__content-icon img {
        width:auto
    }
}

.about--style3 .about__content ul li {
    color: var(--title-color-style2)
}

.about--style3 .about__content ul li span img {
    max-width: 25px
}

@media (min-width: 576px) {
    .about--style3 .about__content ul li span img {
        max-width:26px
    }
}

@media (min-width: 768px) {
    .about--style3 .about__content ul li span img {
        margin-inline-end:5px
    }

    html[data-bs-theme=dark] .contact__form::before {
        background: linear-gradient(188.07deg,rgba(157,157,157,0) 31.91%,rgba(151,153,155,.4588235294) 98.96%)
    }
}

@media (min-width: 992px) {
    .about--style3 .about__content ul li span img {
        max-width:100%;
        margin-inline-end:10px}

    .about--style3 .about__content ul li {
        font-size: 1.25rem
    }

    .about--style3 .about__content ul li:not(:last-child) {
        margin-block-end:20px}
}

html[data-bs-theme=dark] .team__item-author--style1 {
    background-color: rgba(0,21,15,.8);
    backdrop-filter: blur(2px)
}

html[data-bs-theme=dark] .team__item-inner--shape2 {
    background-color: #051a14
}

html[data-bs-theme=dark] .banner--style3 .banner__bg img {
    display: none
}

html[data-bs-theme=dark] .banner--style3 .banner__counter-item {
    border: none;
    background: linear-gradient(152deg,rgba(237,242,248,.03) 0,rgba(237,242,248,.12) 100%);
    box-shadow: 0 16px 64px 0 rgba(0,208,148,.08)
}

html[data-bs-theme=dark] .blog__item-inner,html[data-bs-theme=dark] .service__item-inner:hover,html[data-bs-theme=dark] .testimonial__item:hover .testimonial__item-inner,img.jpsget.opebanges,p.datPexts {
    box-shadow: none
}

html[data-bs-theme=dark] .trk-btn--outline2 {
    background-color: #2b333c;
    border-color: #2b333c;
    color: #fff
}

html[data-bs-theme=dark] .trk-btn--outline4 {
    border: 1px solid var(--bg-white);
    color: var(--bg-white)
}

html[data-bs-theme=dark] .trk-btn--outline4.active,html[data-bs-theme=dark] .trk-btn--outline4:hover {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: #0c263a
}

html[data-bs-theme=dark] .blog__shape-item--1 {
    border-top: 2px solid var(--bg-shape-color)
}

html[data-bs-theme=dark] .service__item--style2 .service__item-inner:hover {
    box-shadow: 0 12px 30px rgba(14,4,0,.64)
}

html[data-bs-theme=dark] .service__item--style2 .service__thumb-inner {
    background-color: rgba(255,255,255,.06)
}

html[data-bs-theme=dark] .pricing__item-inner.active,html[data-bs-theme=dark] .pricing__item-inner:hover {
    border: 2px solid var(--brand-color);
    box-shadow: 0 16px 40px 0 rgba(26,64,137,.06)
}

html[data-bs-theme=dark] .pricing__item-top {
    border-bottom: 1px solid
}

html[data-bs-theme=dark] .pricing__shape-item--1 {
    border-left: block;
    border-bottom: block
}

html[data-bs-theme=dark] .blog__item-inner:hover {
    box-shadow: 0 24px 60px rgba(13,14,16,.5)
}

html[data-bs-theme=dark] .swiper-nav__btn {
    border-color: #1b2d29
}

html[data-bs-theme=dark] .swiper-nav__btn i,html[data-bs-theme=dark] .swiper-nav__btn svg {
    color: var(--bg-white)
}

html[data-bs-theme=dark] .swiper-nav__btn.active,html[data-bs-theme=dark] .swiper-nav__btn:hover {
    background-color: var(--brand-color);
    border-color: var(--brand-color)
}

html[data-bs-theme=dark] .swiper-nav__btn.active i,html[data-bs-theme=dark] .swiper-nav__btn.active svg,html[data-bs-theme=dark] .swiper-nav__btn:hover i,html[data-bs-theme=dark] .swiper-nav__btn:hover svg {
    color: #0c263a
}

html[data-bs-theme=dark] .social__link--style1.active svg,html[data-bs-theme=dark] .social__link--style1:hover svg,html[data-bs-theme=dark] .testimonial__item:hover .testimonial__quote span i,html[data-bs-theme=dark] .testimonial__item:hover .testimonial__quote span svg,html[data-bs-theme=dark] .trk-btn--outline,ul.listPLesd li:nth-child(2n) .iconTextsd h2 {
    color: var(--brand-color)
}

html[data-bs-theme=dark] .accordion--style1 .accordion__item,html[data-bs-theme=dark] .testimonial__item-content p {
    border-bottom: 1px solid rgba(255,255,255,.1)
}

html[data-bs-theme=dark] .testimonial__quote span i,html[data-bs-theme=dark] .testimonial__quote span svg {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    color: #fff;
    opacity: .3
}

html[data-bs-theme=dark] .cta--style1 .cta__content-inner {
    background-color: #2d2c2c;
    border-color: #2d2c2c
}

html[data-bs-theme=dark] .account__divider--style1::before,html[data-bs-theme=dark] .form-control {
    background-color: linear-gradient(150.39deg,rgba(237,242,248,.0264) 15.02%,rgba(237,242,248,.12) 99.59%)
}

html[data-bs-theme=dark] .form-control {
    border-color: linear-gradient(150.39deg,rgba(237,242,248,.0264) 15.02%,rgba(237,242,248,.12) 99.59%)
}

html[data-bs-theme=dark] .form-control--style1 {
    border-color: rgba(220,223,232,.0509803922);
    border-right: none
}

html[data-bs-theme=dark] .sidebar__search form input {
    background-color: #00150f;
    border-color: #00150f;
    color: var(--bg-white)
}

html[data-bs-theme=dark] .account__social-btn {
    border-color: linear-gradient(150.39deg,rgba(237,242,248,.0264) 15.02%,rgba(237,242,248,.12) 99.59%)
}

html[data-bs-theme=dark] .nav--feature .nav-link {
    box-shadow: 0 12px 30px rgba(14,4,0,.24)
}

html[data-bs-theme=dark] .social__link--style1 {
    border: 2px solid var(--social-border-color-2)
}

html[data-bs-theme=dark] .social__link--style1.active,html[data-bs-theme=dark] .social__link--style1:hover {
    background-color: transparent;
    border: 2px solid var(--social-border-color-2)
}

html[data-bs-theme=dark] .partner--gradient::after {
    background: #003e2c
}

.logo {
    text-align: center;
    position: relative;
    top: 3px
}

ul.submenu .menu-item-has-children>a::after {
    right: 15px!important;
    top: 9px;
    color: #fff
}

.wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

ul.listPLesd {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    background: #030205;
    padding: 0;
    margin-bottom: 0
}

ul.listPLesd h2 {
    margin: 7px 0 0;
    line-height: normal;
    color: var(--golden);
    width: 100%;
    font-size: 24px;
    font-weight: 500
}

ul.listPLesd li {
    text-align: center;
    padding: 15px 10px;
    width: 25%;
    background: var(--body-color);
    border: 7px solid #1e222d;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

ul.listPLesd li span {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    width: 100%;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

ul.listPLesd li:nth-child(2n) {
    background: #2b333c
}

ul.listPLesd li:nth-child(2n) span {
    color: #fff
}

.contact-info,.contact-info a {
    display: flex;
    align-items: center;
    color: #e1dcdc;
    justify-content: center;
    font-size: 1rem;
    padding: 3px 5px;
    margin-right: 10px
}

.iconTextsd,.iconpso {
    padding: 10px;
    background: #2c333c;
    border-radius: 10px;
    display: flex;
    height: 100px
}

.contact-info a span {
    margin: 0 5px;
    display: block
}

section#topbar {
    background: var(--wh-color)
}

header.header-section.header-section--style1.header-fixed.fadeInUp {
    background: #fff;
    box-shadow: 1px 0 3px 5px rgb(18 15 15 / 27%);
    z-index: 9999;
    border-bottom: 2px solid #5962b7
}

header.header-section.header-section--style1.header-fixed.fadeInUp .header-wrapper {
    padding: 0 15px
}

section#topbar svg.svg-inline--fa {
    transform: scale(.9);
    margin-left: 0!important
}

.iconpso {
    width: 30%;
    align-items: center;
    justify-content: center
}

.iconTextsd {
    width: 60%;
    align-items: center;
    flex-wrap: wrap;
    align-content: center
}

.iconpso img {
    width: 80%
}

ul.listPLesd li:nth-child(2n) .iconTextsd,ul.listPLesd li:nth-child(2n) .iconpso {
    background: #121212;
    color: #fff
}

.section-header h2 {
    font-size: 30px;
    margin-bottom: 10px!important;
    position: relative;
    padding-bottom: 10px;
    padding-top: 5px
}

.service__content h5 a {
    color: var(--golden);
    line-height: 25px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 5px;
    pointer-events: none;
    cursor: default
}

.service__content p {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}

.service__thumb.mb-05 {
    margin-bottom: 25px
}

section.about.about--style1 {
    background: #1c1d1d;
    padding: 25px 0 5px
}

p.datPexts {
    margin: 30px 0;
    padding: 10px;
    background: #2d2d2d96;
    border-radius: 0;
    font-size: 22px;
    color: #fff;
    line-height: 35px;
    border: 1px dotted;
    border-left: 0;
    border-right: 0
}

.about__content-inner h2 {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--text-color)
}

.disc-list {
    counter-reset: step;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    z-index: 99
}

.disc-list li {
    counter-increment: step;
    position: relative;
    width: 230px;
    height: 230px;
    text-align: center;
    border-radius: 50%;
    background: #888;
    color: #888;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 6rem 1.5rem 1.5rem;
    overflow: visible
}

.disc-list li:first-child,.disc-list li:nth-child(2),.disc-list li:nth-child(3) {
    background: #2c333c;
    color: #5962b7
}

.disc-list li:nth-child(4) {
    background: #934fc0;
    color: #934fc0
}

.disc-list li:nth-child(5) {
    background: #c04f8e;
    color: #c04f8e
}

.disc-list li:nth-child(6) {
    background: #c04f5d;
    color: #c04f5d
}

.disc-list li:nth-child(7) {
    background: #c07e4f;
    color: #c07e4f
}

.disc-list li:nth-child(8) {
    background: #c0b54f;
    color: #c0b54f
}

.disc-list li span {
    color: var(--golden);
    display: block;
    font-size: 20px;
    max-width: 5rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500
}

.disc-list li span::before {
    background: #fff;
    content: counter(step);
    display: block;
    font-size: 1.65rem;
    font-weight: 200;
    width: 50px;
    margin: 9px auto 7px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px
}

.disc-list li .pointer {
    position: absolute;
    right: -19px;
    width: 1rem;
    height: 1rem
}

.disc-list li .pointer path {
    fill: none;
    stroke-linejoin: round;
    stroke-width: 3px;
    stroke: currentcolor
}

.disc-list li:nth-child(2n) .pointer {
    bottom: 25%;
    transform: rotate(22.5deg)
}

.disc-list li:nth-child(odd) .pointer {
    top: 25%;
    transform: rotate(22.5deg)
}

.disc-list li::after,.disc-list li::before {
    content: '';
    position: absolute;
    border: .25rem solid;
    left: -1.5rem;
    right: -1.5rem
}

.disc-list li:nth-child(2n)::before {
    border-top-style: dotted;
    border-left-style: dotted;
    border-radius: 50%/100% 100% 0 0;
    border-bottom-color: transparent;
    top: -1.5rem;
    bottom: 50%;
    opacity: .5
}

.disc-list li:nth-child(odd)::before {
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-top-color: transparent;
    border-radius: 50%/0 0 100% 100%;
    bottom: -1.5rem;
    top: 50%;
    opacity: .5
}

.disc-list li:nth-child(odd)::after {
    transform-origin: bottom center;
    transform: rotate(22.5deg);
    border-width: .2rem;
    border-style: solid;
    border-color: transparent;
    border-top-color: inherit;
    border-left-color: inherit;
    border-radius: 50%/100% 100% 0 0;
    top: -1.5rem;
    bottom: 50%
}

.disc-list li:nth-child(2n)::after {
    transform-origin: top center;
    transform: rotate(22.5deg);
    border-style: solid;
    border-width: .2rem;
    border-color: transparent;
    border-bottom-color: inherit;
    border-right-color: inherit;
    border-radius: 50%/0 0 100% 100%;
    bottom: -1.5rem;
    top: 50%
}

.disc-list li p {
    width: 80%;
    margin: 5px auto;
    font-size: 16px;
    color: #ccc
}

.contact-info a {
    color: #fff;
    border-right: 2px solid #fbf6f675;
    font-weight: 500
}

.contact-info,div#topNavIcon {
    margin-right: 0;
    padding-right: 0
}

div#topNavIcon a:last-child,div.contact-info a:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0
}

.service_new_item .service__item-inner {
    border: 0;
    background: #1c1d1d;
    border: 2px dotted var(--text-color);
    cursor: default;
    min-height: 340px
}

.service_new_item .service__item-inner .service__thumb-inner {
    background: #fff;
    border: 2px dotted #cb691b
}

.col-lg-3.col-md-6.footer-links,.footer-contact {
    border-right: 1px solid #dddddd30
}

.service_new_item .service__item-inner p.mb-0.customeFontsixze {
    font-size: 14px;
    padding-top: 15px;
    line-height: 28px
}

section.service.padding-top.padding-bottom .service__wrapper {
    position: relative;
    z-index: 999
}

section.service .banner__bg {
    opacity: .5;
    filter: saturate(.5)
}

.mycontainer {
    padding: 40px 50px;
    background: #ffffffeb;
    border-top: 0
}

.contactus-wrapper h6 {
    font-size: 20px;
    font-weight: 500;
    color: var(--golden)
}

#footer {
    padding: 0 0 15px;
    color: #2c333c;
    background: #282828
}

#footer .footer-newsletter {
    padding: 50px 0;
    background: #f1f6fe;
    text-align: center;
    font-size: 15px
}

#footer .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1;
    font-weight: 600
}

#footer .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.06);
    text-align: left
}

#footer .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px 8px;
    width: calc(100% - 100px)
}

#footer .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: 0 0;
    font-size: 16px;
    padding: 0 20px;
    background: var(--black);
    color: #fff;
    transition: .3s;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 2px 15px rgba(0,0,0,.1)
}

#footer .footer-newsletter form input[type=submit]:hover {
    background: #0d58ba
}

#footer .footer-top {
    background: #121212;
    padding: 40px 0 00px;
    margin-bottom: 10px
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px;
    text-align: center
}

#footer .footer-top .footer-contact h3 {
    font-size: 24px;
    margin: 0 0 15px;
    padding: 2px 0;
    line-height: 1;
    font-weight: 700
}

#footer .footer-top .footer-contact h3 span {
    color: var(--black)
}

#footer .footer-top .footer-contact p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: Roboto,sans-serif;
    color: var(--text-color)
}

#footer .footer-top h4 {
    font-size: 18px;
    font-weight: 500;
    color: var(--golden);
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd1a;
    width: auto;
    margin-bottom: 10px;
    display: block
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
    color: var(--white)
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 10px 0 0;
    margin: 0
}

#footer .footer-top .footer-links ul svg {
    padding-right: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    opacity: 0
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    width: 100%
}

#footer .footer-top .footer-links ul a {
    color: var(--text-color);
    transition: .3s;
    display: inline-block;
    line-height: 1;
    margin-left: 10px;
    background: 0 0;
    width: 100%;
    padding: 0
}

#footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #5962b7;
    background: 0 0
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: var(--text-color);
    color: #fff;
    line-height: 1;
    padding: 8px 4px;
    margin-right: 15px;
    border-radius: 4px;
    text-align: center;
    width: 36px;
    transition: .3s
}

#footer .footer-top .social-links a:hover {
    background: var(--golden);
    color: #fff;
    text-decoration: none
}

#footer .copyright {
    text-align: center;
    float: left;
    color: #fff
}

#footer .credits {
    float: right;
    text-align: center;
    font-size: 13px;
    color: #fff
}

#footer .footer-top .footer-contact h3.cospName {
    font-size: 16px;
    color: var(--golden);
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 5px
}

ul.topmenuul {
    display: flex;
    margin: 0!important;
    justify-content: space-between;
    align-items: center
}

ul.topmenuul img {
    width: 90%;
    margin: 0 auto
}

ul.topmenuul li.login a {
    margin-left: 0!important
}

ul.topmenuul li.login {
    padding-top: 0!important
}

section.ngbgwhiteSection {
    background: #fff!important
}

.ngbgwhiteSection .section-header p {
    color: #000;
    font-weight: 500
}

#footer .credits a {
    color: var(--brand-color);
    margin: 0 5px
}

.contactus-wrapper p {
    color: #000;
    font-size: 14px
}

.section-header h2:after {
    content: "";
    position: absolute;
    background: #3e495b;
    bottom: 0;
    left: 50%;
    width: 10%;
    height: 4px;
    transform: translate(-50%);
    border-radius: 10px
}

.section-header h2:before {
    content: "";
    position: absolute;
    background: #5962b7;
    bottom: -3px;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%);
    border-radius: 3px;
    z-index: 99
}

.about__content-inner {
    text-align: center
}

section.ngbgwhiteSection .service__item-inner.text-center {
    position: relative;
    overflow: hidden
}

section.ngbgwhiteSection .service__item-inner.text-center:after {
    background: #3e495b45;
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    border-bottom-left-radius: 65%
}

.pricing__item-inner:after,section.ngbgwhiteSection .service__item-inner.text-center:before {
    background: #3e495b45;
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
    left: -12px;
    bottom: 0;
    border-top-right-radius: 65%
}

.banner__wrapper .swiper-slide {
    padding: 0 10%
}

.banner__wrapper .swiper-button-prev,.swiper-button-next {
    background: #ddd;
    width: 50px;
    height: 50px;
    color: #000
}

.banner__wrapper .swiper-button-next:after,.banner__wrapper .swiper-button-prev:after {
    font-size: 22px;
    font-weight: 600
}

.banner__wrapper .swiper-button-prev {
    left: 0
}

.banner__wrapper .swiper-button-next {
    right: 0
}

.banner__wrapper .swiper-wrapper {
    height: auto!important
}

.banner__slider .swiper-pagination {
    bottom: 19px
}

.banner__slider .swiper-pagination span.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff
}

.banner__slider .swiper-pagination span.swiper-pagination-bullet-active,.banner__wrapper .swiper-button-prev:hover,.swiper-button-next:hover {
    background: #5962b7
}

.col-lg-6.col-md-6.flextops {
    display: flex;
    align-items: center;
    margin-top: 0
}

.menu--style1 li a:hover {
    background: 0 0;
    color: #5962b7
}

.col-lg-3.col-md-6.footer-links {
    text-align: center
}

.col-lg-3.col-md-6.footer-links:last-child {
    border-right: 0
}

#footer .footer-top .social-links a.facebookcolor {
    background: #1877f2
}

#footer .footer-top .social-links a.instagramcolor {
    background: #d62976
}

#footer .footer-top .social-links a.youtube-cion {
    background: #c4302b
}

#footer .footer-top .footer-links ul.topmenuul {
    display: flex;
    align-items: center;
    justify-content: center
}

#footer .footer-top .footer-links ul.topmenuul li a {
    text-align: center;
    display: flex;
    align-items: center;
    margin-right: 0
}

section.service.padding-top.padding-bottom.ngbgwhiteSection {
    padding: 50px
}

.innerPageTilteStyle.section-header p.datPexts.ngAbtBg {
    padding-bottom: 0
}

section.service.padding-top.padding-bottom.ngbgwhiteSection .section-header.section-header--max50.innerPageTilteStyle {
    margin-bottom: 0
}

table#at_table td,table#at_table th {
    vertical-align: middle
}

.section-header.section-header--max50.innerPageTilteStyle.nobtm_margin {
    margin-bottom: 0
}

.contact .info-box {
    color: #444;
    text-align: center;
    box-shadow: 0 0 30px rgba(214,215,216,.6);
    padding: 20px;
    background: #16191f;
    border-radius: 5px;
    position: relative
}

.contact .info-box i {
    font-size: 32px;
    color: #5a5af3;
    border-radius: 50%;
    padding: 8px
}

.contact .info-box h3 {
    font-size: 20px;
    color: #5962b7;
    font-weight: 500;
    margin: 10px 0 0
}

.contact .info-box p,.contact .info-box p a {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
    color: #fff
}

.contact .php-email-form {
    padding: 0 20px 10px;
    position: relative;
    z-index: 11
}

.contact .php-email-form .validate {
    display: none;
    color: red;
    margin: 0 0 15px;
    font-weight: 400;
    font-size: 13px
}

.contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600
}

.contact .php-email-form .error-message br+br {
    margin-top: 25px
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px
}

.contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    animation: 1s linear infinite animate-loading
}

.contact .php-email-form input,.contact .php-email-form textarea {
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
    color: #000
}

.contact .php-email-form input:focus,.contact .php-email-form textarea:focus {
    border-color: #5a5af3
}

.contact .php-email-form input {
    padding: 10px 15px;
    background: #fff
}

.contact .php-email-form textarea {
    padding: 12px 15px;
    background: #fff
}

.contact .php-email-form button[type=submit] {
    background: #5962b7;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: .4s;
    border-radius: 5px;
    margin-top: 7px
}

.contact .php-email-form button[type=submit]:hover {
    background: #fff;
    color: #000
}

@keyframes animate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.info-box svg {
    color: #5962b7;
    font-size: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 50px
}

.contact .php-email-form h2.weloveher {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin: 15px 10px
}

.contact .info-box:after {
    content: "";
    width: 94%;
    height: 94%;
    border: 2px solid #5962b76b;
    position: absolute;
    left: 3%;
    top: 3%;
    border-radius: 5px;
    z-index: 0
}

.contact .php-email-form input::placeholder,.contact .php-email-form textarea::placeholder {
    color: #000000c4
}

ul.pricing__list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd38;
    padding: 10px 0
}

ul.pricing__list li .listFlex span {
    display: block;
    color: #fff;
    font-weight: 500
}

ul.pricing__list li .listFlex {
    padding-left: 10px;
    color: #5962b7;
    font-weight: 500
}

ul.pricing__list li:last-child {
    border: 0
}

.pricing__item-top h6 span.posdte {
    color: #fff!important
}

ul.pricing__list li span img {
    width: 24px
}

.pricing__item-inner {
    overflow: hidden;
    position: relative
}

.pricing__item-inner:before {
    background: #3e495b45;
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    border-bottom-left-radius: 65%
}

.pricing__item-bottom a.trk-btn.trk-btn--outline {
    background: #5962b7;
    margin-top: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    z-index: 99
}

.section-header p.width100s {
    width: 80%;
    font-size: 14px
}

section.service.padding-top.padding-bottom.ngbgwhiteSection.mb-30.paddingops {
    margin-bottom: 0!important
}

p.basicFont.easeAccesspoa {
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px
}

.service_new_item .service__item-inner p.mb-0.customeFontsixze.scrollcontentmax {
    max-height: 215px;
    overflow-y: auto;
    min-height: 215px;
    padding-top: 0;
    margin-top: 15px
}

.service_new_item .service__item-inner p.mb-0.customeFontsixze.scrollcontentmax::-webkit-scrollbar {
    width: 4px
}

.service_new_item .service__item-inner p.mb-0.customeFontsixze.scrollcontentmax::-webkit-scrollbar-track {
    background: #f1f1f1
}

.service_new_item .service__item-inner p.mb-0.customeFontsixze.scrollcontentmax::-webkit-scrollbar-thumb {
    background: #888
}

.service_new_item .service__item-inner p.mb-0.customeFontsixze.scrollcontentmax::-webkit-scrollbar-thumb:hover {
    background: #555
}

.service__item.service_new_item.nopaddinglr .service__item-inner {
    padding: 30px 15px
}

h3.titleMaininner.colorsdpsoe {
    color: #e0e3e663
}

section#styleDataCHangell.pdnotopsn {
    padding: 50px 25px 10px
}

.pricing__item-bottom a.trk-btn.trk-btn--outline:hover {
    background: #16191f
}

.menu li.forMobileOlny a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px
}

.menu li.forMobileOlny a svg {
    margin-left: 0!important;
    padding-right: 10px
}

.banner__thumbImg {
    margin: 0 auto
}

.formmainhome.alert-dismissible.alert.alert-success {
    margin: 0;
    padding: 10px;
    color: #fff;
    font-size: 15px;
    background: #00a82d;
    border: 0;
    border-radius: 0;
}

.service__item.service_new_item.servieWeOffer .service__item-inner.text-center {
    border: 0;
    background: #2c333c;
}
.service__item.service_new_item.servieWeOffer .service__item-inner.text-center .service__thumb-inner {
    background: transparent;
    border: 0;
}
.service__item.service_new_item.servieWeOffer p.mb-0.customeFontsixze {
    min-height: 160px;
}

.service__item.service_new_item.servieWeOffer .service__item-inner.text-center .service__thumb.mb-30 {
    margin-bottom: 0 !important;
}
section#whyChosseUs {
    padding: 50px 0;
}

section#whyChosseUs h5.mb-0 {
    font-size: 22px;
}
ul.listTyepos li {
    color: #000;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

ul.listTyepos li strong {
    color: var(--golden);
}
ul.listTyepos li::before {
    content: url(../../assets/images/thumbs-up.png);
    position: absolute;
    left: -9px;
    transform: scale(0.6);
    top: -7px;
}