@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

*,
.addons-box-sec.premium-box-sec,
.addons-box-slider .addons-box p,
.all-btn,
.content-m-inner-boxes:last-child,
.theme-intro-box .theme-intro-list ul li:last-child,
ul {
    margin: 0
}

.all-btn,
.anchor-link,
.error-page {
    position: relative
}

.main-menu ul.menu-list li a,
body,
h1,
h2,
h3,
h4,
h5,
p {
    font-family: Poppins, sans-serif
}

.all-btn,
.dedicated-p-header .login-sec>a,
.dedicated-p-header header.main-header.inner-header .main-menu ul.menu-list>li>a,
.upbeat-sec .upbeat-body a.all-btn.upbeat-btn:hover {
    color: #fff !important
}

.anchor-link,
.faq-sec .faq-body p a {
    text-decoration: underline !important
}

* {
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    border: none
}

body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: auto !important;
    overflow-x: hidden !important
}

img {
    max-width: 100%
}

a {
    text-decoration: none !important;
    outline: 0
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400
}

button,
input,
select {
    outline: 0 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

::-webkit-scrollbar {
    width: 8px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #ced9df
}

::-webkit-scrollbar-thumb:hover {
    background: #ced9df
}

.all-btn {
    padding: 10px 16px;
    background: #008765;
    border-radius: 5px;
    font-weight: 400 !important;
    font-size: 15px !important;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 13px;
    z-index: 5;
    border: 2px solid #008765;
    overflow: hidden;
    cursor: pointer;
}

.all-btn.btn-2 {
    border: 2px solid #008765;
    background: 0 0;
    color: #008765 !important;
}

.all-btn.btn-2:hover {
    border: 2px solid #004c3f;
    color: #FFF !important;
}

.all-social-media-links ul li,
.nopadding {
    margin: 0 !important
}

.dropdown-menu-list ul li a,
.modal,
.modal-open,
.nomargin,
.nopadding {
    padding: 0 !important
}

.all-btn:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #004c3f;
    z-index: -1;
    opacity: 0;
    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.all-btn:hover:before {
    width: 100%;
    opacity: 1
}

.all-btn:hover {
    border: 2px solid #004c3f
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48
}

.nomargin {
    margin: 0 auto !important
}

.nomargin-bottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.all-social-media-links {
    position: relative;
    margin: 30px 0 0;
    height: fit-content
}

.all-social-media-links ul {
    margin: 0;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 2px 5px #0000002b;
    border-radius: 6px;
    gap: 4px 0
}

.all-social-media-links ul a {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 29px;
    font-size: 16px !important;
    color: #000 !important;
    transition: .3s ease-in-out
}

.all-social-media-links ul a:hover {
    color: #008765 !important
}

.error-page {
    margin: 0;
    padding: 100px 0 0;
    min-height: calc(100vh - 50px);
    display: flex;
    align-items: center;
    justify-content: center
}

.error-page .error-page-body {
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1320px;
    width: 100%
}

.error-page h2 {
    margin: 20px 0;
    font-size: 90px;
    font-weight: 700;
    color: #008765
}

.anchor-link {
    margin: 0;
    padding: 0;
    color: #0046cb;
    text-transform: capitalize !important;
}

header.main-header {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: 0 0;
    box-shadow: 0 0 0 #00000000;
    transition: .3s ease-in-out
}

header.main-header.menu-shrink {
    background: #fff !important;
    box-shadow: 0 4px 4px #0000000d
}

header.main-header .header-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

header.main-header .header-body .header-logo {
    padding: 20px 0
}

header.main-header .header-body .main-menu {
    margin: 0;
    padding: 0;
    position: inherit !important;
    height: auto;
    width: auto;
    background: 0 0
}

header.main-header .header-body .main-menu ul.menu-list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0 25px;
    position: inherit !important
}

.main-menu ul.menu-list li {
    padding: 35px 0
}

.main-menu ul.menu-list li a {
    margin: 0;
    padding: 0 13px 0 0;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    transition: .3s ease-in-out;
    text-transform: capitalize;
    background: 0 0;
    line-height: normal !important
}

ul.ruby-menu>li>a:after {
    margin-top: 5px
}

.main-menu ul.menu-list li a:hover,
ul.dropdown-menu-links li.active a {
    color: #906509 !important
}

.main-menu ul.menu-list li a i {
    color: #ababab;
    font-size: 14px;
    margin: 0 0 0 2px
}

.all-bedcrumbs-sec .bedcrumb-body ul li:last-child a,
.our-mission-sec .our-mission-body .our-m-box:nth-child(3) h3,
.upbeat-lists .ipbeat-box a:hover,
header.main-header.inner-header .main-menu ul.menu-list li a {
    color: #000
}

.dedicated-p-header header.main-header.inner-header.menu-shrink .login-sec>a,
.dedicated-p-header header.main-header.inner-header.menu-shrink .main-menu ul.menu-list>li>a {
    color: #000 !important
}

header.main-header .header-body .login-sec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 0 15px
}

header.main-header .header-body .login-sec a {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.main-menu ul.menu-list li .dropdown-menu-sec {
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    max-width: 1237px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 5px #0000000a;
    min-height: 400px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    border: 1px solid #ededed;
    border-top: 4px solid #19ad86
}

.dropdown-menu-sec {
    display: flex;
    position: relative;
    gap: 0
}

.about-bd-sec .about-bd-body .about-bd-left,
.addons-banner-sec .addon-banner .addon-banner-right,
.box-design-sec .box-design-body .box-design-info,
.box-design-sec .box-design-body .box-design-title,
.dropdown-menu-sec .dropdown-menu-list,
.list-box-left,
.list-box-right,
.membership-dashboard-body .membership-dashboard-left,
.membership-dashboard-body .membership-dashboard-right,
footer .footer-body .footer-box {
    margin: 0;
    padding: 0;
    flex: 1
}

.dropdown-menu-list ul li {
    margin: 0 0 10px;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #dfdfdf
}

.f-c-form-left,
.main-menu ul.menu-list li.menu-li,
li.ruby-menu-mega.themes-li {
    position: relative
}

.dropdown-menu-list ul li a {
    display: flex !important;
    transition: .15s linear !important;
    color: #565656 !important;
    width: 100%;
    font-size: 13px !important;
    align-items: center;
    gap: 0 7px
}

.dropdown-box {
    position: relative;
    flex: 3;
    padding: 0 30px;
    border-left: 1px solid #dfdfdf
}

.dropdown-box h2 {
    margin: 0 0 45px;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
    color: #906509;
    line-height: 30px
}

.dropdown-box h2 span {
    display: block;
    color: #a5a5a5
}

.dropdown-box .features-dropdown-boxes {
    margin: 30px 0 0;
    display: flex;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 2%
}

.dropdown-box .features-dropdown-boxes .features-dropdown-box-body {
    margin: 0;
    padding: 0;
    display: flex;
    flex: 2;
    flex-wrap: wrap;
    gap: 0 2%;
    align-items: flex-start
}

.dropdown-box .features-dropdown-boxes .features-dropdown-box {
    margin: 0 0 20px;
    padding: 10px;
    position: relative;
    flex: 0 0 32%;
    width: 32%;
    background: #fff;
    border: 1px solid #00000017;
    border-radius: 8px;
    box-shadow: 0 2px 3px #0000000d
}

.dropdown-box .features-dropdown-boxes .features-dropdown-box:hover {
    border-radius: 8px;
    box-shadow: 0 3px 4px #0000001c;
    transition: .3s ease-in-out
}

.features-dropdown-box h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    text-align: center;
    min-height: 72px
}

.features-dropdown-box a,
.features-dropdown-box p {
    color: #a5a5a5 !important;
    margin: 0;
    font-weight: 500 !important
}

.features-dropdown-box h3 span.material-symbols-outlined {
    font-variation-settings: 'wght' 500;
    color: #008765;
    display: block;
    margin: 5px 0 7px;
    font-size: 30px
}

.features-dropdown-box p {
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center
}

.features-dropdown-box a {
    padding: 0 !important;
    font-size: 12px !important
}

.features-dropdown-img {
    position: relative;
    margin: 0;
    padding: 0;
    flex: 1
}

.features-dropdown-img h4 {
    margin: 10px 0 20px;
    padding: 0;
    font-size: 18px;
    font-weight: 500
}

.features-dropdown-img img {
    overflow: hidden;
    border-radius: 10px
}

.dropdown-box-tab,
.tab {
    display: none;
    position: relative
}

.addons-banner-body h1 span,
.content-m-right h2 span,
.d-pricing-tab .tab.active,
.dropdown-box-tab.active,
.membership-dashboard-right h2 span,
.personalize-body .personalize-left h2 span,
.pricing-box-body .pricing-box h4 span,
.tab.active,
li.mobile-submenu.open ul {
    display: block
}

.popup-menu {
    margin: 0 !important;
    padding: 12px 19px !important;
    position: absolute !important;
    left: 0;
    top: 78px;
    min-width: 200px;
    white-space: nowrap;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #ededed;
    transition: .3s ease-in-out;
    box-shadow: 0 5px 5px #0000000a
}

.popup-menu li {
    padding: 0 0 5px !important
}

.popup-menu li a {
    font-size: 14px !important;
    background: 0 0 !important;
    line-height: 25px !important;
    width: fit-content !important
}

.main-menu ul.menu-list li .dropdown-menu-sec.themes-dropdown {
    min-width: 472px;
    width: 100%;
    left: 0;
    border-radius: 10px;
    min-height: fit-content;
    background-color: #fff;
    overflow: hidden
}

.themes-dropdown-menu {
    margin: 0 auto;
    width: 100%;
    max-width: 1245px
}

.themes-dropdown-sec {
    margin: 0 0 0 auto;
    padding: 0;
    width: 100%;
    max-width: 915px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0 1%;
    justify-content: space-between;
    height: 400px;
    overflow: auto
}

.themes-dropdown-sec::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 50px;
    overflow: hidden
}

.themes-dropdown-sec::-webkit-scrollbar-thumb {
    background: #ced9df;
    border-radius: 50px
}

.themes-dropdown-sec::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px
}

.themes-dropdown-sec .themes-d-box {
    margin: 0 0 20px;
    padding: 5px;
    flex: 0 0 100%;
    width: 100%
}

.themes-dropdown-sec .themes-d-box a {
    position: relative;
    margin: 0 !important;
    padding: 3px 0 0 55px !important;
    display: block
}

.themes-dropdown-sec .themes-d-box .themes-d-icon {
    margin: 0 0 9px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 6px;
    background: #e9f6ff;
    position: absolute;
    left: 0;
    top: 0
}

.themes-dropdown-sec .themes-d-box .themes-d-icon span {
    font-size: 26px;
    color: #49a0a9;
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 100
}

.themes-dropdown-sec .themes-d-box:nth-child(2) .themes-d-icon {
    background: #fff7d7
}

.themes-dropdown-sec .themes-d-box:nth-child(2) .themes-d-icon span {
    color: #9f9262
}

.themes-dropdown-sec .themes-d-box:nth-child(3) .themes-d-icon {
    background: #d5fff2
}

.themes-dropdown-sec .themes-d-box:nth-child(3) .themes-d-icon span {
    color: #5ea991
}

.themes-dropdown-sec .themes-d-box:nth-child(4) .themes-d-icon {
    background: #fff2e9
}

.themes-dropdown-sec .themes-d-box:nth-child(4) .themes-d-icon span {
    color: #c9936e
}

.themes-dropdown-sec .themes-d-box:nth-child(5) .themes-d-icon {
    background: #efeeff
}

.themes-dropdown-sec .themes-d-box:nth-child(5) .themes-d-icon span {
    color: #6e69c7
}

.themes-dropdown-sec .themes-d-box:nth-child(6) .themes-d-icon {
    background: #cdd5c84a
}

.themes-dropdown-sec .themes-d-box:nth-child(6) .themes-d-icon span {
    color: #637c5b
}

.themes-dropdown-sec .themes-d-box:nth-child(7) .themes-d-icon {
    background: #f2f7ec
}

.themes-dropdown-sec .themes-d-box:nth-child(7) .themes-d-icon span {
    color: #82af4b
}

.themes-dropdown-sec .themes-d-box:nth-child(8) .themes-d-icon {
    background: #dbdbdb57
}

.themes-dropdown-sec .themes-d-box:nth-child(8) .themes-d-icon span {
    color: #000000ad
}

.themes-dropdown-sec .themes-d-box:nth-child(9) .themes-d-icon {
    background: #ffd57757
}

.themes-dropdown-sec .themes-d-box:nth-child(9) .themes-d-icon span {
    color: #a38468
}

.themes-dropdown-sec .themes-d-box h3 {
    margin: 0 0 6px;
    padding: 0 6px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #001234
}

.themes-dropdown-sec .themes-d-box p {
    margin: 0;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 400;
    color: #60837a
}

.all-theme-btn {
    margin: 35px 0 0 auto;
    padding: 30px 0 0;
    max-width: 912px;
    text-align: center;
    border-top: 1px solid #d3d3d3
}

.all-theme-btn a {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 160px;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    font-size: 14px !important
}

.login-sec button.mobile-menu-btn {
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #000;
    display: none
}

.login-sec button.mobile-menu-btn span {
    color: #000 !important;
    opacity: 1 !important;
    font-variation-settings: 'opsz' 100
}

.header-body .mobile-menu-sec {
    margin: 0;
    padding: 15px 20px;
    position: absolute;
    top: 120px;
    right: 0;
    z-index: 999;
    background: #fff;
    min-width: 100%;
    box-shadow: 0 5px 5px #00000021;
    border-top: 2px solid #0000001a;
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.header-body .mobile-menu-sec.mobilemenu-open {
    top: 82px;
    opacity: 1;
    visibility: visible
}

.header-body .mobile-menu-sec ul {
    margin: 0;
    padding: 0 20px
}

.header-body .mobile-menu-sec ul li {
    border-bottom: 1px solid #0000001f;
    margin: 0 0 5px;
    padding: 0 0 5px;
    position: relative;
    display: block
}

.header-body .mobile-menu-sec ul li a {
    margin: 0;
    padding: 2px 0 6px;
    position: relative;
    font-size: 13px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 0 8px;
    line-height: 22px
}

span.arrow-down {
    position: absolute;
    top: 6px;
    right: 5px
}

.header-body .mobile-menu-sec ul li:last-child {
    border: none !important
}

.header-body .mobile-menu-sec ul li a span.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 48;
    color: #008765;
    font-size: 18px
}

li.mobile-submenu ul {
    background: #e9e9e9;
    padding: 10px 10px 0 !important;
    display: none
}

section.banner-sec {
    margin: 0;
    padding: 50px;
    position: relative;
    min-height: 80vh;
    top: -51px;
    background: url("../images/banner-bg.jpg") center center/cover no-repeat;
    display: flex;
    align-items: flex-end
}

.banner-sec .banner-all-body,
.why-choose-sec .why-choose-body {
    margin: 0 auto;
    padding: 0;
    max-width: 1432px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.banner-sec .banner-all-body .banner-body {
    margin: 0 0 0 auto;
    padding: 0;
    max-width: 1335px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px;
    flex-wrap: wrap
}

.banner-sec .banner-all-body .banner-content {
    margin: 0;
    padding: 0;
    max-width: 720px;
    width: 100%
}

.banner-content h1 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 57px;
    font-weight: 700;
    color: #906509;
    line-height: 66px
}

.banner-content h1 span {
    margin: 0;
    padding: 0;
    color: #004c3f
}

.banner-content h3 {
    margin: 15px 0 75px;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: #000
}

.banner-sec .banner-all-body .banner-content p {
    margin: 0 0 30px;
    padding: 0;
    font-size: 14px;
    max-width: 580px;
    color: #4e4e4e;
    font-weight: 500;
    line-height: 24px
}

.banner-button-sec {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 15px
}

.banner-button-sec a.all-btn.btn-2 {
    border: 2px solid #008765;
    background: 0 0;
    color: #008765 !important
}

.banner-button-sec a.all-btn.btn-2:hover {
    border: 2px solid #004c3f;
    color: #fff !important
}

.banner-sec .banner-all-body .banner-body .banner-img {
    /*margin: 90px -140px 0 0;*/
    /*padding: 0;*/
    /*width: 690px;*/
    /*height: 590px;*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*position: relative*/
    
    margin: 90px -140px 0 0;
    padding: 0;
    width: 675px;
    height: 513px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    right: 145px;
    top: -35px;
}

.menu-li span{
    position: absolute;
    background: #ff0000;
    color: #FFF;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    left: 31px;
    top: 21px;
    cursor: pointer;
    animation: blink 1s infinite;
}
@keyframes blink {
    0%, 100% {
        opacity: 1; /* Fully visible */
    }
    50% {
        opacity: 0; /* Fully transparent */
    }
}


.addons-1st-secs .container h2{
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    color: rgb(0 0 0);
}
.time-line{
    position: absolute;
    bottom: 6%;
    left: 41%;
}

.all-bedcrumbs-sec {
    margin: 0;
    padding: 40px 0;
    position: relative
}

.all-bedcrumbs-sec .bedcrumb-body {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1240px;
    position: relative;
    background: #f3f3f3;
    border-radius: 8px;
    height: 50px;
    display: flex;
    align-items: center
}

.all-bedcrumbs-sec .bedcrumb-body ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 20px
}

.all-bedcrumbs-sec .bedcrumb-body ul li a {
    padding: 0 20px 0 0;
    margin: 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: #038576
}

.all-bedcrumbs-sec .bedcrumb-body ul li a:before {
    position: absolute;
    content: '\f054';
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'Font Awesome 6 Pro';
    color: #898989
}

.all-bedcrumbs-sec .bedcrumb-body ul li:last-child a:before,
.d-pricing-tab .tab,
.d-pricing-tab .tab-content:before,
.inner-banner-sec.addons-banner::before,
.inner-banner-sec.dedicated.pricing-banner:after,
.inner-banner-sec.dedicated.pricing-banner:before,
.inner-banner-sec.features-inner-banner::before,
.inner-banner-sec.flexible-inner-banner:before,
.inner-banner-sec.membership-inner-banner::before {
    display: none
}

section.counter-sec {
    margin: 0;
    padding: 35px 0;
    position: relative
}

.counter-body {
    margin: 0 auto;
    padding: 15px 0 30px;
    max-width: 1240px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    border-bottom: 1px solid #cbcbcb;
    background: url("../images/counter-bg.png") center left no-repeat
}

.counter-body .counter-box {
    margin: 0;
    padding: 0;
    width: 19%;
    position: relative
}

.counter-body .counter-box h2 {
    margin: 0 0 5px;
    padding: 00;
    font-size: 50px;
    font-weight: 700;
    color: #000
}

.membership-sec {
    margin: 0;
    padding: 50px 0;
}

.membership-sec .membership-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 40px
}

.blog-info-body .blog-left,
.membership-sec .membership-body .membership-content {
    margin: 0;
    padding: 0;
    max-width: 45%;
    width: 100%
}

.membership-sec .membership-body .membership-content h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 44px;
    font-weight: 700;
    color: #004c3f;
    line-height: 55px
}

.membership-sec .membership-body .membership-content h2 span {
    margin: 0;
    padding: 0;
    display: block;
    color: #906509
}

.membership-sec .membership-body .membership-content p {
    margin: 0 0 35px;
    padding: 0;
    font-size: 14px;
    max-width: 580px;
    color: #4e4e4e;
    font-weight: 500;
    line-height: 24px
}

.membership-sec .membership-body .membership-video {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfdfdf
}

.membership-sec .membership-body .membership-video a {
    margin: 0;
    padding: 25px;
    font-size: 55px;
    border: 6px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 115px;
    border-radius: 100%;
    color: #fff;
    background: #ffffff2e
}

.membership-btn {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.membership-btn .mem-graphics {
    margin: 0 20px 0 0;
    padding: 0;
    width: 160px;
    height: 160px;
    background: url("../images/pattern-primary.svg") center center/cover no-repeat
}

.membership-drectody-part {
    margin: 60px auto 20px;
    padding: 0;
    max-width: 1240px
}

.membership-drectody-part .membership-directory-list {
    margin: 0;
    padding: 0 0 15px;
    display: flex;
    grid-gap: 0 2%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;
    cursor: all-scroll
}

.membership-directory-box {
    margin: 0;
    padding: 20px;
    min-width: 290px;
    position: relative;
    border: 1px solid #00000012;
    border-radius: 15px;
    box-shadow: 0 4px 5px #00000012
}

.membership-directory-box .m-d-icon {
    margin: 0 0 25px;
    padding: 0
}

.membership-directory-box .m-d-icon span {
    margin: 0;
    padding: 0;
    font-size: 32px;
    height: 55px;
    width: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #dfdfdf;
    border-radius: 100px
}

.membership-directory-box .m-d-icon.icon1 span {
    background: #f5e6d0;
    color: #dd8709
}

.membership-directory-box .m-d-icon.icon2 span {
    background: #dad7f2;
    color: #6b5beb
}

.membership-directory-box .m-d-icon.icon3 span {
    color: #895027;
    background: #dfcabb
}

.membership-directory-box .m-d-icon.icon4 span {
    background: #bfe7dd;
    color: #008765
}

.membership-directory-box .m-d-icon.icon5 span {
    background: #f7d1d1;
    color: #b74343
}

.membership-directory-box .m-d-icon.icon6 span {
    color: #0da3cf;
    background: #bef0ff
}

.membership-directory-box .m-d-icon.icon7 span {
    color: #6a0dcf;
    background: #ecdaff
}

.membership-directory-box .m-d-icon.icon8 span {
    color: #00a797;
    background: #c1fff9
}

.membership-directory-box h3,
.upbeat-lists .ipbeat-box h3 {
    margin: 25px 0 12px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #003427;
    text-shadow: 0 2px 1px #00000038;
    min-height: 40px
}

.membership-directory-box p {
    margin: 10px 0 30px;
    padding: 0;
    font-size: 13px;
    color: #6b7177;
    font-weight: 400;
    line-height: 19px;
    min-height: 72px
}

.membership-directory-box a {
    margin: 0 0 12px;
    display: inline-flex;
    padding: 0;
    width: 122px;
    height: 32px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #00000017;
    border-radius: 226px;
    align-items: center;
    justify-content: center;
    grid-gap: 0 13px;
    color: #33641e;
    font-weight: 700;
    transition: .3s ease-in-out
}

.membership-directory-box a:hover {
    background: #000;
    color: #fff
}

.features-category-form,
.our-mission-sec,
.privacy-p-sidebar ul li,
section.support-sec {
    margin: 0;
    padding: 0;
    position: relative
}

section.support-sec .support-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 40px
}

section.support-sec .support-body .support-img {
    margin: 0;
    padding: 0;
    width: 380px
}

section.support-sec .support-body .support-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 90px
}

section.support-sec .support-body .support-content h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
    color: #004c3f;
    line-height: 46px
}

section.support-sec .support-body .support-content h2 span {
    display: block;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 50px;
    font-weight: 700
}

section.upbeat-sec {
    margin: 0;
    position: relative;
    padding: 0;
    background-image: linear-gradient(180deg, #422e2e00 1%, rgb(190 255 218 / 87%) 6.4%, #007f4b 26.67%, rgb(0 131 98) 61.04%, #fff0 91%);
    overflow: hidden
}

section.upbeat-sec:before {
    position: absolute;
    content: '';
    top: 0;
    right: -214px;
    height: 835px;
    width: 800px;
    background: url("../images/globe-img.png") center center/contain no-repeat
}

.upbeat-sec .upbeat-body {
    margin: 0 auto;
    padding: 80px 40px;
    position: relative;
    max-width: 1320px;
    z-index: 2
}

.upbeat-sec .upbeat-body h2 {
    margin: 0 0 30px;
    padding: 0 0 30px;
    font-size: 44px;
    font-weight: 700;
    color: #000;
    line-height: 55px;
    position: relative
}

.features-c-sec .features-c-body .f-c-box a,
.upbeat-sec .upbeat-body h2 span {
    margin: 0;
    padding: 0;
    display: block
}

.upbeat-sec .upbeat-body h2:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 4px;
    width: 462px;
    background: linear-gradient(90deg, #000, transparent);
    border-radius: 50px
}

.upbeat-sec .upbeat-body p {
    margin: 15px 0 30px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 21px;
    max-width: 600px
}

.upbeat-lists {
    margin: 60px 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 2%;
    max-width: 980px
}

.ipbeat-box {
    background: #fff;
    padding: 14px;
    flex: 1;
    border-radius: 12px;
    box-shadow: 0 2px 5px #00000014
}

.upbeat-lists .ipbeat-box .upbeat-img {
    margin: 0 0 14px;
    padding: 0;
    width: 50px
}

.upbeat-lists .ipbeat-box p {
    margin: 15px 0 30px;
    padding: 0;
    font-size: 13px;
    color: #000000f7;
    font-weight: 400;
    line-height: 18px;
    min-height: 50px
}

.upbeat-lists .ipbeat-box a {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 700;
    color: #33641e;
    text-shadow: 0 2px 1px #fff;
    font-size: 13px
}

.upbeat-sec .upbeat-body a.all-btn.upbeat-btn {
    margin: 70px 0 0;
    background: #fff;
    color: #000 !important;
    font-weight: 500 !important;
    border: 2px solid #000
}

.upbeat-sec canvas {
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: -100px;
    right: -27%;
    z-index: 0
}

section.st-business {
    margin: 0;
    padding: 50px 0 100px;
    position: relative
}

.st-business .st-business-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px;
    flex-direction: row-reverse
}

.blog-info-body .blog-right,
.st-business .st-business-body .st-business-left {
    margin: 0;
    padding: 0;
    max-width: 50%;
    width: 100%
}

.st-business .st-business-body .st-business-left h2 {
    margin: 0 0 25px;
    padding: 0 0 25px;
    font-size: 36px;
    font-weight: 700;
    color: #825c08;
    line-height: 55px;
    position: relative
}

.st-business .st-business-body .st-business-left h2:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 4px;
    width: 462px;
    background: linear-gradient(90deg, #0087657a 0, transparent 75%);
    border-radius: 50px
}

.st-business .st-business-body .st-business-left h2 span {
    margin: 0;
    padding: 0;
    display: block;
    color: #000;
    font-size: 50px;
    line-height: 60px;
    font-weight: 400
}

.st-business .st-business-body .st-business-left p {
    margin: 0 0 70px;
    padding: 0;
    font-size: 14px;
    max-width: 580px;
    color: #4e4e4e;
    font-weight: 400;
    line-height: 24px
}

.st-business .st-business-body .st-business-right {
    margin: 0;
    padding: 0;
    width: 41%;
    height: 527px;
    background-size: cover
}

.why-choose-sec {
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    background: linear-gradient(270deg, #fff0 1%, rgb(247 255 226 / 87%) 15.4%, #00ff9a54 30.67%, rgb(52 225 233 / 33%) 70.04%, #fff0 85%)
}

.why-choose-sec .why-choose-body .why-choose-body-2 {
    margin: 0 auto 0 0;
    padding: 0;
    max-width: 1335px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px;
    flex-wrap: wrap
}

.why-choose-img {
    margin: 0;
    padding: 0;
    width: 45%;
    height: 740px;
    background-size: cover
}

.why-choose-content {
    margin: 0;
    padding: 80px 0;
    max-width: 50%;
    width: 100%
}

.why-choose-content h2 {
    margin: 0 0 25px;
    padding: 0 0 25px;
    font-size: 24px;
    font-weight: 700;
    color: #004c3f;
    position: relative
}

.why-choose-content h2 span {
    margin: 5px 0 0;
    padding: 0;
    display: block;
    color: #000;
    font-size: 30px
}

.why-choose-content .why-choose-boxes {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 25px;
    flex-wrap: wrap
}

.why-choose-content .why-choose-boxes .why-choose-box {
    margin: 0 0 20px;
    padding: 0;
    max-width: 45%;
    width: 100%;
    position: relative
}

.why-choose-box .why-choose-icon {
    height: 50px;
    width: 50px;
    background: url(../images/color-shape.png) center center/contain no-repeat
}

.why-choose-content .why-choose-boxes .why-choose-box h3 {
    margin: 20px 0 12px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-shadow: 0 2px 1px #00000038;
    text-decoration: underline
}

.why-choose-content .why-choose-boxes .why-choose-box p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 14px;
    color: #414141;
    font-weight: 400;
    line-height: 20px
}

.why-choose-box a.why-choose-btn {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 700;
    color: #008765
}

.how-to-use-bd-banner .how-to-use-bd-banner-body h1 span,
.why-choose-box a.why-choose-btn:hover {
    color: #906509
}

section.testimonials-sec {
    margin: 0;
    padding: 70px 0;
    position: relative
}

.testimonials-sec.inner-page-tes {
    background: #eefffc;
    padding: 100px 0
}

.latest-blog-sec:after,
.latest-blog-sec:before {
    height: 150px;
    background: url('../images/pattern-primary.svg') center center/contain no-repeat;
    transform: rotate(180deg);
    content: ''
}

.testimonials-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 50px;
    flex-wrap: wrap
}

.testimonials-body .testimonials-title {
    margin: 0;
    padding: 0;
    width: 35%;
    position: relative
}

.testimonials-body .testimonials-title h3 {
    margin: 0 0 10px;
    padding: 0 0 0 50px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    position: relative
}

.testimonials-body .testimonials-title h3:before {
    position: absolute;
    content: '';
    margin: auto 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #008563
}

.testimonials-body .testimonials-title h2 {
    margin: 0;
    padding: 0 0 0 50px;
    font-weight: 700;
    color: #906509
}

.testimonials-body .testimonials-content {
    margin: 0;
    padding: 0;
    width: 55%
}

.testimonials-body .testimonials-content #carousel-custom-dots {
    margin: 0 0 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 30px
}

.testimonials-body .testimonials-content .owl-dot {
    position: relative;
    cursor: pointer;
    opacity: .6;
    transition: .3s ease-in-out
}

.testimonials-body .testimonials-content .owl-dot.active {
    opacity: 1
}

.testimonials-body .testimonials-content .owl-dot .tes-img {
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 100px
}

.testimonials-body .testimonials-content .owl-dot .tes-quotation {
    position: absolute;
    bottom: -5px;
    right: 0;
    background: linear-gradient(45deg, #004c3f, #71d9bf);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.testimonials-body .testimonials-content .tes-box p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 15px;
    color: #414141;
    font-weight: 400;
    line-height: 24px
}

.testimonials-body .testimonials-content .tes-box .star-r {
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 2px
}

.testimonials-body .testimonials-content .tes-box .star-r i {
    color: #ffc107;
    font-size: 15px
}

.testimonials-body .testimonials-content .tes-box h4 {
    margin: 20px 0 6px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #004c3f
}

.testimonials-body .testimonials-content .tes-box small {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #626262
}

.addons-box-sec,
.personalize-sec,
.quick-videos-sec {
    margin: 0 0 50px;
    padding: 0;
    position: relative
}

.personalize-sec .personalize-body {
    margin: 0 auto;
    padding: 30px 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 50px;
    flex-wrap: wrap
}

section.personalize-sec .personalize-body:before {
    position: absolute;
    content: '';
    left: 41px;
    top: 0;
    height: 100%;
    width: 75%;
    background: #f8f9fb;
    z-index: -1
}

.personalize-body .personalize-left {
    margin: 0;
    padding: 0 50px;
    max-width: 50%
}

.personalize-body .personalize-left h2 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 44px;
    font-weight: 700;
    color: #000;
    line-height: 50px;
    position: relative
}

.personalize-body .personalize-left p {
    margin: 0 0 40px;
    padding: 0;
    font-size: 15px;
    color: #414141;
    font-weight: 400;
    line-height: 24px
}

.personalize-body .personalize-left ul.personalize-list li {
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 17px;
    max-width: 410px
}

.personalize-body .personalize-left ul.personalize-list li .personalize-icon {
    margin: 0;
    padding: 0;
    min-width: 45px !important;
    height: 45px;
    background-size: 33px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #0000002e;
    border-radius: 5px
}

.personalize-body .personalize-left ul.personalize-list li h5 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    color: #004c3f;
    line-height: 21px
}

section.personalize-sec .personalize-body .personalize-right {
    margin: 0;
    padding: 0;
    width: 45%;
    height: 480px;
    background-size: cover
}

section.latest-blog-sec {
    margin: 0;
    padding: 50px 0;
    background: #f8f9fb;
    position: relative
}

.latest-blog-sec:after {
    position: absolute;
    bottom: -66px;
    left: 93px;
    width: 150px
}

.latest-blog-sec:before {
    position: absolute;
    top: -66px;
    right: 93px;
    width: 150px
}

.latest-blog-sec .blog-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px
}

.latest-blog-sec .blog-body h2 {
    margin: 0 0 40px;
    padding: 0;
    font-weight: 700;
    font-size: 26px;
    color: #004c3f
}

.latest-blog-sec .blog-body h2 span {
    margin: 4px 0 0;
    padding: 0;
    display: block;
    font-size: 40px;
    color: #000
}

.blog-info-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 0 50px;
    position: relative;
    flex-wrap: wrap
}

.blog-info-body .blog-left .blog-left-box {
    margin: 0;
    padding: 40px;
    height: 450px;
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.blog-info-body .blog-left .blog-left-box h4 {
    margin: 140px 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.blog-info-body .blog-left .blog-left-box h3 {
    margin: 16px 0 10px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.blog-info-body .blog-left .blog-left-box p {
    margin: 28px 0 40px;
    padding: 0;
    font-size: 14px;
    color: #ffffffe8;
    font-weight: 300;
    line-height: 20px
}

.blog-info-body .blog-left .blog-left-box .blog-more-option {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-info-body .blog-left .blog-left-box .blog-more-option a {
    margin: 0;
    padding: 4px 9px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    border: 1px solid #ffffff8a;
    border-radius: 5px
}

.blog-info-body .blog-left .blog-left-box .blog-more-option .calendar {
    margin: 0;
    padding: 4px 9px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 600;
    color: #004c3f;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ffffff8a;
    border-radius: 5px
}

.blog-info-body .blog-right .blog-right-box {
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #0000002e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 45px
}

.blog-info-body .blog-right .blog-right-box .blog-right-img {
    margin: 0;
    padding: 0;
    min-width: 190px;
    height: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px
}

.blog-info-body .blog-right .blog-right-box h4 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #906509
}

.blog-info-body .blog-right .blog-right-box h3 {
    margin: 8px 0 20px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.blog-info-body .blog-right .blog-right-box .blog-right-option {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-info-body .blog-right .blog-right-box .blog-right-option a {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 600;
    color: #008765;
    font-size: 14px
}

.blog-info-body .blog-right .blog-right-box .blog-right-option .calendar {
    margin: 0;
    padding: 4px 9px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 600;
    color: #7c7c7c;
    font-size: 13px
}

.blog-all-btn.text-center {
    margin: 40px 0 0
}

.get-started-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: #fdfbf8
}

.get-started-sec.inner-get-started-sec {
    background: #f8f9fb
}

.get-started-sec .get-started-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px;
    flex-wrap: wrap
}

.get-started-sec .get-started-body .get-s-left {
    margin: 0;
    padding: 0;
    max-width: 57%;
    width: 100%
}

.get-started-sec .get-started-body .get-s-left h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #004c3f
}

.get-started-sec .get-started-body .get-s-left h2 span {
    display: block;
    font-size: 28px;
    color: #000
}

ul.get-s-list li {
    margin: 0 0 16px;
    padding: 0 0 0 21px;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative;
    max-width: 600px
}

ul.get-s-list li i {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #008765
}

.get-started-sec .get-started-body .get-s-right {
    margin: 0;
    padding: 0;
    max-width: 36%;
    width: 100%
}

.get-s-form {
    margin: 0;
    padding: 20px;
    background: #fbf7ed;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 0 15px;
    flex-wrap: wrap
}

.contact-us-sec .contact-us-body .contact-us-right .form-group,
.get-s-form .form-group {
    margin: 0 0 10px;
    padding: 0;
    width: 48%
}

.contact-us-sec .contact-us-body .contact-us-right .form-group.full-form,
.get-s-form .form-group.full-form {
    width: 100%
}

.get-s-form .form-group .form-control {
    margin: 0;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e
}

.get-s-form .form-group .form-control::placeholder {
    color: #4e4e4e
}

.contact-us-sec .contact-us-body .contact-us-right .form-group input.form-btn,
.get-s-form .form-group input.form-btn {
    margin: 15px 0 0;
    padding: 10px 49px;
    background: #008765;
    color: #fff !important;
    border-radius: 5px;
    font-weight: 400 !important;
    font-size: 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 13px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    cursor: pointer
}


.float-btn {
    margin: 15px 0 0;
    padding: 10px 49px;
    background: #008765;
    color: #fff !important;
    border-radius: 5px;
    font-weight: 400 !important;
    font-size: 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 13px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    bottom: -60%;
    right: 14%;
}

footer.main-footer {
    margin: 0;
    padding: 0;
    position: relative;
    background-image: radial-gradient(#109372 20%, #004c3f 119%)
}

footer.main-footer .footer-top {
    margin: 0;
    padding: 30px 0;
    border-bottom: 1px solid #ffffff42
}

.footer-bottom .footer-bottom-menu,
footer.main-footer .footer-top .footer-top-menu {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-box.footer-contact a i,
.inner-banner-sec:before {
    position: absolute;
    left: 0
}

.footer-bottom .footer-bottom-menu ul,
footer.main-footer .footer-top .footer-top-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 25px
}

footer.main-footer .footer-top .footer-top-menu ul li a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    transition: .3s ease-in-out
}

footer.main-footer .footer-top a.back-to-top-btn {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 600;
    color: #fff;
    font-size: 13px
}

footer .footer-body {
    margin: 0 auto;
    padding: 50px 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 30px
}

footer .footer-body .footer-box a.footer-logo {
    margin: 0 0 10px;
    padding: 0;
    display: block;
    min-height: 70px
}

footer .footer-body .footer-box p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    line-height: 20px
}

footer .footer-body .footer-box h3 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    min-height: 60px
}

footer .footer-body .footer-box ul li {
    margin: 0 0 10px
}

footer .footer-body .footer-box ul li a {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    position: relative;
    display: block
}

.footer-box.footer-contact a {
    padding: 0 0 0 25px !important
}

.footer-bottom {
    margin: 40px 0 0;
    padding: 30px 0;
    border-top: 1px solid #ffffff42
}

.footer-bottom .footer-bottom-menu ul li a {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    transition: .3s ease-in-out
}

footer.main-footer .footer-bottom-menu a.back-to-top-btn {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 11px;
    font-weight: 400;
    color: #fff;
    font-size: 13px
}

.inner-banner-sec {
    margin: 0;
    padding: 130px 0 0;
    position: relative;
    min-height: 500px;
    overflow: hidden
}

.inner-banner-sec:before {
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0% 100%);
    background-image: radial-gradient(#fff2d5 20%, #ecfffc 150%)
}

.inner-banner-sec .inner-banner-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px;
    z-index: 1
}

.inner-banner-left h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.inner-banner-left h1,
.inner-banner-left h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 62px;
    font-weight: 700;
    color: #00604f;
    line-height: 66px
}

.inner-banner-left h1 span,
.inner-banner-left h2 span {
    display: block;
    font-size: 50px
}

.addons-banner-body p,
.flexible-inner-banner .inner-banner-body p,
.inner-banner-left p,
.payment-gateway-banner .inner-banner-body p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    position: relative
}

.inner-banner-right {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 500px;
    width: 100%;
    filter: drop-shadow(6px 10px 20px rgba(0, 0, 0, .15))
}

.faq-sec,
.privacy-policy-details,
.theme-directory-sec {
    margin: 0 0 100px;
    padding: 0;
    position: relative
}

.theme-directory-sec .theme-directory-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    grid-gap: 0;
    flex-wrap: wrap;
    flex-direction: column
}

.theme-directory-sec .theme-directory-body .theme-directory-text {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%
}

.theme-directory-text h1 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 40px;
    font-weight: 700;
    color: #000
}

.theme-directory-text h1 span,
.theme-intro-body .theme-intro-right h1 span,
.theme-intro-body .theme-intro-right h2 span,
.web-setup-content h2 span {
    display: block;
    color: #906509
}

.theme-directory-sec .theme-directory-body .theme-directory-text p {
    margin: 25px 0;
    padding: 0;
    font-size: 14px;
    color: #414141;
    font-weight: 400;
    line-height: 22px
}

.theme-directory-list {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    position: relative
}

.theme-directory-list .theme-directory-slider {
    gap: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    justify-items: center
}

.theme-directory-list .theme-directory-slider .theme-box {
    width: 100%;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 10px;
    text-align: center
}

.addons-box-slider .owl-stage,
.theme-directory-slider .owl-stage {
    padding-left: 0 !important
}

.theme-directory-list .theme-box .theme-image {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 310px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 0 4px 7px #00000000;
    transition: .3s ease-in-out;
    background-color: #f3f3f3
}

.theme-directory-list .theme-box:hover .theme-image {
    box-shadow: 0 6px 10px #0000003b
}

.theme-directory-list .theme-box h3 {
    margin: 20px auto 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    min-height: 60px;
    max-width: 250px
}

.theme-directory-list .theme-box small {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    color: #878787
}

.theme-directory-list .theme-box small span {
    font-style: italic
}

.theme-directory-list .theme-box a {
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #fff;
    font-size: 14px
}

.theme-directory-list .theme-box a p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    gap: 0 10px;
    background: #008765;
    height: 40px;
    border-radius: 9px;
    margin: 5px 0;
    box-shadow: 0 2px 2px #0000001c
}

.theme-directory-list .owl-nav {
    position: absolute;
    top: -80px;
    bottom: 0;
    margin: auto 0;
    height: fit-content;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.theme-directory-list .owl-nav button {
    margin: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border-radius: 51px;
    box-shadow: 0 0 7px #00000029
}

.theme-directory-list .owl-nav button.owl-prev {
    margin: 0 0 0 -19px
}

.theme-directory-list .owl-nav button.owl-next {
    margin: 0 -19px 0 0
}

.membership-web-sec {
    margin: 0;
    padding: 0;
    position: relative;
    background: #effcfa
}

.membership-web-sec .membership-web-body {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.contact-us-sec .contact-us-body .contact-us-left,
.contact-us-sec .contact-us-body .contact-us-right,
.content-m-sec .content-m-box .content-m-left-box,
.content-m-sec .content-m-box .content-m-right-box,
.membership-web-sec .membership-web-body .membership-web-left,
.theme-intro-sec .theme-intro-body .theme-intro-right,
.who-need-theme-sec .who-need-theme-body .who-need-left,
.who-need-theme-sec .who-need-theme-body .who-need-right {
    margin: 0;
    padding: 0;
    flex: 1;
    position: relative
}

.membership-web-left .membership-web-left-body {
    margin: 0 0 0 auto;
    padding: 50px;
    max-width: 670px;
    width: 100%
}

.membership-web-left .membership-web-left-body h2 {
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
    color: #004c3f;
    font-size: 36px
}

.membership-web-left .membership-web-left-body h2 span {
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 50px
}

.membership-web-left .membership-web-left-body p {
    margin: 0 0 16px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 21px;
    position: relative;
    max-width: 600px
}

.membership-web-sec .membership-web-body .membership-web-right {
    margin: 0;
    padding: 0;
    flex: 1;
    height: calc(100vh - 200px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.contact-us-sec,
.membership-directory-sec {
    margin: 0;
    padding: 0 0 50px;
    position: relative
}

.addons-box-sec .addons-box-body,
.advantage-sec .advantage-body,
.dedicated-plan-sec .d-plan-body,
.ed-faq-sec .ed-faq-body,
.membership-directory-sec .membership-directory-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative
}

.membership-directory-sec .membership-directory-body h1,
.membership-directory-sec .membership-directory-body h2 {
    margin: 0 0 30px;
    text-align: center;
    font-size: 20px;
    color: #004c3f;
    line-height: 34px
}

.membership-directory-sec .membership-directory-body h1 span,
.membership-directory-sec .membership-directory-body h2 span {
    display: block;
    font-size: 30px;
    color: #000
}

.dedicated-plan-sec .d-plan-body i,
.membership-directory-sec .membership-directory-body i {
    margin: 0 0 20px;
    text-align: center;
    font-size: 32px;
    color: #906509;
    display: block
}

.membership-directory-sec .membership-directory-body p {
    margin: 0 auto 10px;
    padding: 0;
    max-width: 830px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    line-height: 22px
}

.membership-directory-info {
    margin: 50px 0 0;
    padding: 40px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px
}

.membership-directory-info:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 75%;
    background: #fff8f6;
    z-index: -1
}

.membership-directory-info .membership-directory-left {
    margin: 0;
    padding: 0;
    min-width: 600px
}

.membership-directory-info .membership-directory-right {
    margin: 0;
    padding: 40px 30px;
    max-width: 60%;
    width: 100%
}

.membership-directory-info .membership-directory-right h3 {
    margin: 0 0 36px;
    padding: 0;
    font-size: 28px;
    font-weight: 500;
    color: #004c3f;
    max-width: 350px
}

.membership-directory-info .membership-directory-right ul li,
.membership-m-left ul li {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    line-height: 22px
}

.membership-directory-info .membership-directory-right ul li i,
.membership-m-left ul li i {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #008765
}

.membership-m-sec {
    margin: 0;
    padding: 50px 0;
    background: #f3f7fb
}

.membership-m-sec .membership-m-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 45px
}

.membership-m-left h2 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 28px;
    font-weight: 500;
    color: #004c3f
}

.membership-m-left h2 span {
    display: block;
    color: #000
}

.membership-m-left p {
    margin: 0 auto 25px;
    padding: 0;
    max-width: 830px;
    font-size: 15px;
    font-weight: 400;
    color: #323232;
    line-height: 23px
}

.membership-m-sec .membership-m-body .membership-m-right {
    margin: 0;
    padding: 0;
    min-width: 570px
}

.inner-banner-sec.aboutus-inner-banner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0% 100%);
    background-image: radial-gradient(#d3fff1 20%, #d0eff7 150%);
    z-index: 0
}

.inner-banner-sec.aboutus-inner-banner::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0% 100%);
    background: url("../images/integrations-bg.svg") center center/cover no-repeat;
    z-index: 0;
    filter: grayscale(1);
    opacity: .5
}

.aboutus-inner-banner .inner-banner-right {
    max-width: 450px;
    padding: 35px 0 0 35px;
    filter: none
}

.user-guide-banner .inner-banner-right {
    padding: 35px;
}

.aboutus-inner-banner .inner-banner-right:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffc2;
    z-index: 0;
    border-radius: 31px;
    transform: rotate(351deg)
}

.aboutus-inner-banner .inner-banner-right img {
    max-width: 410px;
    margin: 0 0 0 auto;
    display: inherit;
    border-radius: 11px;
    position: relative
}

.about-bd-sec {
    margin: 0;
    padding: 0 0 90px;
    position: relative;
    overflow: hidden
}

.about-bd-sec::before {
    position: absolute;
    content: '';
    bottom: 0;
    right: -36px;
    width: 279px;
    height: 70px;
    background: url("../images/diamond-cut.png") bottom right no-repeat
}

.about-bd-sec .about-bd-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 0 50px
}

.about-bd-body .about-bd-left h1,
.contact-us-sec .contact-us-body .contact-us-left h2 {
    margin: 0 0 22px;
    padding: 0;
    font-weight: 700;
    color: #004c3f;
    font-size: 22px;
    line-height: 40px
}

.about-bd-body .about-bd-left h1 span,
.contact-us-sec .contact-us-body .contact-us-left h2 span {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    font-size: 38px;
    font-weight: 700;
    color: #8d6309
}

.about-bd-body .about-bd-left p {
    margin: 0 0 16px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative;
    max-width: 420px
}

.about-bd-sec .about-bd-body .about-bd-right,
.addons-banner-sec .addon-banner .addon-banner-left {
    margin: 0;
    padding: 0;
    flex: 2
}

.about-bd-body .about-bd-right h3,
.contact-us-sec .contact-us-body .contact-us-left h3 {
    margin: 25px 0 12px;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.about-bd-body .about-bd-right p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative
}

.about-bd-sec .about-bd-body .about-bd-left .about-img {
    margin: 65px 0 0 -135px;
    padding: 0;
    position: relative;
    animation-delay: 2s
}

.our-mission-sec .our-mission-body {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: space-between
}

.our-mission-sec .our-mission-body .our-m-box {
    margin: 0;
    padding: 40px;
    flex: 1;
    background: center/cover #000;
    min-height: 600px;
    position: relative
}

.our-mission-sec .our-mission-body .our-m-box:first-child {
    background: #061d3c
}

.our-mission-sec .our-mission-body .our-m-box:nth-child(3) {
    background: url("../images/vision-bg.jpg") center center/cover no-repeat
}

.our-mission-sec .our-mission-body .our-m-box:first-child:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/wave-thin.svg") center center;
    opacity: .3
}

.our-mission-sec .our-mission-body .our-m-box:nth-child(2):before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c0ffffdb
}

.our-mission-sec .our-mission-body .our-m-box:nth-child(2) img {
    filter: brightness(.5)
}

.our-mission-sec .our-mission-body .our-m-box img {
    margin: 0 0 30px;
    padding: 0;
    width: 150px;
    z-index: 1;
    position: relative
}

.our-mission-sec .our-mission-body .our-m-box h3 {
    margin: 35px 0 12px;
    padding: 0;
    font-size: 34px;
    font-weight: 700;
    color: #fff
}

.our-mission-sec .our-mission-body .our-m-box:nth-child(2) h3 {
    color: #000;
    z-index: 1;
    position: relative
}

.our-mission-sec .our-mission-body .our-m-box:nth-child(2) p,
.our-mission-sec .our-mission-body .our-m-box:nth-child(3) p {
    color: #282828;
    font-weight: 500
}

.our-mission-sec .our-mission-body .our-m-box p {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px
}

.our-team-sec {
    margin: 0;
    padding: 20px 0 60px;
    position: relative
}

.our-team-sec h1 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 34px;
    font-weight: 700;
    color: #00604f;
    text-align: center
}

.our-team-sec p {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative;
    text-align: center
}

.our-team-sec .our-team-body {
    margin: 50px auto 0;
    padding: 0 30px;
    position: relative;
    max-width: 1280px
}

.our-team-sec .our-team-body .our-team-box {
    margin: 30px;
    padding: 50px;
    background: #fff;
    box-shadow: 0 5px 33px #00000029;
    height: 490px;
    text-align: left
}

.our-team-box .team-head {
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 24px;
    position: relative
}

.our-team-box .team-head .team-h-img {
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-size: cover !important
}

.our-team-box .team-head .team-h-title h3 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.our-team-box .team-head .team-h-title small {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #666d7a
}

.our-team-box .team-head .team-h-link {
    margin: auto;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 0 8px;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #154399
}

.our-team-box .team-head .team-h-link .fa-linkedin {
    font-size: 24px
}

.our-team-sec .our-team-body .our-team-box p {
    text-align: left;
    margin: 0 0 24px;
    font-weight: 400;
    font-size: 14px;
    max-width: 100%
}

.inner-banner-sec.features-inner-banner {
    background-size: cover;
    overflow: hidden;
    background-image: linear-gradient(186deg, #9ddcff00 11%, #9ddcff 31%, #9bffe0 50%, #fff0 100%)
}

.inner-banner-sec.features-inner-banner .inner-banner-left h1,
.inner-banner-sec.features-inner-banner .inner-banner-left h2 {
    line-height: 58px
}

.inner-banner-sec.features-inner-banner .inner-banner-left h1 span,
.inner-banner-sec.features-inner-banner .inner-banner-left h2 span {
    font-size: 40px
}

.features-inner-banner .inner-banner-right {
    margin: 40px -119px -80px 0;
    position: relative;
    max-width: 540px;
    transform: rotate(315deg)
}

.inner-features-category {
    margin: 50px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 18px;
    max-width: 550px
}

.inner-features-category a.features-c-box {
    margin: 0;
    padding: 0 8px;
    flex: 1;
    background: #fff;
    height: 120px;
    color: #000;
    border-radius: 25px;
    text-align: center;
    box-shadow: 0 5px 5px #0000001a
}

.inner-features-category a.features-c-box .f-c-img {
    margin: 14px 0 8px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #30b376
}

.inner-features-category a.features-c-box .f-c-img i,
.inner-features-category a.features-c-box .f-c-img span.material-symbols-outlined {
    font-size: 40px;
    font-variation-settings: 'wght' 300
}

.inner-features-category a.features-c-box h4 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    color: #000
}

.features-category-form .features-category-form-content {
    margin: 0 auto;
    padding: 40px 40px 40px 160px;
    max-width: 1240px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    grid-gap: 0 50px;
    background: #fff;
    border-radius: 15px;
    z-index: 1;
    overflow: hidden
}

.features-c-sec:after,
.features-c-sec:before {
    width: 150px;
    background: url('../images/pattern-primary.svg') center center/contain no-repeat;
    transform: rotate(180deg);
    position: absolute;
    content: '';
    height: 150px
}

.features-category-form .features-category-form-content:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/cta-blue-bg.svg") center center/cover no-repeat;
    filter: invert(1);
    opacity: .7
}

.f-c-form-left h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 36px;
    font-weight: 700;
    color: #004c3f
}

.f-c-form-left p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 21px;
    position: relative;
    max-width: 600px
}

.f-c-form-right button.all-btn {
    cursor: pointer;
    box-shadow: 0 5px 5px #0000001a
}

.features-category-form-box {
    margin: -300px auto 30px;
    padding: 5px;
    max-width: 1240px;
    background: linear-gradient(0deg, #008261, transparent);
    position: relative;
    z-index: 0;
    border-radius: 0 0 18px 18px;
    transition: .8s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.features-category-form-box.open {
    margin: -12px auto 30px;
    visibility: visible;
    opacity: 1
}

.features-category-form-box form {
    margin: 0;
    padding: 50px 50px 5px;
    background: #fff;
    border-radius: 0 0 18px 18px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 0 15px;
    flex-wrap: wrap
}

.features-category-form-box form .form-group label {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #343434;
    font-weight: 500
}

.features-category-form-box form .form-group {
    margin: 0 0 12px;
    padding: 0;
    flex: 1
}

.features-category-form-box form .form-group.full-form {
    width: 100%;
    flex: auto
}

.features-category-form-box form .form-group .form-control {
    margin: 0;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    border: 1px solid #00000017;
    box-shadow: 0 3px 2px #0000001f;
    border-radius: 9px
}

.features-category-form-box form .form-group.full-form.text-center {
    position: relative;
    margin: 20px 0 -28px
}

.features-category-form-box form .form-group.full-form.text-center input.all-btn {
    padding: 10px 51px
}

.features-c-sec {
    margin: 0;
    padding: 70px 0 25px;
    position: relative
}

.features-c-sec:before {
    top: 14px;
    left: 19px
}

.features-c-sec:after {
    bottom: 150px;
    right: 50px
}

.features-title-sec {
    margin: 0 auto 60px;
    padding: 0 40px;
    position: relative;
    max-width: 1190px;
    text-align: left
}

.features-c-sec h1,
.features-c-sec h2 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 28px;
    color: #000;
    font-weight: 700
}

.features-title-sec p,
.feqatures-title-list ul li {
    font-weight: 400;
    color: #514f59;
    font-size: 14px;
    line-height: 21px;
    position: relative
}

.features-title-sec p {
    margin: 15px 0 20px;
    padding: 0;
    max-width: 862px
}

.features-title-sec h3 {
    margin: 45px 0 15px;
    padding: 0;
    font-size: 18px;
    color: #005747;
    font-weight: 700
}

.feqatures-title-list {
    margin: 20px 0 40px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    gap: 0 5%
}

.feqatures-title-list ul li {
    margin: 0 0 16px;
    padding: 0 0 0 21px;
    max-width: 430px
}

.feqatures-title-list ul li i {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #008765;
    position: absolute;
    left: 0
}

.features-c-sec .features-c-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1190px;
    display: flex;
    justify-content: flex-start;
    grid-gap: 0 30px;
    flex-wrap: wrap
}

.features-c-sec .features-c-body .f-c-box {
    margin: 0 0 30px;
    padding: 15px;
    text-align: center;
    max-width: 30%;
    border: 1px solid #00000008;
    border-radius: 25px;
    box-shadow: 0 2px 2px #00000014
}

.content-management-body .f-c-box img {
    margin: 0 auto;
    max-width: 180px;
    height: 160px
}

.features-c-sec .features-c-body .f-c-box h3 {
    margin: 24px 0 18px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    transition: .3s ease-in-out
}

.features-c-sec .features-c-body .f-c-box p {
    margin: 15px 0 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative;
    max-width: 600px;
    transition: .3s ease-in-out
}

.features-c-sec .features-c-body .f-c-box:hover h3,
.features-c-sec .features-c-body .f-c-box:hover p {
    color: #059365
}

.inner-banner-sec.flexible-inner-banner {
    position: relative;
    overflow: hidden;
    background-image: radial-gradient(#fff2d5 20%, #ecfffc 150%)
}

.flexible-inner-banner .inner-banner-body {
    display: block;
    text-align: center
}

.flexible-inner-banner .inner-banner-body h3 {
    margin: 50px 0 5px;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: #004c3f
}

.flexible-inner-banner .inner-banner-body h1,
.flexible-inner-banner .inner-banner-body h2 {
    margin: 20px 0 10px;
    padding: 0;
    font-size: 62px;
    font-weight: 700;
    color: #8d6309;
    line-height: 55px
}

.flexible-inner-banner .inner-banner-body h1 span,
.flexible-inner-banner .inner-banner-body h2 span {
    font-size: 40px;
    display: block
}

.flexible-inner-banner .inner-banner-body img {
    margin: 50px 0 0;
    padding: 0;
    filter: drop-shadow(0 -5px 4px #0000001c)
}

.flexible-design-title {
    margin: 20px 0 0;
    padding: 0;
    position: relative
}

.flexible-design-title .flexible-design-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1210px;
    border-left: 5px solid #000
}

.flexible-design-title .flexible-design-body h1,
.flexible-design-title .flexible-design-body h2 {
    font-size: 26px;
    font-weight: 700;
    color: #008765;
    margin: 0 0 16px
}

.flexible-design-left p,
.flexible-design-title .flexible-design-body p,
.membership-dashboard-boxes .membership-dashboard-box p,
.membership-dashboard-right p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    color: #484848
}

.flexible-design-sec {
    margin: 90px 0 50px;
    padding: 0;
    position: relative;
    overflow: hidden
}

.flexible-design-sec .flexible-design-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1180px;
    gap: 0 5%
}

.flexible-design-sec .flexible-design-body .flexible-design-left,
.privacy-policy-details .privacy-p-body .privacy-p-content {
    margin: 0;
    padding: 0;
    flex: 2;
    position: relative
}

.flexible-design-sec .flexible-design-body .flexible-design-right {
    margin: 0;
    padding: 0;
    flex: 3;
    position: relative;
    text-align: center
}

.flexible-design-sec .flexible-design-body .flexible-design-right:before {
    position: absolute;
    content: '';
    right: -140px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 70%;
    background: linear-gradient(90deg, #7487005c, #fff);
    z-index: -1;
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%)
}

.flexible-design-left h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #000;
    margin: 0 0 16px
}

.flexible-design-left h3 {
    font-size: 20px;
    font-weight: 700;
    color: #008765;
    margin: 0 0 15px
}

.membership-inner {
    background: #ffffff75 !important;
    backdrop-filter: blur(10px)
}

.addons-2nd-sec .addons-2nd-body .addons-2nd-box,
.marketing-focus-content .marketing-focus-title,
.marketing-focus-content ul,
.membership-inner-banner .inner-banner-left {
    flex: 1
}

.inner-banner-sec.membership-inner-banner {
    padding: 150px 0 50px;
    background: #fefcf0
}

.membership-inner-banner .inner-banner-right {
    max-width: 590px;
    filter: none;
    flex: 1
}

.membership-inner-banner .inner-banner-right:before {
    position: absolute;
    content: '';
    top: -42%;
    right: -101%;
    width: 800px;
    height: 800px;
    background: linear-gradient(210deg, #00e66a 10%, #fefcf0 80%);
    z-index: -1;
    border-radius: 100%
}

.membership-inner-banner .inner-banner-right img {
    border-radius: 40px
}

.membership-dashboard-sec {
    margin: 0;
    padding: 50px 0 0;
    position: relative
}

.membership-dashboard-sec .membership-dashboard-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%
}

.membership-dashboard-right h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    margin: 0 0 25px;
    line-height: 42px
}

.membership-dashboard-right h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin: 0 0 25px
}

.membership-dashboard-boxes {
    margin: 80px auto 30px;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    justify-content: flex-start;
    gap: 45px 5%;
    flex-wrap: wrap
}

.membership-dashboard-boxes .membership-dashboard-box {
    flex: 0 0 30%;
    position: relative;
    width: 30%
}

.membership-dashboard-boxes .membership-dashboard-box:before {
    position: absolute;
    content: '1';
    top: 0;
    right: 0;
    font-size: 160px;
    font-weight: 700;
    color: #00000017;
    line-height: 112px
}

.faq-sec .faq-content .card:nth-child(2):before,
.membership-dashboard-boxes .membership-dashboard-box:nth-child(2):before {
    content: '2'
}

.faq-sec .faq-content .card:nth-child(3):before,
.membership-dashboard-boxes .membership-dashboard-box:nth-child(3):before {
    content: '3'
}

.faq-sec .faq-content .card:nth-child(4):before,
.membership-dashboard-boxes .membership-dashboard-box:nth-child(4):before {
    content: '4'
}

.faq-sec .faq-content .card:nth-child(5):before,
.membership-dashboard-boxes .membership-dashboard-box:nth-child(5):before {
    content: '5'
}

.faq-sec .faq-content .card:nth-child(6):before,
.membership-dashboard-boxes .membership-dashboard-box:nth-child(6):before {
    content: '6'
}

.faq-sec .faq-content .card:nth-child(7):before,
.membership-dashboard-boxes .membership-dashboard-box:nth-child(7):before {
    content: '7'
}

.membership-dashboard-boxes .membership-dashboard-box span {
    margin: 0 0 22px;
    padding: 0;
    font-size: 64px;
    color: #53c356
}

.membership-dashboard-boxes .membership-dashboard-box h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 18px;
    max-width: 300px
}

.membership-box-2 {
    margin: 30px auto;
    padding: 40px 0;
    max-width: 1240px;
    border-top: 1px solid #d3d3d3
}

.membership-box-2 h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 32px;
    font-weight: 600;
    color: #000;
    max-width: 800px
}

.membership-box-2 h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    color: #000
}

.membership-box-2 p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    color: #484848;
    text-align: justify;
    max-width: 800px
}

.membership-box-list {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #70e3c6;
    display: flex;
    justify-content: space-between;
    gap: 0 5%
}

.membership-box-list .membership-boxes {
    margin: 30px 0 0;
    flex: 1
}

.membership-box-list .membership-boxes h3 {
    font-size: 20px;
    font-weight: 700;
    color: #906509;
    margin: 0 0 18px;
    max-width: 300px;
    text-decoration: underline
}

.membership-dashboard-sec .features-title-sec {
    margin: 50px auto 60px;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    text-align: left
}

.content-inner-banner::before {
    position: absolute;
    content: '';
    top: -30%;
    left: -27%;
    width: 800px;
    height: 800px;
    background: linear-gradient(150deg, #96ffc6b3 10%, #fefcf0 80%);
    z-index: -1;
    border-radius: 100%;
    clip-path: none
}

.inner-banner-sec.content-inner-banner .inner-banner-right {
    filter: none
}

.content-m-sec {
    margin: 50px 0 0;
    padding: 0;
    position: relative
}

.content-m-sec .content-m-body {
    margin: 0 auto;
    padding: 24px;
    max-width: 1240px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%;
    background: linear-gradient(45deg, #d6ffe4, #fffce9);
    border-radius: 20px;
    border: 1px solid
}

.blogging-content-body {
    flex-direction: column;
    gap: 30px 5% !important
}

.content-m-body .content-m-left {
    margin: 0;
    padding: 0;
    flex: 2;
    overflow: hidden;
    border-radius: 15px
}

.content-m-body .content-m-right {
    margin: 0;
    padding: 0;
    flex: 3;
    width: 100%
}

.content-m-right h2 {
    font-size: 32px;
    font-weight: 700;
    color: #00503e;
    margin: 0 0 10px;
    line-height: 42px
}

.content-m-right p {
    margin: 0 0 40px;
    padding: 0;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    max-width: 520px
}

.content-m-sec .content-m-box {
    margin: 0 auto;
    padding: 0;
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
    gap: 0 5%;
    border-radius: 20px
}

.content-m-img {
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
    height: 375px;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-m-box h2 {
    font-size: 25px;
    font-weight: 700;
    color: #00503e;
    margin: 23px 0 15px
}

.content-m-box p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    max-width: 520px
}

.content-m-inner-boxes {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 0 3%;
    margin: 0 0 30px
}

.content-m-inner-boxes .content-m-inner-box {
    margin: 0;
    padding: 13px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 2px #0000001a;
    flex: 1
}

.content-m-inner-boxes .content-m-inner-box i {
    margin: 0;
    font-size: 40px;
    color: #42872c
}

.content-m-inner-boxes .content-m-inner-box h3 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 8px 0 7px;
    max-width: 260px
}

.content-m-inner-boxes .content-m-inner-box p {
    margin: 7px 0 0;
    padding: 0;
    font-size: 13px;
    color: #484848;
    font-weight: 400;
    line-height: 18px
}

.inner-banner-sec.payment-gateway-banner {
    min-height: 600px
}

.payment-gateway-banner .inner-banner-body {
    display: block;
    padding: 30px 40px;
    text-align: center
}

.payment-gateway-banner .inner-banner-body h3 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: #004c3f
}

.payment-gateway-banner .inner-banner-body h1,
.payment-gateway-banner .inner-banner-body h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 38px;
    font-weight: 700;
    color: #8d6309
}

.payment-g-img {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1040px;
    position: relative
}

.payment-g-banner {
    margin: -270px 0 0;
    padding: 0;
    position: relative
}

.how-to-use-bd-banner {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.how-to-use-bd-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../images/integrations-bg.svg") center center/cover no-repeat;
    filter: grayscale(1)
}

.how-to-use-bd-banner:after,
.inner-banner-sec.pricing-banner:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(360deg, #fff, #fff0)
}

.how-to-use-bd-banner .how-to-use-bd-banner-body {
    margin: 0 auto;
    padding: 175px 0 0;
    max-width: 1320px;
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 1
}

.color-setup-sec:after,
.color-setup-sec:before {
    height: 380px;
    width: 380px;
    background-size: 100% 100%;
    content: ''
}

.how-to-use-bd-banner .how-to-use-bd-banner-body h1 {
    margin: 0 0 11px;
    padding: 0;
    font-size: 60px;
    font-weight: 800;
    color: #000
}

.how-to-use-bd-banner .how-to-use-bd-banner-body p {
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    color: #008765;
    text-decoration: underline
}

.how-to-use-bd-banner .how-to-use-bd-banner-body .how-to-use-bd-banner-bg {
    margin: 50px 0 0;
    padding: 0;
    width: 100%;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.dedicated-plan-sec,
.use-bd-sec {
    margin: 0;
    padding: 50px 0;
    text-align: center;
    position: relative
}

.use-bd-sec h3.how-to-use-bd-subtitle {
    margin: 0 0 55px;
    font-size: 30px;
    font-weight: 600;
    color: #000
}

.use-bd-sec .use-bd-list {
    display: flex;
    justify-content: center;
    grid-gap: 0 30px;
    max-width: 950px;
    margin: 0 auto;
    flex-wrap: wrap
}

.use-bd-sec .use-bd-list .use-bd--box {
    margin: 0 0 37px;
    padding: 22px;
    width: 30%;
    box-shadow: 0 3px 7px #00000030;
    border-radius: 15px;
    background: linear-gradient(45deg, #f1fffe, transparent);
    min-height: 170px
}

.use-bd-sec .use-bd-list .use-bd--box i {
    margin: 0 0 15px;
    padding: 0;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #007e5e94, transparent);
    border-radius: 50px;
    font-size: 16px;
    color: #000
}

.use-bd-sec .use-bd-list .use-bd--box h4 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    min-height: 40px;
    color: #000;
    line-height: 20px
}

.web-setup-sec {
    position: relative;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg, #fbf7ed, #ecfffa, #fff)
}

.web-setup-sec .web-setup-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 110px;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

.web-setup-img {
    margin: 0;
    padding: 0;
    width: 50%
}

.web-setup-content {
    margin: 0;
    padding: 0;
    width: 38%
}

.web-setup-content h2 {
    margin: 50px 0 10px;
    padding: 0;
    position: relative;
    font-size: 40px;
    font-weight: 700;
    color: #004c3f
}

.web-setup-content h2:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 183px;
    width: 66px;
    height: 4px;
    background: #008664
}

.web-setup-content p {
    margin: 0 0 50px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    position: relative;
    max-width: 430px
}

.web-setup-content .web-setup-content-list {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 24px;
    flex-wrap: wrap
}

.web-setup-content .web-setup-content-list .web-setup-content-box {
    margin: 0 0 15px;
    padding: 0;
    flex: 0 0 auto;
    width: 45%
}

.web-setup-content .web-setup-content-list .web-setup-content-box h3 {
    margin: 0 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #00624a
}

.web-setup-content .web-setup-content-list .web-setup-content-box p {
    margin: 0 0 7px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #36363c;
    line-height: 20px;
    position: relative
}

.web-setup-content .web-setup-content-list .web-setup-content-box span.material-symbols-outlined {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-variation-settings: 'wght' 400;
    color: #00876575
}

.color-setup-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    overflow: hidden
}

.color-setup-sec:before {
    position: absolute;
    top: -23px;
    left: -175px;
    border-radius: 100%;
    border: 51px solid #fbf7ed;
    z-index: 0
}

.color-setup-sec:after {
    position: absolute;
    bottom: -10px;
    right: -189px;
    border-radius: 100%;
    border: 51px solid #fbf7ed;
    z-index: -5
}

.color-setup-sec .color-setup-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1220px;
    position: relative
}

.color-setup-sec .color-setup-body h2,
.pricing-box-sec h2 {
    margin: 0 0 55px;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    text-align: center
}

.color-setup-sec .color-setup-body .color-setup-bottom,
.color-setup-sec .color-setup-body .color-setup-top {
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 2%;
    position: relative;
    max-width: 735px
}

.color-setup-sec .color-setup-body .color-setup-bottom {
    margin: 0 auto 0 0
}

.color-setup-sec .color-setup-body .color-setup-box {
    margin: 0 0 60px;
    padding: 12px 22px;
    width: 45%;
    box-shadow: 5px 5px 7px #0000001a;
    border-radius: 15px;
    background: linear-gradient(128deg, #d8f1ed, #fff);
    min-height: 150px;
    position: relative
}

.color-setup-sec .color-setup-body .color-setup-box span.material-symbols-outlined {
    margin: 0;
    padding: 0 16px;
    width: 61px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 52px 0 0 52px;
    background: linear-gradient(90deg, #007e5e94, #ddf3ef);
    color: #000;
    font-variation-settings: 'wght' 400;
    position: absolute;
    left: -50px;
    top: 0
}

.color-setup-sec .color-setup-body .color-setup-box h3 {
    margin: 5px 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #00624a
}

.color-setup-sec .color-setup-body .color-setup-box p {
    margin: 17px 0 7px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    position: relative
}

.bd-tab-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: #f9f5eb
}

.bd-tab-sec .tabs.bd-tab-body {
    position: relative;
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 50px;
    min-height: 500px
}

.bd-tab-sec .tabs.bd-tab-body ul.tab-links {
    min-width: 25%
}

.tab-links li {
    margin: 0;
    padding: 0
}

.tab-links a {
    padding: 0;
    display: flex;
    transition: .15s linear;
    height: 80px;
    border-bottom: 2px dashed #00000021;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 0 15px
}

.tab-links a .tab-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #2e2e2e;
    transition: .3s ease-in-out
}

.tab-links li.active .tab-text {
    color: #149070
}

.tab-links a .tab-text span {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px;
    font-weight: 500
}

.tab-links a span.material-symbols-outlined {
    font-size: 32px;
    color: #008765
}

.tab-content {
    padding: 40px 60px 70px;
    position: relative
}

.tab-content:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../images/bright-directories/dotted-bg.webp") center center/contain;
    opacity: .2;
    z-index: 0;
    mix-blend-mode: darken
}

.tab-content .tab .bd-tab-content {
    background: #62c594;
    padding: 20px;
    border-radius: 20px;
    position: absolute;
    bottom: -35px;
    right: -45px;
    max-width: 400px;
    width: 100%;
    background: linear-gradient(225deg, #e8ffbb, #62c594);
    min-height: 240px;
    box-shadow: 0 4px 6px #0000002e
}

.tab-content #tab2 .bd-tab-content {
    background: linear-gradient(225deg, #8fffb7, #89aae7);
    left: -40px;
    max-width: 500px
}

.tab-content #tab3 .bd-tab-content {
    background: linear-gradient(225deg, #78d9c1, #ffe7ba);
    right: -40px;
    max-width: 500px
}

.tab-content .tab .bd-tab-content h3 {
    margin: 5px 0 15px;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, .2))
}

.tab-content .tab .bd-tab-content ul li {
    margin: 0 0 10px;
    padding: 0 0 0 35px;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    position: relative;
    display: block
}

.tab-content .tab .bd-tab-content ul li span {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: -2px;
    color: #fff
}

.inner-banner-sec.pricing-banner {
    margin: 0;
    padding: 130px 0 50px;
    position: relative;
    min-height: 500px
}

.inner-banner-sec.pricing-banner::before {
    clip-path: unset;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/integrations-bg.svg) center center/cover no-repeat;
    filter: grayscale(1)
}

.inner-banner-sec.pricing-banner .inner-banner-body {
    position: relative;
    z-index: 1
}

.pricing-banner .inner-banner-left h1 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 40px;
    font-weight: 700;
    color: #8d6309;
    line-height: 41px
}

.pricing-banner .inner-banner-left h1 span {
    display: block;
    font-size: 32px
}

.pricing-banner .inner-banner-right {
    filter: none;
    max-width: 590px
}

.pricing-box-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: linear-gradient(180deg, #f9f9f9, #ffffff00)
}

.pricing-box-body {
    margin: 0 auto;
    /*padding: 0 40px;*/
    max-width: 1320px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 35px;
}

.pricing-box-body .pricing-box {
    padding: 30px 20px 35px;
    border-radius: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 7%), 0 10px 30px -10px rgb(0 0 0 / 15%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 7%), 0 10px 30px -10px rgb(0 0 0 / 15%);
    text-align: center;
    position: relative;
    overflow: hidden;
    flex: 1
}

.pricing-box-body .pricing-box:first-child {
    background: #131316
}

.pricing-box-body .pricing-box h5 {
    position: absolute;
    top: 37px;
    right: -174px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transform: rotate(45deg);
    background: linear-gradient(45deg, #008765, #fffd96);
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.pricing-box-body .pricing-box span.material-symbols-outlined {
    margin: 12px 0 24px;
    font-size: 95px;
    color: #af8d43
}

.pricing-box-sec .pricing-box-body .pricing-box:first-child span.material-symbols-outlined {
    color: #ffd883
}

.pricing-box-body .pricing-box h4 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #004c3f
}

.inner-banner-sec.dedicated.pricing-banner .inner-banner-left h3,
.inner-banner-sec.dedicated.pricing-banner .inner-banner-left p,
.pricing-box-body .pricing-box:first-child h4 {
    color: #fff
}

.pricing-box-body .pricing-box ul {
    min-height: 380px;
    margin: 0 0 40px;
    border-bottom: 1px solid #83838361
}

.pricing-box-body .pricing-box ul li {
    margin: 0 auto 15px;
    padding: 0 0 0 25px;
    font-size: 14px;
    max-width: 335px;
    text-align: left;
    color: #000;
    position: relative
}

.pricing-box-body .pricing-box:first-child ul li {
    color: #ffffffe6;
    font-weight: 300
}

.pricing-box-body .pricing-box ul li span.material-symbols-outlined {
    font-size: 20px;
    margin: 0 3px 0 0;
    font-variation-settings: 'wght' 500;
    position: absolute;
    left: 0;
    color: #008765
}

.pricing-box-body .pricing-box small {
    position: relative;
    margin: 20px 0;
    padding: 0 0 20px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #b9821d;
    border-bottom: 1px solid #0000001f;
    text-transform: uppercase;
    font-weight: 600
}

.pricing-box-body .pricing-box:first-child small {
    color: #fff;
    border-bottom: 1px solid #ffffff40
}

.pricing-box-body .pricing-box h3 {
    margin: 7px 0;
    padding: 0;
    display: inline-flex;
    background: #fbf7ed;
    width: 270px;
    height: 65px;
    font-size: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #000;
    font-weight: 600
}

.pricing-box-body .pricing-box a.all-btn {
    width: 160px;
    text-align: center;
    justify-content: center
}

.all-plan-sec {
    margin: 0;
    padding: 30px 0 80px;
    position: relative;
    background: linear-gradient(0deg, #f9fff9, #ffffff00)
}

.all-plan-sec h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #004c3f;
    text-align: center
}

.all-plan-sec h3 a {
    margin: 0 0 0 11px;
    padding: 10px 32px;
    border: 1px solid #ffb74b;
    color: #ffb74b;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px
}

.all-plan-sec h2 {
    margin: 34px 0 55px;
    font-size: 34px;
    font-weight: 600;
    color: #000;
    text-align: center
}

.all-plan-sec .all-plan-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    justify-content: space-between;
    grid-gap: 0 35px;
    z-index: 1
}

.all-plan-sec .all-plan-body .all-plan-box {
    margin: 0;
    padding: 15px;
    flex: 1;
    background: linear-gradient(45deg, #f7fffe, #fff);
    box-shadow: 0 3px 2px #0000001a;
    border: 3px solid #007a5b1f;
    border-radius: 15px
}

.all-plan-sec .all-plan-body .all-plan-box li {
    margin: 0 auto 10px;
    padding: 0 0 0 20px;
    font-size: 13px;
    text-align: left;
    color: #000000bf;
    position: relative;
    font-weight: 500
}

.all-plan-sec .all-plan-body .all-plan-box li:before {
    position: absolute;
    content: '\e877';
    top: -3px;
    left: 0;
    font-size: 17px;
    color: #008765;
    font-family: 'Material Symbols Outlined'
}

header.main-header.inner-header.dedicated-p-header {
    background: #fff
}

.inner-banner-sec.dedicated.pricing-banner {
    background: url("../images/pricing/pricing-2-bg.jpg") top center/cover no-repeat;
    min-height: 782px
}

.inner-banner-sec.dedicated.pricing-banner .inner-banner-left {
    width: 100%;
    text-align: center;
    margin: 60px 0 0
}

.inner-banner-sec.dedicated.pricing-banner .inner-banner-left h1 {
    color: #e5b95b
}

.dedicated-plan-sec .d-plan-body h2 {
    margin: 0 0 30px;
    text-align: center;
    font-size: 20px;
    color: #004c3f;
    line-height: 40px
}

.dedicated-plan-sec .d-plan-body h2 span {
    display: block;
    font-size: 40px;
    color: #000
}

.dedicated-plan-sec .d-plan-body p {
    margin: 0 auto 5px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    line-height: 22px
}

.marketing-focus-body {
    margin: 46px auto 0;
    padding: 19px;
    max-width: 1150px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 5%;
    border: 5px solid #8bc7816b;
    border-radius: 12px;
    background: #fff;
    box-shadow: rgb(3 15 39 / 20%) 0 2px 3px -1px;
    text-align: left
}

.marketing-focus-body .marketing-focus-img {
    margin: 0;
    padding: 0;
    min-width: 290px;
    height: 195px;
    border-radius: 7px;
    background: url("../images/pricing/startup-img2.jpg") center center/cover no-repeat
}

.marketing-focus-content {
    display: flex;
    justify-content: space-between;
    gap: 0 10%
}

.marketing-focus-body .marketing-focus-content h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #906509
}

.marketing-focus-body .marketing-focus-content p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    line-height: 22px
}

.marketing-focus-body .marketing-focus-content ul li {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap: 0 10px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    line-height: 22px
}

.d-pricing-tab-links a:hover,
.d-pricing-tab-links li.active a,
.d-pricing-tab-links li.active a:hover {
    color: #fff;
    background: #008765
}

.marketing-focus-body .marketing-focus-content ul li span {
    color: #008765;
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 48
}

.d-pricing-tab {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 40px 50px;
    max-width: 1240px;
    position: relative;
    border-bottom: 1px solid #cbcbcb
}

.d-pricing-tab ul.d-pricing-tab-links {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cee8ca;
    gap: 0 10px;
    padding: 6px;
    max-width: fit-content;
    margin: 10px auto 50px;
    border-radius: 8px
}

.d-pricing-tab-links li {
    margin: 0;
    list-style: none
}

.d-pricing-tab-links a {
    padding: 12px 30px;
    display: inline-block;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    transition: .15s linear
}

.d-pricing-tab-links a:hover {
    text-decoration: none
}

.d-pricing-tab .tab-content {
    padding: 15px;
    background: #fff
}

.d-pricing-tab h2 {
    margin: 0;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    right: 22%;
    top: -35px;
    background: #e0e7ed;
    border-radius: 11px
}

.d-pricing-tab h2:before {
    position: absolute;
    content: '';
    top: 37px;
    left: -60px;
    width: 68px;
    height: 40px;
    background: url("../images/pricing/arrow-left.svg") center center/cover no-repeat
}

.contact-us-sec .contact-us-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    gap: 0 4%
}

.contact-us-sec .contact-us-body .contact-us-left p {
    margin: 0 0 16px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative
}

.contact-us-sec .contact-us-body .contact-us-left img {
    margin: 0 0 20px;
    padding: 0;
    border-radius: 15px;
    overflow: hidden
}

.contact-details {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    position: relative;
    flex-wrap: wrap
}

.contact-details .contact-details-box {
    margin: 0 0 10px;
    flex: 45%;
    position: relative
}

.contact-details .contact-details-box h4 {
    margin: 25px 0 12px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.contact-details .contact-details-box a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 7px;
    font-size: 14px;
    color: #008765;
    font-weight: 400
}

.contact-us-sec .contact-us-body .contact-us-right form {
    margin: 0;
    padding: 20px;
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 0 10px;
    flex-wrap: wrap;
    border-radius: 15px;
    box-shadow: 0 2px 16px #0000001a
}

.contact-us-right .form-group label {
    margin: 12px 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: #006049;
    display: block
}

.contact-us-sec .contact-us-body .contact-us-right .form-group .form-control {
    margin: 0;
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #4e4e4e;
    height: 42px;
    border: 2px solid #e3e3e3;
    transition: .3s ease-in-out;
    box-shadow: none
}

.contact-us-sec .contact-us-body .contact-us-right .form-group .form-control::placeholder {
    color: #8b8989 !important
}

.contact-us-sec .contact-us-body .contact-us-right .form-group .form-control:focus {
    border: 2px solid #008765 !important
}

.contact-map,
.contact-map iframe {
    border-radius: 15px
}

.contact-us-sec .contact-us-body .contact-us-right .form-group textarea.form-control {
    height: 150px
}

.contact-map {
    margin: 50px auto 0;
    padding: 10px;
    max-width: 1260px;
    box-shadow: 0 2px 16px #0000001a
}

.inner-banner-sec.themes-inner-banner {
    padding: 30px 0 0;
    height: 680px !important;
    overflow: hidden
}

.faq-inner-banner::before,
.privacy-inner-banner::before,
.themes-inner-banner::before {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
    background-image: linear-gradient(264.19deg, #ffedab91 15%, #26ee9f78 46.75%, #15bcdf55 103.04%)
}

.faq-inner-banner::after,
.privacy-inner-banner::after,
.themes-inner-banner::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(100% 68% at 70% 15%, #0000 40%, #fff 118%), conic-gradient(from 90deg at 1px 1px, #0000 90deg, #cad4d733 0)
}

.who-need-theme-sec:after,
.who-need-theme-sec:before {
    content: '';
    background: url("../images/theme/cube.png") center center/cover no-repeat;
    filter: blur(5px);
    opacity: .5
}

.inner-banner-sec.themes-inner-banner h1,
.inner-banner-sec.themes-inner-banner h2 {
    font-size: 48px;
    line-height: 58px;
    color: #000
}

.inner-banner-sec.themes-inner-banner h1 span,
.inner-banner-sec.themes-inner-banner h2 span {
    font-size: 46px;
    color: #000
}

.ecommerce-directory-sec,
.theme-intro-sec {
    margin: 0;
    padding: 50px 0;
    position: relative
}

.theme-intro-sec .theme-intro-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 0 5%;
    align-items: center
}

.event-management-sec .event-management-body .event-management-list,
.theme-intro-sec .theme-intro-body .theme-intro-left {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1
}

.theme-intro-body .theme-intro-right h1,
.theme-intro-body .theme-intro-right h2 {
    font-size: 34px;
    margin: 40px 0 15px;
    font-weight: 700;
    color: #000
}

.theme-intro-body .theme-intro-right p {
    margin: 15px 0 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative;
    max-width: 600px
}

.theme-intro-box {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 0 20px
}

.about-theme-sec .about-theme-body .theme-intro-box {
    max-width: 900px;
    margin: 0 auto
}

.theme-intro-box .theme-intro-list {
    margin: 25px 0 0;
    padding: 0 0 0 38px;
    flex: 1;
    position: relative
}

.theme-intro-box .theme-intro-list:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(45deg, #78e7cb, #f8e2c8);
    border-radius: 50px
}

.theme-intro-box .theme-intro-list h3 {
    margin: 0 0 8px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.ed-faq-sec .ed-faq-body .ed-faq-list ul li,
.theme-intro-box .theme-intro-list ul li {
    margin: 0 0 7px;
    padding: 0 0 0 24px;
    font-size: 13px;
    font-weight: 500;
    color: #36363c;
    line-height: 20px;
    position: relative
}

.theme-intro-box .theme-intro-list ul li i {
    position: absolute;
    left: 0;
    top: 1px;
    color: #906509
}

.about-theme-sec {
    margin: 30px 0;
    padding: 0;
    position: relative
}

.about-theme-sec .about-theme-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1140px;
    position: relative
}

.about-theme-sec .about-theme-body h2 {
    font-size: 38px;
    margin: 40px 0 34px;
    font-weight: 700;
    color: #000;
    text-align: center
}

.about-theme-sec .about-theme-body h2 span {
    color: #007c5d
}

.about-theme-sec .about-theme-body .about-business-s-img {
    margin: 20px 0;
    padding: 0;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px
}

.about-theme-sec .about-theme-body p {
    margin: 34px auto 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 23px;
    max-width: 900px
}

.who-need-theme-sec {
    margin: 50px 0;
    padding: 50px 0;
    background: #008765;
    position: relative
}

.who-need-theme-sec:before {
    position: absolute;
    top: -25px;
    left: 250px;
    width: 300px;
    height: 300px;
    transition: .5s ease-in-out
}

.who-need-theme-sec:after {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 180px;
    height: 180px;
    transition: .5s ease-in-out 1s
}

.who-need-theme-sec:hover:after,
.who-need-theme-sec:hover:before {
    filter: blur(1px);
    opacity: 1
}

.who-need-theme-sec .who-need-theme-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%
}

.who-need-theme-sec .who-need-theme-body .who-need-left h2 {
    font-size: 58px;
    margin: 40px 0 35px;
    font-weight: 700;
    color: #fff
}

.who-need-theme-sec .who-need-theme-body .who-need-left h2 span {
    display: block;
    color: #ebbd5a
}

.who-need-theme-sec .who-need-theme-body .who-need-left p {
    margin: 15px 0 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #ebebeb;
    line-height: 21px;
    position: relative;
    max-width: 522px
}

.advantage-sec {
    margin: 70px 0 0;
    padding: 5px 0 80px;
    position: relative;
    background: #f9f9f9
}

.advantage-sec .advantage-body h2 {
    font-size: 34px;
    margin: 40px 0 34px;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 50px
}

.advantage-sec .advantage-body h2 span {
    display: block;
    font-size: 45px;
    color: #906509;
    font-weight: 700
}

.advantage-sec .advantage-body p {
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 675px;
    text-align: center;
    font-size: 14px
}

.advantage-sec .advantage-body .inner-features-category {
    max-width: 100%;
    grid-gap: 0 30px;
    position: relative
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box {
    height: 212px;
    box-shadow: 0 4px 5px #0000001a;
    border: 1px solid #e9e9e9;
    background: linear-gradient(45deg, #b0ff9c14, #fff);
    text-align: left;
    padding: 5px 20px;
    cursor: pointer
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box .f-c-img {
    justify-content: flex-start
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box .f-c-img span.material-symbols-outlined {
    font-size: 66px
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box h4 {
    font-size: 14px;
    line-height: 18px;
    min-height: 40px
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box small {
    margin: 30px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    color: #e7af38
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box .features-c-box-overlay {
    position: absolute;
    top: 115%;
    right: 0;
    padding: 15px;
    text-align: left;
    height: 100%;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    background: linear-gradient(45deg, #e4fffc 0, #fff 25%, #fff 50%, #f3fff5 75%, #fff 100%);
    box-shadow: 0 3px 8px #00000017
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box:hover .features-c-box-overlay {
    opacity: 1;
    top: 101%;
    visibility: visible
}

.advantage-sec .advantage-body .inner-features-category a.features-c-box .features-c-box-overlay p {
    margin: 5px 0 0;
    padding: 0;
    font-size: 12px !important;
    text-align: left;
    color: #787878;
    font-weight: 500
}

.ecommerce-directory-sec h2 {
    margin: 0 auto 40px;
    padding: 20px 40px;
    max-width: 1320px;
    font-weight: 500;
    color: #000;
    line-height: 50px;
    text-align: center
}

.ecommerce-directory-sec h2 span {
    color: #8c6209;
    font-weight: 700;
    display: block;
    font-size: 46px
}

.ecommerce-directory-sec p {
    margin: 0 auto 70px;
    padding: 0;
    position: relative;
    max-width: 675px;
    text-align: center;
    font-size: 14px
}

.ecommerce-directory-sec .ecommerce-directory-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    grid-gap: 0 30px;
    align-items: flex-start
}

.ecommerce-directory-box {
    margin: 0;
    padding: 15px;
    width: 70%;
    background: #fbfbfb;
    border-radius: 10px
}

.box-design-sec,
section.list-box-sec {
    padding: 50px 0;
    position: relative;
    margin: 0
}

.addons-1st-sec .addons-1st-body .addons-1st-box ul li,
.ecommerce-directory-box ul li {
    margin: 0 0 15px;
    padding: 0 0 0 24px;
    font-size: 13px;
    font-weight: 500;
    color: #36363c;
    line-height: 20px;
    position: relative
}

.addons-1st-sec .addons-1st-body .addons-1st-box ul li:before,
.addons-2nd-sec .addons-2nd-body .addons-2nd-box ul li:before,
.ecommerce-directory-box ul li:before,
.ed-faq-sec .ed-faq-body .ed-faq-list ul li:before,
.privacy-p-content .privacy-p-box ul li:before {
    position: absolute;
    content: '\e037';
    top: 0;
    left: 0;
    font-size: 20px;
    color: #008765;
    font-family: 'Material Symbols Outlined'
}

.ecommerce-directory-sec .ecommerce-directory-body .ecommerce-directory-image-box {
    margin: 0;
    padding: 0;
    width: 65%;
    position: sticky;
    top: 0
}

section.list-box-sec {
    background: #fff8f1
}

section.list-box-sec .list-box-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    gap: 0 5%
}

.box-design-title h2,
.list-box-body .list-box-left h2,
.list-box-body .list-box-right h2 {
    padding: 0 0 16px;
    font-size: 30px;
    font-weight: 600;
    min-height: 100px;
    border-bottom: 2px solid;
    color: #000
}

.list-box-body .list-box-left h2,
.list-box-body .list-box-right h2 {
    margin: 0 0 60px;
    max-width: 530px
}

section.list-box-sec .list-box-body .list-box {
    margin: 0 0 30px;
    padding: 0;
    border-bottom: 1px solid
}

section.list-box-sec .list-box-body .list-box h3 {
    font-size: 18px;
    font-weight: 700;
    color: #cd955d;
    margin: 8px 0 7px;
    max-width: 260px;
    min-height: 46px
}

section.list-box-sec .list-box-body .list-box p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #36363c;
    line-height: 20px;
    max-width: 400px;
    min-height: 120px
}

.box-design-sec {
    background: #e9fff5
}

.box-design-sec .box-design-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    gap: 0 5%;
    align-items: flex-start;
    justify-content: space-between
}

.box-design-title {
    margin: 0;
    position: sticky;
    top: 0
}

.box-design-title h2 {
    margin: 0 0 20px
}

.box-design-title p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    color: #000;
    text-align: justify;
    max-width: 800px
}

.box-design-sec .box-design-body .box-design-info {
    display: flex;
    justify-content: space-between;
    gap: 0 2%;
    flex-wrap: wrap
}

.box-design-info-box {
    margin: 0 0 30px;
    padding: 15px;
    background: #fff;
    flex: 0 0 47%;
    border-bottom: 5px solid #81b9a7
}

.box-design-info-box h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1e5e44;
    margin: 0 0 14px;
    max-width: 260px;
    min-height: 46px
}

.box-design-info-box p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #36363c;
    line-height: 20px;
    min-height: 120px
}

.event-management-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: #005c44
}

.event-management-sec .event-management-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1320px;
    display: flex;
    gap: 0 5%
}

.event-management-list h3 {
    margin: 0 0 20px;
    padding: 0 0 16px;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    border-bottom: 2px solid;
    max-width: 400px
}

.event-management-list p {
    color: #fff;
    font-weight: 300
}

.event-management-list ul li {
    margin: 0 0 7px;
    padding: 0 0 0 24px;
    font-size: 13px;
    font-weight: 400;
    color: #ffffffbf;
    line-height: 20px;
    position: relative
}

.event-management-list ul li strong {
    color: #fff;
    font-weight: 600
}

.event-management-list ul li:before {
    position: absolute;
    content: '\e037';
    top: 0;
    left: 0;
    font-size: 20px;
    color: #ffec66;
    font-family: 'Material Symbols Outlined'
}

.event-management-sec .event-management-body .event-management-img {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.ed-faq-sec {
    margin: 25px 0 100px;
    padding: 0;
    position: relative
}

.ed-faq-sec .ed-faq-body h2 {
    margin: 0 0 70px;
    padding: 0;
    font-weight: 700;
    color: #000;
    font-size: 42px;
    line-height: 50px;
    text-decoration: underline
}

.ed-faq-sec .ed-faq-body .ed-faq-list,
.privacy-p-content .privacy-p-box {
    margin: 0 auto 20px;
    padding: 0 0 20px;
    max-width: 800px;
    border-bottom: 2px solid #e5e5e5
}

.ed-faq-sec .ed-faq-body .ed-faq-list h3 {
    margin: 0 0 20px;
    padding: 0 53px 0 0;
    font-size: 20px;
    font-weight: 600;
    height: 45px;
    color: #000;
    position: relative
}

.ed-faq-sec .ed-faq-body .ed-faq-list h3:before,
.privacy-p-content .privacy-p-box h3:before {
    position: absolute;
    content: '\f82c';
    top: 0;
    right: 0;
    font-size: 26px;
    color: #008765;
    font-family: 'Material Symbols Outlined';
    transform: rotate(90deg)
}

.ed-faq-sec .ed-faq-body .ed-faq-list p {
    margin: 0 auto 10px;
    padding: 0;
    position: relative;
    font-size: 14px
}

.themes-inner-header {
    background: linear-gradient(180deg, #fff 58%, #fff0) !important;
    padding: 20px 0 50px !important
}

.inner-banner-sec.faq-inner-banner {
    padding: 170px 0 0;
    min-height: fit-content;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.inner-banner-sec.faq-inner-banner .inner-banner-body h1 {
    margin: 0 0 70px;
    padding: 0;
    font-weight: 700;
    color: #000;
    font-size: 50px;
    line-height: 50px;
    text-decoration: underline
}

.faq-sec .faq-body h2 {
    position: relative;
    margin: 0 0 18px;
    padding: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #0a765d
}

.faq-sec .faq-body p {
    margin: 0 auto 10px;
    padding: 0;
    position: relative;
    text-align: center;
    font-size: 18px;
    max-width: 590px;
    color: #000
}

.faq-sec .faq-body p a {
    color: #adadad
}

.faq-sec .faq-content {
    margin: 50px auto;
    padding: 268px 40px 0 97px;
    max-width: 1000px;
    background: url("../images/faq-accordion-bg.png") 0 0/contain no-repeat;
    background-position-x: 70px;
    min-height: 932px
}

.faq-sec .faq-content .card {
    margin: 0;
    padding: 0 !important;
    position: relative;
    background: #fff;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important
}

.faq-sec .faq-content .card:before {
    position: absolute;
    content: '1';
    left: -81px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #bfbfbf;
    transition: .3s ease-in-out
}

.faq-sec .faq-content .card.showcard:before {
    font-size: 32px;
    color: #000
}

.faq-sec .faq-content .card:nth-child(8):before {
    content: '8'
}

.faq-sec .faq-content .card:nth-child(9):before {
    content: '9'
}

.faq-sec .faq-content .card:nth-child(10):before {
    content: '10'
}

.faq-sec .faq-content .card:nth-child(11):before {
    content: '11'
}

.faq-sec .faq-content .card .card-header {
    margin: 0;
    padding: 10px 20px;
    border: none;
    background: #fff;
    border-top: 1px solid #cdcdcd;
    border-radius: 0
}

.faq-sec .faq-content .card .card-header:before {
    position: absolute;
    content: '\e7cd';
    top: 0;
    right: 0;
    font-size: 22px;
    color: #cfcfcf;
    font-family: 'Material Symbols Outlined'
}

.faq-sec .faq-content .card .card-header button {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    color: #006850;
    text-decoration: none;
    white-space: pre-wrap
}

.faq-sec .faq-content .card .card-body {
    margin: 0;
    padding: 3px 20px 20px !important;
    font-size: 14px;
    min-height: 65px
}

.privacy-inner-banner .inner-banner-body {
    mix-blend-mode: multiply;
    grid-gap: 0 20%;
    margin: 40px auto 0
}

.inner-banner-sec.privacy-inner-banner {
    padding: 30px 0 0;
    height: 480px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.inner-banner-sec.privacy-inner-banner .inner-banner-body h1 {
    margin: 0 0 70px;
    padding: 0;
    font-weight: 700;
    color: #000;
    font-size: 50px;
    line-height: 50px
}

.privacy-policy-details .privacy-p-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 5%
}

.privacy-policy-details .privacy-p-body .privacy-p-sidebar {
    margin: 0;
    padding: 0;
    flex: 1;
    position: sticky;
    top: 0;
    transition: .3s ease-in-out
}

.privacy-policy-details .privacy-p-body .privacy-p-sidebar.positioned {
    top: 130px !important
}

.privacy-p-sidebar ul li a {
    margin: 0;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #363636;
    border-left: 1px solid #cbcbcb;
    display: flex;
    height: 35px;
    align-items: center;
    line-height: 16px;
    transition: .3s ease-in-out
}

.privacy-p-sidebar ul li.active a {
    color: #07a980;
    border-left: 2px solid #07a980
}

.privacy-p-content .privacy-p-box h3 {
    margin: 0 0 15px;
    padding: 0 53px 0 0;
    font-size: 22px;
    font-weight: 600;
    height: 45px;
    color: #000;
    position: relative
}

.privacy-p-content .privacy-p-box h3 span {
    margin: 0;
    padding: 0;
    font-weight: 500;
    left: -46px;
    position: absolute;
    color: #b9b9b9
}

.privacy-p-content .privacy-p-box h5 {
    margin: 0 0 7px;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.privacy-p-content .privacy-p-box p {
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word
}

.privacy-p-content .privacy-p-box ul li {
    margin: 0 0 10px;
    padding: 0 0 0 24px;
    font-size: 13px;
    font-weight: 500;
    color: #36363c;
    line-height: 20px;
    position: relative
}

.inner-banner-sec.addons-banner {
    position: relative;
    margin: 0;
    padding: 0;
    background: radial-gradient(circle at 137% 20%, #15bcdf 15%, #0000 35%), radial-gradient(circle at 105% 50%, #b4ff00c7 0, #0000 30%), radial-gradient(circle at 5% -20%, #00ff14 0, #0000 20%);
    min-height: 450px
}

.addons-banner-body {
    margin: 0 auto;
    padding: 100px 40px 0;
    max-width: 1320px;
    position: relative
}

.addons-banner-body h1 {
    margin: 100px 0 0;
    padding: 0;
    font-size: 52px;
    font-weight: 700;
    color: #000;
    line-height: 66px
}

.banner-img-sec {
    margin: 105px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #00000005
}

.banner-img-sec .banner-img-left {
    margin: 0;
    padding: 0;
    position: relative;
    height: 320px;
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-img-sec .banner-img-right {
    margin: 0;
    padding: 50px;
    position: relative;
    width: 50%
}

.banner-img-sec .banner-img-right h2 {
    margin: 0 0 22px;
    padding: 0;
    font-size: 39px;
    font-weight: 700;
    color: #000
}

.addons-banner-sec .addon-banner .addon-banner-left p,
.banner-img-sec .banner-img-right p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px
}

.addons-box-slider {
    display: flex;
    gap: 40px 2%;
    flex-wrap: wrap;
    margin: 50px 0 0
}

.addons-box-slider .addons-box {
    margin: 0;
    padding: 10px;
    flex: 0 0 23%;
    background: linear-gradient(45deg, #fff, #f6faff);
    box-shadow: -5px 5px 8px #0000001a;
    border-radius: 15px;
    overflow: hidden;
    text-align: center
}

.addons-box-sec .addons-box-body h2 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #005a4e
}

.addons-box-sec .addons-box-body p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    max-width: 600px;
    color: #6e6e6e
}

.addons-box-slider .addons-box .addon-img {
    margin: 28px auto 0;
    padding: 0;
    position: relative;
    width: 272px;
    height: 191px;
    background-size: 238px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    overflow: hidden;
}

.addons-box h3 {
    margin: 30px 0 15px;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.addons-box h3 span {
    height: auto;
    line-height: 18px
}

.addons-box-slider .addons-box:hover h3 {
    color: #369d6b
}

.addons-box-slider .owl-nav {
    position: absolute;
    top: -70px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 0 20px
}

.addons-box-slider .owl-nav button {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border-radius: 51px;
    box-shadow: 0 0 7px #00000029
}

.addons-banner-sec {
    margin: 98px 0 0;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 137% 20%, #15bcdf 15%, #0000 35%), radial-gradient(circle at 105% 50%, #b4ff0057 0, #ededed5e 30%), radial-gradient(circle at 5% -20%, #00ff14 0, #0000 20%)
}

.addons-banner-sec .addon-banner {
    margin: 0 auto;
    max-width: 1320px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 10%
}

.addons-banner-sec .addon-banner .addon-banner-left h1 {
    margin: 0 0 22px;
    padding: 0;
    font-size: 39px;
    font-weight: 700;
    color: #075353
}

section.addons-1st-sec {
    margin: 50px 0;
    position: relative;
    padding: 0 40px
}

.addons-1st-sec .addons-1st-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1120px
}

.addons-1st-sec .addons-1st-body h2,
.addons-4th-sec h2 {
    margin: 0 0 22px;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    color: rgb(0 0 0);
    text-align: center
}

.addons-1st-sec .addons-1st-body p {
    margin: 0 auto 49px;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    max-width: 525px;
    color: #747474
}

.addons-1st-sec .addons-1st-body .addons-1st-box {
    margin: 0;
    padding: 50px;
    background: #f2fbf7;
    border-radius: 15px
}

.addons-1st-sec .addons-1st-body .addons-1st-box h4 {
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: 600;
    color: #075337
}

.addons-1st-sec .addons-1st-body .addons-1st-box p {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: left;
    color: #000;
    margin: 0 0 30px
}

.addons-1st-sec .addons-1st-body a {
    margin: 40px auto 0;
    padding: 10px 22px;
    background: #ffde3b;
    color: #000 !important;
    border-radius: 5px;
    font-weight: 600 !important;
    font-size: 15px !important;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 0 13px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 3px 11px rgb(255 213 0 / 50%)
}

.ssl-security-list .ssl-security-box,
.ssl-security-list-2 .ssl-security-box {
    border: 1px solid #fff;
    height: 70px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    display: inline-flex;
    text-align: center
}

.ssl-security-list,
.ssl-security-list-2 {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0
}

.ssl-security-list {
    margin: 0;
    justify-content: space-between
}

.ssl-security-list .ssl-security-box {
    padding: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #42a766
}

.ssl-security-list-2 {
    margin: 20px 0 0;
    justify-content: space-between;
    flex-direction: column
}

.addons-2nd-sec,
.addons-4th-sec {
    margin: 0 0 50px
}

.ssl-security-list-2 .ssl-security-box {
    padding: 0;
    width: 100%;
    color: #000;
    background: #e5f1ce;
    align-items: center;
    justify-content: center
}

.addons-2nd-sec .addons-2nd-body {
    margin: 0 auto;
    padding: 40px;
    max-width: 1030px;
    display: flex;
    background: rgb(0 66 70) !important;
    border-radius: 20px;
    gap: 0 5%
}

.addons-2nd-sec .addons-2nd-body .addons-2nd-box h2 {
    margin: 0 0 30px;
    font-size: 26px;
    font-weight: 600;
    color: #dfc234
}

.addons-2nd-sec .addons-2nd-body .addons-2nd-box p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #fff
}

.addons-2nd-sec .addons-2nd-body .addons-2nd-box h4 {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 25px
}

.addons-2nd-sec .addons-2nd-body .addons-2nd-box ul li {
    margin: 0 0 12px;
    padding: 0 0 0 24px;
    font-size: 13px;
    font-weight: 400;
    color: #ffffffeb;
    line-height: 20px;
    position: relative
}

.addons-1st-sec .addons-1st-body .addons-1st-box ul li span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 4px;
    color: #000
}

.addons-2nd-body.addons-3rd-body {
    background: rgb(242 251 247) !important;
    border: 2px solid
}

.addons-2nd-body.addons-3rd-body .addons-2nd-box h2 {
    color: #004246
}

.addons-2nd-body.addons-3rd-body .addons-2nd-box p {
    color: #000;
    font-weight: 400
}

.addons-2nd-body.addons-3rd-body .addons-2nd-box ul li {
    font-size: 13px;
    font-weight: 500;
    color: #000000eb
}

.addons-4th-sec {
    padding: 50px 0 40px;
    background-color: #fff7e5
}

.addons-4th-sec p {
    margin: 0 auto 49px;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    max-width: 525px;
    color: rgb(0 0 0)
}

.addons-4th-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1110px;
    display: flex;
    gap: 0 3%;
    flex-wrap: wrap;
    justify-content: space-between
}

.addons-4th-body .addons-4th-box {
    margin: 0 0 40px;
    padding: 18px;
    flex: 0 0 48%;
    background: #fff;
    border-radius: 15px
}

.addons-4th-body .addons-4th-box h3 {
    margin: 0;
    padding: 10px 0 0 54px;
    font-size: 18px;
    font-weight: 600;
    position: relative
}

.addons-4th-body .addons-4th-box h3 span {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #6ed19a;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.addons-4th-body .addons-4th-box p {
    margin: 20px 0 13px;
    padding: 0 0 0 54px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 525px;
    color: #6a6a6a;
    text-align: left
}

.inner-banner-sec.quick-video-inner-banner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0% 100%);
    background-image: radial-gradient(#fffade 20%, #d0eff7 150%);
    z-index: 0
}

.quick-videos-sec .quick-videos-body {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    display: flex;
    gap: 0 2%;
    max-width: 1310px;
    flex-wrap: wrap
}

.quick-videos-sec .quick-videos-body .quick-videos-box {
    margin: 0 0 35px;
    padding: 20px;
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 11px 40px rgba(27, 67, 158, .13);
    text-align: center;
    flex: 0 0 32%
}

.quick-videos-sec .quick-videos-body .quick-videos-box iframe {
    height: 200px !important;
    border-radius: 10px !important;
    margin: 0 0 20px
}

.quick-videos-sec .quick-videos-body .quick-videos-box h3 {
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    line-height: 24px;
    margin: 17px 0;
    position: relative
}

.quick-videos-sec .quick-videos-body .quick-videos-box h3:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #006249, #705410);
    mix-blend-mode: screen
}

/*-----USER GUIDE----*/
.user-guide-banner {
    padding: 130px 0 50px 0;
}

.user-guide-banner::before {
    clip-path: none !important;
    background-image: radial-gradient(#f4e8d4 20%, #f4e8d4 150%) !important;
}

.user-guide-banner .inner-banner-right:before {
    transform: rotate(0deg) !important;
}

.user-guide-sec {
    margin: 0;
    padding: 70px 0;
    position: relative;
}

.user-guide-body {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1320px;
    position: relative;
}

.user-guide-slider {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.user-guide-slider .user-guide-box {
    margin: 0;
    padding: 15px;
    width: 100%;
    background: linear-gradient(45deg, #fff, #f6faff);
    box-shadow: 0px 6px 6px #00000012;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    border: 2px solid #cbcbcb63;
}

.user-guide-slider .user-guide-box a {
    display: block;
}

.user-guide-box .user-guide-img {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 145px;
    background-size: cover !important;
    background-color: #141b4c !important;
    border-radius: 10px;
}

.user-guide-slider .user-guide-box h3 {
    margin: 30px 0 30px 0;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    line-height: 22px;
    min-height: 70px;
}

.user-guide-slider .user-guide-box p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    width: 135px;
    gap: 0 5px;
    background: #0e79c1;
    height: 36px;
    border-radius: 9px;
    margin: 5px 0;
    box-shadow: 0 2px 2px #0000001c;
}

/*-----USER GUIDE----*/

/*-----alternative PAGE----*/
.user-guide-banner.alternative-banner-sec {
    padding: 130px 0 200px 0;
}

.user-guide-banner.alternative-banner-sec .inner-banner-right img {
    width: 100%;
}

.alternative-sec {
    margin: -150px 0 0 0;
    padding: 0;
    position: relative;
}

.alternative-sec .alternative-body {
    margin: 0 auto;
    padding: 30px;
    max-width: 1240px;
    position: relative;
    border-radius: 20px;
    background: #f0f3f3;
    text-align: center;
}

.alternative-sec .alternative-body .alternative-box {
    margin: 0 0 40px 0;
    padding: 0;
    position: relative;
}

.alternative-box h2 {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    font-size: 40px;
    font-weight: 600;
    color: #000;
}

.alternative-box p {
    margin: 0 auto 10px auto;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #514f59;
    line-height: 21px;
    position: relative;
    max-width: 820px;
}

.alternative-overview-list {
    margin: 0 auto;
    padding: 0;
    max-width: 1300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%;
}

.alternative-overview-box {
    margin: 0;
    padding: 30px;
    position: relative;
    flex: 1;
    background: #FFF;
    border-radius: 15px;
    height: 310px;
}

.alternative-overview-box img {
    margin: 0 0 15px 0;
    max-width: 49px;
}

.alternative-overview-box h3 {
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.alternative-overview-box p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    color: #636970;
    font-weight: 400;
}

.comparison-sec {
    margin: 0;
    padding: 50px 0 0 0;
    position: relative;
}

.comparison-sec .comparison-title {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    text-align: center;
}

.comparison-sec .comparison-title h2 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 40px;
    font-weight: 600;
    color: #000;
}

.comparison-sec .comparison-title p {
    margin: 15px auto 0 auto;
    padding: 0;
    position: relative;
    font-size: 15px;
    color: #636970;
    font-weight: 400;
    max-width: 700px;
}

.c-box-list {
    margin: 40px 0 0 0;
    padding: 0;
    position: relative;
}

.c-box-list .c-box-title {
    margin: 0 auto 50px auto;
    padding: 0;
    position: relative;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    background: #4CAF50;
    max-width: 700px;
    line-height: 56px;
    border-radius: 50px;
}

.c-box-list .c-box-body {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    max-width: 1320px;
    display: flex;
    gap: 0 10%;
}

.c-box-list .c-box-body:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -50px;
    margin: auto;
    width: 2px;
    height: 520px;
    background: #429846;
}

.c-box-list .c-box-body .c-box {
    margin: 0;
    padding: 25px;
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0 20px;
    border-radius: 18px;
    box-shadow: 0 5px 25px #00000014;
    background: #fff;
    min-height: 390px;
}

.c-box-list .c-box-body .c-box:before {
    position: absolute;
    content: '';
    bottom: 100px;
    right: -65px;
    margin: auto;
    width: 58px;
    height: 140px;
    background: url("../images/alternative/arrow.png") center center no-repeat;
    background-size: contain;
}

.c-box-list .c-box-body .c-box:last-child:before {
    bottom: 40px;
    left: -65px;
    right: auto;
    transform: scaleX(-1);
}

.c-box .c-box-cnt {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1;
    text-align: justify;
    height: 100%;
}

.c-box .c-box-cnt h3 {
    margin: 0 0 15px 0;
    padding: 0;
    position: inherit;
    font-size: 22px;
    font-weight: 700;
    color: #0b996f;
    text-align: center;
}

.c-box .c-box-cnt p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    color: #636970;
    font-weight: 400;
    max-width: 700px;
}

.c-box .c-box-img {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1;
}

.c-box-list.c-box-2 {
    padding: 70px 0;
    background: #eaf1fb;
    margin: 80px 0 0 0;
}

.c-box-list.c-box-2 .c-box-title {
    margin: 0 auto 80px auto;
    background: #ffffff;
    color: #000000;
    font-weight: 500;
}

.c-box-list.c-box-2 .c-box-body:before {
    background: #000;
    height: 540px;
    top: -80px;
}

.c-box-list.c-box-2 .c-box-body .c-box:before {
    filter: brightness(0) invert(0) sepia(0);
}

.c-box-list.c-box-3 {
    padding: 30px 0 0 0;
}

/*
.c-box-list.c-box-3 .c-box-title {
    background: #000;
}
*/
.c-box-list.c-box-4 {
    padding: 70px 0;
    background: #fbf0eb;
    margin: 80px 0 0 0;
}

.c-box-list.c-box-4 .c-box-title {
    margin: 0 auto 80px auto;
    background: #ffffff;
    color: #000000;
    font-weight: 500;
}

.c-box-list.c-box-4 .c-box-body:before {
    background: #000;
    height: 540px;
    top: -80px;
}

.c-box-list.c-box-4 .c-box-body .c-box:before {
    filter: brightness(0) invert(0) sepia(0);
}

.c-box-list.c-box-5 {
    padding: 70px 0;
    background: #eadffc;
    margin: 80px 0 0 0;
}

.c-box-list.c-box-5 .c-box-title {
    margin: 0 auto 80px auto;
    background: #ffffff;
    color: #000000;
    font-weight: 500;
}

.c-box-list.c-box-5 .c-box-body:before {
    background: #000;
    height: 540px;
    top: -80px;
}

.c-box-list.c-box-5 .c-box-body .c-box:before {
    filter: brightness(0) invert(0) sepia(0);
}

.c-box-list.c-box-2.c-box-list-last-box {
    padding: 70px 0 175px 0;
}

.c-box-list.c-box-2.c-box-list-last-box .c-box-body:before {
    height: 646px;
}

.wisely-grow-sec {
    margin: 0;
    padding: 0;
    position: relative;
    background: #3926b3;
}

.wisely-grow-body {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    max-width: 1300px;
    display: flex;
    align-items: center;
    gap: 0 5%;
}

.wisely-grow-body .wisely-grow-img {
    margin: -71px 0 0 0;
    padding: 0;
    position: relative;
    flex: 2;
}

.wisely-grow-body .wisely-grow-cnt {
    margin: 0;
    padding: 55px 0;
    position: relative;
    flex: 3;
}

.wisely-grow-body .wisely-grow-cnt h3 {
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
    font-size: 34px;
    color: #FFF;
    font-weight: 600;
}

.wisely-grow-body .wisely-grow-cnt p {
    margin: 0 0 18px 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
}


/* Avijit Add This Css */



.life-plan {
    text-align: center;
    width: 33%;
}

sup {
    font-weight: 500;
}

.life-plan a {
    background: #A8581C;
    color: #FFF;
    padding: 6px 20px;
    border-radius: 5px;
}

.on-plan {
    padding: 0;
    font-size: 23px;
    font-weight: 700;
    color: #F6852D;
    line-height: 26px;
    width: 76%;
    margin: 10px auto;
}

.time-schedule {
    height: 300px;
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.countdown-container {
    text-align: center;
    color: white;
    padding: 45px 0;
}

.countdown-title {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #612dda !important;
}

.countdown-title{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #FFF;
}

.timer {
    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: center;
}

.time-box {
    background-color: #3c3f06;
    padding: 5px 7px;
    border-radius: 5px;
    text-align: center;
    width: 45px;
    height: 44px;
}

.time-box h5{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 37px;
    color:#FFF;
}

.timer h6{
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 37px;
    color: #444444;
}

.time-box p {
    font-size: 13px;
    color:  #3c3f06;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 44px;
    text-align: center;
    margin-left: -10px;
}

.directory-content{
    font-size: 22px;
    font-weight: 500;
    color: #FFF;
    margin: 36px 0 8px 0;
}

.time-schedule h4{
    font-size: 36px;
    font-weight: 600;
    color: #FFF;
}

.card-price-{
    display: flex;
    align-items: center;
    width: 45%;
    margin: 50px auto;
    padding: 15px;
    flex: 1;
    justify-content: space-between;
    background: linear-gradient(45deg, #f7fffe, #fff);
    box-shadow: 0 3px 2px #0000001a;
    border: 3px solid #007a5b1f;
    border-radius: 15px;
}

.price-manage{
    display: flex;
    gap: 10px;
}

.pricing-box{
    text-align: center;
}

.card-price- .pricing-box h4 {
    margin: 0 0 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.card-price-  ul li {
    margin: 0 auto 15px;
    padding: 0 0 0 25px;
    font-size: 14px;
    max-width: 335px;
    text-align: left;
    color: #000;
    position: relative;
}

.card-price- li i {
    color: #008765;
    padding-right: 10px;
}

.card-price- .pricing-box h3 {
    margin: 7px 0;
    padding: 0;
    display: inline-flex;
    font-size: 42px;
    color: #000;
    font-weight: 600;
}

.card-price- .pricing-box p {
    padding: 0 0 13px;
}

.card-price- .pricing-box {
    border-right: 1px solid gainsboro;
    height: 250px;
    padding: 33px 7px; 
    text-align: left;
}

.get--offer{
    background: red;
    padding: 7px 17px;
    border-radius: 6px;
    color: #FFF !important;
    position: absolute;
    right: -7px;
    top: -1px;
    font-weight: 600;
}

.sub--header {
    padding: 10px 100px;
    text-align: center;
    background-image: linear-gradient(to right, #ffaf09 31%, #dd552dd1 119%);
    height: 41px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    letter-spacing: 1px;
}

.black--friday {
    margin-top: 95px;
    position: relative;
}
  
.iti__country-list{
    width: 263px;
}

/*-----alternative PAGE----*/