@import url("assets/styles/bootstrap-grid.min.css");
/*!
Theme Name: Tradesmart v2
Theme URI: https://tradesmart.com
Author: Tradesmart
Author URI: https://tradesmart.com
Description: Tradesmart Blog Theme
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tradesmart
*/
:root {
    --main-text: #ffffff;
    --secondary-text: #000000;
    --dark-text: #1e1e1e;
    --green-text: #11ddae;
    --light-text: #ffffff;
    --muted-text: #ffffff80;
    --light-main-bg: #201f35;
    --light-bg: #f4f4f4;
    --border-color: #ffffff40;
    --light-border-color: #ffffff80;
    --medium-border-color: #dddddd;
    --btn-outline-color: #ffffff;
    --btn-light-color: #11ddae;
    --grey-text: #808080;
    --bg-label-purple: #53517d;
}

body{font-family: "Manrope", sans-serif;}


.hero-bg{background-color: var(--light-main-bg);}

/*header start */
.navbar-wrapper {
    padding-left: 6.944vw;
    padding-right: 6.944vw;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar-wrapper.sticky {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: var(--light-main-bg);
    box-shadow: 0 2px 2px rgba(155, 155, 155, 0.1);
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.max-topbar-w {
    margin: auto !important;
    max-width: 1518px;
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}

.main-logo {
    width: 165px;
    height: auto;
    flex-shrink: 0;
    aspect-ratio: 249/50.64;
}

.d-flex {
    display: flex!important;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-end {
    justify-content: flex-end!important;
}

.justify-content-between {
    justify-content: space-between!important;
}

body.menu-open {
    overflow: hidden;
    touch-action: none;
    /* position: fixed; */
    width: 100%;
}
@keyframes fadeInMenu {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutMenu {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fullscreen-menu.fade-in {
    animation: fadeInMenu 0.4s ease forwards;
}

.fullscreen-menu.fade-out {
    animation: fadeOutMenu 0.4s ease forwards;
}

.fullscreen-menu.fade-in {
    animation: fadeInMenu 0.5s ease forwards;
}

.fullscreen-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url("assets/images/topbarBackground.svg") no-repeat right bottom, #201f35;
    background-size: 919px 335px;
    background-attachment: fixed;
    z-index: 1000;
    padding-top: 20px;
    padding-left: 6.944vw;
    padding-right: 6.944vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.fullscreen-menu.fade-out {
    animation: fadeOutMenu 0.4s ease forwards;
}

.d-none {
    display: none!important;
}

.btn-transparent {
    color: var(--main-text);
    font-size: 18px;
    font-weight: 800;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 55px;
    padding: 21px 24px;
    border: 2px solid var(--main-text);
    border-radius: 142px;
    transition: background-color 0.4s ease, border-color 0.4s ease;
}

.btn-transparent:hover {
    background-color: var(--btn-light-color) !important;
    border-color: var(--btn-light-color);
}

.btn-tranparent-menu:hover {
    animation: fadeBg 0.6s ease forwards;
    border-color: transparent;
}

@keyframes fadeBg {
    0% {
        background: rgba(17, 221, 174, 0.1);
    }
    50% {
        background: rgba(17, 221, 174, 0.6);
    }
    100% {
        background: #11ddae;
    }
}

.font-size-13 {
    font-size: 13px !important;
}
.fw-700 {
    font-weight: 700 !important;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

.pe-0 {
    padding-right: 0!important;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.menu-header {
    margin-bottom: 74px;
}

.menu-logo {
    width: 249px;
    height: 50.641px;
    flex-shrink: 0;
    aspect-ratio: 249 / 50.64;
}
@media (min-width: 1200px){
    .fs-2 {
        font-size: 2rem!important;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem;
}

#menuTabs {
    padding-right: 24px;
    border-right: 1px solid #ffffff1a;
}

.mb-4 {
    margin-bottom: 1.5rem!important;
}
.flex-column {
    flex-direction: column!important;
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.menu-body .nav-link {
    color: var(--light-text);
    text-align: left;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    padding: 0;
    padding-bottom: 30px;
}

.menu-body .nav-link.active, .menu-body .nav-link:hover, .menu-body .nav-link:focus {
    color: var(--green-text);
}

.font-size-18 {
    font-size: 18px !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.btn-tranparent-menu {
    border-radius: 142px;
    padding: 16px 24px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #fff;
}

#mainTabContent.tab-content {
    padding-left: 105px;
}

.fade {
    transition: opacity .15s linear;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

#mainTabContent .tab-pane {
    display: none;
}

#mainTabContent .tab-pane.active.show {
    display: block;
}

#mainTabContent .list-menu {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}

#mainTabContent .tab-pane a {
    padding-bottom: 30px;
}

#mainTabContent .tab-pane a:hover {
    color: var(--green-text);
}


.light-text {
    color: var(--light-text);
}
.font-size-18 {
    font-size: 18px !important;
}
.fw-400 {
    font-weight: 400 !important;
}


.mobile-body {
    display: none;
}

@media (max-width: 575.98px) {
    .section-full, .main-section, #topbar, .section-spacing-x, .navbar-wrapper, .fullscreen-menu {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 400px) {
    .menu-logo, .main-logo {
        width: 140px;
    }
}

@media (max-width: 440px) {
    .navbar-wrapper .btn-transparent {
        height: 44px;
        padding: 14px 20px !important;
    }
}

@media (max-width: 400px) {
    .navbar-brand {
        padding-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .large-body {
        display: none;
    }
}

@media (max-width: 767px) {
    .mobile-body {
        display: block;
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
}

.border-0 {
    border: 0!important;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-header {
    border-bottom: none;
    transition: border-color 0.3s ease;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.accordion-button span {
    color: white;
    transition: color 0.3s ease;
    line-height: 1.2;
}

.collapse:not(.show) {
    display: none;
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-body a {
    margin-bottom: 30px;
}

.mobile-body .nav-link {
    padding: 1rem 1.25rem;
}

.light-text {
    color: var(--light-text);
}

.accordion-button:not(.collapsed) {
    border-bottom: 1px solid var(--green-text);
}

.accordion-button:not(.collapsed) span {
    color: var(--green-text);
}

@media (max-width: 768px) {
    .accordion-button .accordion-arrow {
        transform: rotate(90deg) !important;
    }
}

@media (max-width: 768px) {
    .accordion-button:not(.collapsed) .accordion-arrow {
        transform: rotate(270deg) !important;
    }
}

.accordion-button .accordion-arrow {
    transition: transform 0.3s ease;
}

img, svg {
    vertical-align: middle;
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important;
}

#closeMenu:active, #closeMenu {
    border: none !important;
    color:#fff
}

.mobile-body .btn-tranparent-menu {
    margin-top: 1rem;
}

/*header end */

.hero-bg{background-color: var(--light-main-bg);}
.hero-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("assets/images/trBackground.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 70%;
    z-index: 0;
    pointer-events: none;
}
.hero-bg::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(
        circle at center,
        rgba(17, 221, 174, 0.7) 100%,
        rgba(17, 221, 174, 0.3) 100%,
        rgba(17, 221, 174, 0) 100%
    );
    filter: blur(150px);
}

.text-orange {
    --tw-text-opacity: 1;
    color: rgb(245 116 35/var(--tw-text-opacity))
}

.text-green{
    --tw-text-opacity: 1;
    color:#00c896;
    color: rgb(0 200 150/var(--tw-text-opacity))
}

.text-blue-lightBlue {
    --tw-text-opacity: 1;
    color: rgb(229 230 233/var(--tw-text-opacity))
}

.text-gray-light {
    --tw-text-opacity: 1;
    color: rgb(247 247 248/var(--tw-text-opacity))
}

.shadow-ts12 {
    --tw-shadow: 0px 3px 10px #1e2e441a;
    --tw-shadow-colored: 0px 3px 10px var(--tw-shadow-color)
}

.shadow-lg,.shadow-ts12 {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-ts11 {
    --tw-shadow: 3px 5px 20px #0000001a;
    --tw-shadow-colored: 3px 5px 20px var(--tw-shadow-color)
}

.shadow-ts10,.shadow-ts11 {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-ts10 {
    --tw-shadow: 0px 0px 20px #00000014;
    --tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color)
}

.shadow-ts6 {
    --tw-shadow: 20px 20px 60px #0000001a;
    --tw-shadow-colored: 20px 20px 60px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.drop-shadow-ts1 {
    --tw-drop-shadow: drop-shadow(0px 3px 6px #00000029)
}

.drop-shadow-ts1,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.bg-green{
    background-color: #00c896;
}

.text-green{color:#00c896}

.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(245 116 35/var(--tw-bg-opacity))
}

.bg-gray-light {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 248/var(--tw-bg-opacity))
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(29 46 67/var(--tw-bg-opacity))
}

.bg-blue-light {
    --tw-bg-opacity: 1;
    background-color: rgb(30 46 68/var(--tw-bg-opacity))
}


.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-maxCont4 {
    grid-template-columns: repeat(4,-webkit-max-content);
    grid-template-columns: repeat(4,max-content)
}

.grid-cols-maxCont3 {
    grid-template-columns: repeat(3,-webkit-max-content);
    grid-template-columns: repeat(3,max-content)
}

.grid-cols-menu {
    grid-template-columns: 1.61fr 3fr
}

.table {
    display: table
}


.w-full {
    width: 100%
}

.w-\[30px\] {
    width: 30px
}

.w-\[164px\] {
    width: 164px
}

.w-4 {
    width: 1rem
}

.w-\[187px\] {
    width: 187px
}

.w-auto {
    width: auto
}

.w-\[85px\] {
    width: 85px
}

.w-\[145px\] {
    width: 145px
}

.w-\[257px\] {
    width: 257px
}

.w-3 {
    width: .75rem
}

.w-\[200px\] {
    width: 200px
}

.w-\[150px\] {
    width: 150px
}

.w-\[50px\] {
    width: 50px
}

.w-10 {
    width: 2.5rem
}

.w-6 {
    width: 1.5rem
}

.w-\[300px\] {
    width: 300px
}

.w-\[190px\] {
    width: 190px
}

.w-\[700px\] {
    width: 700px
}

.w-\[750px\] {
    width: 750px
}

.w-\[250px\] {
    width: 250px
}

.w-\[800px\] {
    width: 800px
}

.w-\[100px\] {
    width: 100px
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/3 {
    width: 33.333333%
}

.w-\[70px\] {
    width: 70px
}

.w-screen {
    width: 100vw
}

.w-0\.5 {
    width: .125rem
}

.w-0 {
    width: 0
}

.w-\[260px\] {
    width: 260px
}

.w-\[227px\] {
    width: 227px
}

.w-\[315px\] {
    width: 315px
}

.w-\[43px\] {
    width: 43px
}

.w-\[600px\] {
    width: 600px
}

.w-\[259px\] {
    width: 259px
}

.w-11\/12 {
    width: 91.666667%
}

.w-\[92px\] {
    width: 92px
}

.w-9 {
    width: 2.25rem
}

.w-12 {
    width: 3rem
}

.w-\[284px\] {
    width: 284px
}

.w-\[69px\] {
    width: 69px
}

.w-1\/2 {
    width: 50%
}

.w-44 {
    width: 11rem
}

.w-\[826px\] {
    width: 826px
}

.w-\[68px\] {
    width: 68px
}

.w-\[34px\] {
    width: 34px
}

.w-\[160px\] {
    width: 160px
}

.w-\[570px\] {
    width: 570px
}

.w-\[337px\] {
    width: 337px
}

.w-\[180px\] {
    width: 180px
}

.w-\[184px\] {
    width: 184px
}

.w-\[210px\] {
    width: 210px
}

.w-\[188px\] {
    width: 188px
}

.w-\[175px\] {
    width: 175px
}

.w-\[208px\] {
    width: 208px
}

.w-36 {
    width: 9rem
}

.w-40 {
    width: 10rem
}

.w-80 {
    width: 20rem
}

.w-48 {
    width: 12rem
}

.w-\[900px\] {
    width: 900px
}

.w-52 {
    width: 13rem
}

.w-\[56px\] {
    width: 56px
}

.w-\[264px\] {
    width: 264px
}

.w-8 {
    width: 2rem
}

.w-\[60px\] {
    width: 60px
}

.w-\[326px\] {
    width: 326px
}

.w-\[88px\] {
    width: 88px
}

.w-7 {
    width: 1.75rem
}

.w-\[265px\] {
    width: 265px
}

.min-w-full {
    min-width: 100%
}

.min-w-\[220px\] {
    min-width: 220px
}

.min-w-\[1920px\] {
    min-width: 1920px
}

.max-w-\[1400px\] {
    max-width: 1400px
}

.max-w-box {
    max-width: 1140px
}

.max-w-\[1396px\] {
    max-width: 1396px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[640px\] {
    max-width: 640px
}

.max-w-xl {
    max-width: 36rem
}

.max-w-\[550px\] {
    max-width: 550px
}

.max-w-\[1008px\] {
    max-width: 1008px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-none {
    max-width: none
}

.max-w-\[800px\] {
    max-width: 800px
}

.max-w-\[1320px\] {
    max-width: 1320px
}

.max-w-\[307px\] {
    max-width: 307px
}

.max-w-\[326px\] {
    max-width: 326px
}

.max-w-\[250px\] {
    max-width: 250px
}

.max-w-\[230px\] {
    max-width: 230px
}

.max-w-\[275px\] {
    max-width: 275px
}

.max-w-\[670px\] {
    max-width: 670px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[213px\] {
    max-width: 213px
}

.max-w-\[143px\] {
    max-width: 143px
}

.max-w-\[405px\] {
    max-width: 405px
}

.max-w-\[423px\] {
    max-width: 423px
}

.max-w-\[406px\] {
    max-width: 406px
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[327px\] {
    max-width: 327px
}

.max-w-\[524px\] {
    max-width: 524px
}

.max-w-\[270px\] {
    max-width: 270px
}

.max-w-\[184px\] {
    max-width: 184px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[1300px\] {
    max-width: 1300px
}

.max-w-\[553px\] {
    max-width: 553px
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-\[452px\] {
    max-width: 452px
}

.max-w-\[1220px\] {
    max-width: 1220px
}

.max-w-\[460px\] {
    max-width: 460px
}

.max-w-\[710px\] {
    max-width: 710px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[680px\] {
    max-width: 680px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[274px\] {
    max-width: 274px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[336px\] {
    max-width: 336px
}

.max-w-\[513px\] {
    max-width: 513px
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-\[544px\] {
    max-width: 544px
}

.max-w-\[208px\] {
    max-width: 208px
}

.max-w-\[678px\] {
    max-width: 678px
}

.max-w-\[328px\] {
    max-width: 328px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[196px\] {
    max-width: 196px
}

.max-w-\[413px\] {
    max-width: 413px
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[415px\] {
    max-width: 415px
}

.max-w-\[345px\] {
    max-width: 345px
}

.max-w-\[630px\] {
    max-width: 630px
}

.max-w-\[210px\] {
    max-width: 210px
}

.max-w-\[620px\] {
    max-width: 620px
}

.max-w-\[290px\] {
    max-width: 290px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[374px\] {
    max-width: 374px
}

.max-w-\[1230px\] {
    max-width: 1230px
}

.max-w-\[190px\] {
    max-width: 190px
}

.max-w-\[289px\] {
    max-width: 289px
}

.max-w-\[610px\] {
    max-width: 610px
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-\[473px\] {
    max-width: 473px
}

.max-w-\[587px\] {
    max-width: 587px
}

.max-w-\[333px\] {
    max-width: 333px
}

.max-w-\[650px\] {
    max-width: 650px
}

.max-w-\[537px\] {
    max-width: 537px
}

.max-w-\[580px\] {
    max-width: 580px
}

.max-w-xs {
    max-width: 20rem
}

.max-w-\[346px\] {
    max-width: 346px
}

.max-w-\[407px\] {
    max-width: 407px
}

.max-w-\[466px\] {
    max-width: 466px
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[170px\] {
    max-width: 170px
}

.max-w-\[128px\] {
    max-width: 128px
}

.max-w-\[116px\] {
    max-width: 116px
}

.max-w-\[212px\] {
    max-width: 212px
}


.border-blue-lightBlue2 {
    --tw-border-opacity: 1;
    border-color: rgb(174 194 217/var(--tw-border-opacity))
}




.post-content{
    color: #333;
    line-height: 1.6;
}

.post-content h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 1.5rem 0;
    color: #222;
}

.post-content h2 {
    font-size: 2rem;
    line-height: 1.3;
    margin: 1.2rem 0;
    color: #333;
}

.post-content h3 {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 1rem 0;
    color: #333;
}

.post-content h4 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0.8rem 0;
    color: #333;
}

.post-content h5 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 0.6rem 0;
    color: #333;
}

.post-content h6 {
    font-size: 1.1rem;
    line-height: 1.4;
    margin: 0.4rem 0;
    color: #333;
}

.post-content p {
    font-size: 1rem;
    line-height: 1.8;
    margin: 1rem 0;
    color: #333;
}

.post-content ul,
.post-content ol {
    padding-left: 1.5rem;
    margin: 1rem 0;
}

.post-content ul li,
.post-content ol li {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 0.5rem;
}

.post-content ul {
    list-style-type: disc;
}

.post-content ol {
    list-style-type: decimal;
}

.post-content :is(h1, h2, h3, h4, h5, h6) :is(b, strong) {
    font-weight: normal;
}


/*footer start */
.footer {
    background-color: var(--light-main-bg);
    padding-left: calc(6.944vw - 12px);
    padding-right: calc(6.944vw - 12px);
    color:#fff
}

footer {
    position: relative;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("assets/images/trBackground.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    pointer-events: none;
}

footer::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 15%;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(
        circle at 50% 100%,
        rgba(17, 221, 174, 0.5) 0%,
        rgba(17, 221, 174, 0) 70%
    );
    filter: blur(150px);
}

.custom-border-bottom {
    position: relative;
}

footer a {
    color: var(--muted-text);
}

.font-size-14 {
    font-size: 14px !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.custom-border-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 12px;
    width: calc(100% - 24px);
    border-bottom: 1px solid var(--border-color);
}

.font-size-12 {
    font-size: 12px !important;
}

.muted-text {
    color: var(--muted-text) !important;
}

.risk-warning-div p:not(:first-child) {
    color: var(--muted-text);
}

footer p {
    font-size: 14px;
}

footer #risk_warning a {
    color: #fff !important;
    font-weight: 600;
    text-decoration: underline !important;
}

.text-decoration-underline {
    text-decoration: underline!important;
}

footer .text-white{color:#fff}

@media (min-width: 768px) {
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
}

footer .active-link {
    color: var(--green-text) !important;
}


@media (max-width: 575.98px) {
    footer .font-size-14 {
        font-size: 12px !important;
    }
}

@media (min-width: 992px) {
    footer .mb-lg-0 {
        margin-bottom: 0 !important;
    }
}

/*footer end */

.blog-title{font-weight: 800;}

.blog-navigation .blog-navigation-item:hover{color: #00c896;}

.blogcard:hover h2{color: #00c896;}

.catbutton:hover{background: #00c896;}

.navbutton:hover{color: #00c896;}

.custom-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 64px;
    max-width: 600px;
    margin:0 auto
}

@media (max-width: 768px) {
    .custom-pagination{padding-left: 10px;padding-right: 10px;}
}

.prev-btn, .next-btn {
    background: none;
    border: none;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color: #00c896;
    display: inline-flex;
    align-items: center;
}

.page-info {
    font-size: 14px;
    font-weight: 500;
    color:#4a5565
}

.prev-btn.disabled{color:#4a5565;cursor: default;}
.next-btn.disabled{color:#4a5565;cursor: default;}

.prev-btn svg{rotate:180deg;margin-right: 10px;transition: all 0.3s ease-in-out;}
.next-btn svg{margin-left:10px;transition: all 0.3s ease-in-out;position: relative;}

.next-btn:hover:not(.disabled) svg{transform: translateX(6px);}
.prev-btn:hover:not(.disabled) svg{transform: translateX(6px);}


.blogcard-inner{display: grid;grid-template-rows: auto 1fr auto;overflow: hidden;}

.blogcard .blogcard-thumbnail{height: 216px;}
.blogcard .blogcard-meta{padding: 0 32px 32px 32px;}
.blogcard .blogcard-summary{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.post-content .bg-orange{background-color: #00c896;}
.post-content a:not(.button){border-bottom: 1px solid #333;}