.product-hero-section .hero-main-img {background: #ce922a36; backdrop-filter: blur(176px); border-radius: 26px 0 0 26px; padding-right: 0; }
/*.product-hero-section:before {background: linear-gradient(180deg, rgba(221, 169, 52, 0) 0%, #DDA934 50%, rgba(221, 169, 52, 0) 100%); }*/
.product-hero-section .hero-main-img:before {content: ""; width: 2px; height: 250px; position: absolute; left: -3px; top: 10%; background: linear-gradient(180deg, rgba(221, 169, 52, 0) 0%, #DDA934 50%, rgba(221, 169, 52, 0) 100%); }
.product-hero-container .product-hero-row {flex-wrap: nowrap !important; }
.product-hero-section .hero-main-img img {border-radius: 26px 0  0 26px; }
.product-hero-section {position: relative; }
.product-hero-section:before {background: linear-gradient(180deg, rgba(221, 169, 52, 0) 0%, #DDA934 50%, rgba(221, 169, 52, 0) 100%); content: ""; width: 100%; height: 60%; position: absolute; left: 0; top: -10%; opacity: 0.2; z-index: -1; }

/*hs product page*/
.hs-product.product-hero-section:before {
    background: linear-gradient(180deg, rgba(221, 169, 52, 0) 0%, #1872cbbd 50%, rgba(221, 169, 52, 0) 100%);
}
.hs-product.product-hero-section .hero-main-img {
    background: #1872cb1c;
}
.hs-product.product-hero-section .hero-main-img:before {
    background: linear-gradient(180deg, rgba(221, 169, 52, 0) 0%, #1872cb 50%, rgba(221, 169, 52, 0) 100%);
}

/*feature slider*/
.feature-item-img {margin-bottom: 20px; }
.feature-item p:last-child {margin-bottom: 0; }
/*.feature-item-content ul li:last-child {grid-column: 1 / span 2; }*/
.product-hero-container {padding-left: calc((100% - 1200px) / 2); }
.product-hero-row .product-hero-rt {width: 46%; }
.product-hero-row .product-hero-lt {width: 54%; }
.feature-item .feature-item-img img {}
/*pricing section*/

.price-col {border-radius: 20px; background: #F3F5F6;}
.third-price-col {background: #1872CB; }
.third-price-col .button-link button.vc_general {background: #FFFFFF !important; color: #1872CB !important; }

.price-col.third-price-col * {color: #fff !important; }
.pricing-row .price-col > .vc_column-inner {padding: 0 30px 30px 30px; }
.vc_row.pricing-row {display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 0 auto 30px !important; }
.pricing-row .price-col {width: 100%; }
.price-title {font-weight: 600; font-size: 30px; margin-bottom: 0; }
.price-col .price-sub-title {margin-bottom: 20px; font-size: 16px; }
.price-feature-list ul li {color: #000; font-size: 16px; }
.price-col .button-link:after {content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #BEDAF9; }
.price-col .button-link {padding-bottom: 20px; position: relative; }
.price-col.sec-price-col .button-link:after, .price-col.third-price-col .button-link:after {background: #E0E3E5; }
.price-col .price-icon {margin-bottom: 15px; }
.toggle-col {display: flex; background: #fff; border-radius: 10px; padding: 10px 20px; gap: 10px; align-items: center; }
.price-bottom-txt .price-text-icon, .price-bottom-txt .price-bt-txt {margin-bottom: 0; }
.price-bottom-txt > .vc_column-inner > .wpb_wrapper {display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-radius: 10px; background: #F1F7FE; }
.price-bt-txt {color: #000;}
.price-bottom-txt .vc_column-inner {padding: 0 !important; }
.price-bottom-row .price-bottom-txt {width: auto; }
.price-bottom-row {justify-content: center; gap: 15px; }
.price-feature-list ul {padding-left: 0; list-style-type: none; }
.price-feature-list ul li {position: relative; padding-left: 30px; list-style-type: none; }
.price-feature-list ul li::before {content: ""; background: url(/wp-content/uploads/2025/05/tick.svg) no-repeat center; background-size: contain; width: 24px; height: 24px; position: absolute; left: 0; top: 1px; }
.third-price-col .price-feature-list ul li::before{filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(2%) hue-rotate(183deg) brightness(104%) contrast(100%);}


.vc_row.usecases-row {margin: 0 auto; }

.features-benefits .owl-nav {position: absolute; top: 28%; width: 100%; display: flex !important; justify-content: space-between; }
.features-benefits .custom-prev img, 
.features-benefits .custom-next img {width: 40px; display: block; height: 40px; padding: 10px; filter: brightness(0) saturate(100%) invert(96%) sepia(5%) saturate(950%) hue-rotate(284deg) brightness(116%) contrast(100%); }
.features-benefits button.owl-prev, 
.features-benefits button.owl-next {background: linear-gradient(90deg, #04B2D6 0%, #1872CB 100%) !important; }

.features-benefits button.owl-prev {margin-left: -50px; }
.features-benefits button.owl-next {margin-right: -50px; }

/**************************Toggle*************************************/
/*
.toggle-col input[type=checkbox] {height: 0; width: 0; visibility: hidden; display: none; }
.toggle-col label {cursor: pointer; width: 44px; height: 24px; background: #8E8E8E; display: block; border-radius: 100px; position: relative; }
.toggle-col label:after {content: ''; position: absolute; top: 4px; left: 5px; width: 16px; height: 16px; background: #fff; border-radius: 16px; transition: 0.3s; }
.toggle-col input:checked + label {background: linear-gradient(90deg, #04B2D6 0%, #1872CB 100%); }
.toggle-col input:checked + label:after {left: calc(100% - 5px); transform: translateX(-100%); }
.toggle-switch > .wpb_wrapper {background: #F6F6F7; padding: 15px; border-radius: 10px; display: flex; justify-content: center; gap: 10px; }
.toggle-txt {font-size: 16px; color: #000000; }
*/

/**************************end Toggle*************************************/

.feature-item-content ul li {background: #F6F6F7; list-style-type: none; padding: 10px 20px; border-radius: 10px; margin-top: 0;}
.feature-item-content ul {padding: 0;margin: 0 0 20px !important; display: grid; grid-template-columns: 1fr; gap: 10px; }
.feature-buttons {display: flex; gap: 10px; }
.feature-buttons a.btn {
    background: linear-gradient(90deg, #04B2D6 0%, #1872CB 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 400;
    padding: 15px 30px;
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
}

/*image contet row*/
.content-col .main-title {font-size: 44px !important; margin-bottom: 20px; }


/*listing*/
.check-list ul li {background: #fff; padding: 15px; border-radius: 10px; position: relative;}
.check-list ul {padding: 0; list-style-type: none; }
.check-list ul li:before {content: ""; background: url(/wp-content/uploads/2025/05/check-icon.svg); width: 28px; height: 28px; display: block; background-size: contain; float: left; margin-right: 10px; }
.vc_row.tred-technology-row {flex-wrap: nowrap !important; gap: 30px; }
.tred-technology-row .trading-img-col {width: 45%; }
.tred-technology-row .trading-content-col {width: 55%; }

.usecase-card.fill-card {background: #ce922a26; backdrop-filter: blur(176px); }
.usecases-row .usecase-card > .vc_column-inner {padding: 30px; }
.usecase-card.fill-card > .vc_column-inner > .wpb_wrapper {background: linear-gradient(286.69deg, rgba(206, 146, 42, 0.5) 0%, rgba(246, 207, 69, 0.5) 100%); padding: 30px 15px; border-radius: 10px; backdrop-filter: blur(16px); }
.usecase-card.logo-card {background: #ce922a26; backdrop-filter: blur(176px); } 
.usecase-first-row .usecase-card.fill-card {border-radius: 24px 24px 0 0; }
.usecase-sec-row .usecase-card.fill-card:first-child {border-radius: 24px 0 0 24px; }
.usecase-sec-row .usecase-card.fill-card:last-child {border-radius: 0 24px 24px 0; }
.usecase-third-row .usecase-card.fill-card {border-radius: 0 0 24px 24px; }
.usecase-card .icon .vc_single_image-wrapper {background: #FFFFFF80; }
.usecase-card .icon {margin-bottom: 15px; }
.usecase-card .sub-title {margin-bottom: 5px; }
.usecase-txt {font-size: 14px; line-height: 1.5; }
.usecases-row.usecase-sec-row .usecase-card:last-child > .vc_column-inner {padding-left: 0; }
.usecase-first-row .usecase-card.fill-card > .vc_column-inner {padding-bottom: 0; }
.usecase-sec-row .usecase-card.fill-card:first-child > .vc_column-inner {padding-right: 0; }
.usecase-third-row .usecase-card.fill-card > .vc_column-inner {padding-top: 0; }


.vc_row.why-brokers-row {display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.why-brokers-row .why-brocker-card {
    width: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg, #04B2D6 0%, #1872CB 100%);
}
.why-brokers-row .why-brocker-card .vc_column-inner {padding: 30px; }
.why-brocker-card  .sub-title {
    color: #fff;
}
.why-brocker-card .why-broker-cont p {
    text-align: center;
    color: #fff;
}



/*feature benefit section*/
.feature-row .feature-slider {max-width: 1080px; margin: 0 auto; }



@media only screen and (max-width: 1200px) {
    .product-hero-container {padding-left: calc((100% - 930px) / 2); }
    .price-title { font-size: 25px;}
    .pricing-row .price-col > .vc_column-inner {padding: 0 25px 30px 25px; }
.award-card .award-txt {font-size: 14px !important; min-height: 65px !important; line-height: 1.5; }
    .award-content .award-year { font-size: 16px !important;}
    .usecases-row .usecase-card > .vc_column-inner {padding: 20px; }

.features-benefits button.owl-prev {margin-left: -20px; }
.features-benefits .owl-nav{top: 26%;}
.features-benefits button.owl-next {margin-right: -20px; }
  
}

@media only screen and (max-width: 1000px) {
    .features-benefits .owl-nav {top: 25%; }


}


@media only screen and (max-width: 960px) {
.product-hero-container .product-hero-row { flex-direction: column;    gap: 30px;}
.product-hero-container {padding-left: 30px; padding-right: 30px; }
.product-hero-row .product-hero-lt {width: 100%; }
.product-hero-lt .vc_btn3-container.button-link {text-align: center; }
.product-hero-lt .main-head {text-align: center !important; }
.product-hero-lt .punchline {text-align: center !important; }

.product-hero-row .hero-main-img {padding: 20px !important; border-radius: 26px !important; }
.product-hero-row .product-hero-rt {width: 100%; }
.product-hero-section .hero-main-img img {border-radius: 26px !important; }
.product-hero-section .hero-main-img:after { background: linear-gradient(180deg, rgba(221, 169, 52, 0) 0%, #DDA934 50%, rgba(221, 169, 52, 0) 100%);}

.usecase-card.fill-card > .vc_column-inner > .wpb_wrapper { padding: 20px 10px;}

/*price section*/
.price-title {font-size: 19px; }
.price-col .price-sub-title {margin-bottom: 15px; font-size: 14px; }
.pricing-row .price-col > .vc_column-inner {padding: 0 15px 30px 15px; }
.price-feature-list ul li { padding-left: 25px;    font-size: 13px;     margin-top: 5px;}
.price-feature-list ul li::before { width: 20px;height: 20px;}

.price-icon img {max-width: 50px; }

.features-benefits button.owl-prev {margin-left: -20px; }
.features-benefits button.owl-next {margin-right: -20px; }

.vc_row.why-brokers-row {margin: 0 auto; grid-template-columns: 1fr 1fr; }

.features-benefits .owl-nav {top: 22%; }

}


@media only screen and (max-width: 767px) {

.feature-item-content ul {grid-template-columns: 1fr;}

.vc_row.tred-technology-row { flex-direction: column;}
.tred-technology-row .trading-img-col {width: 100%; }
.tred-technology-row .trading-content-col {width: 100%; }

.usecase-card.blank-card {display: none !important; }
.usecases-row .usecase-card > .vc_column-inner {padding: 0!important; }
.usecase-first-row .usecase-card.fill-card {border-radius: 10px; }
.usecase-card {margin-bottom: 20px; }
.usecase-sec-row .usecase-card.fill-card:first-child {border-radius: 10px; }
.usecases-row .usecase-card.logo-card > .vc_column-inner {padding: 20px !important; }
.usecase-card.logo-card { border-radius: 10px;}

.vc_row.pricing-row {grid-template-columns: 1fr; }
.product-hero-section .hero-main-img:before {width: 1px; height: 190px;}
.award-card .award-txt { min-height: 45px !important;}
.price-bottom-txt .price-bt-txt {font-size: 12px !important; }

.features-benefits .owl-nav {top: 17%; }
.vc_row.why-brokers-row { gap: 20px;}
.why-brokers-row .why-brocker-card .vc_column-inner {padding: 20px; }
.features-benefits .custom-prev img, .features-benefits .custom-next img{height: 35px;width: 35px;}

}

@media only screen and (max-width: 480px) {
.product-hero-row .hero-main-img {padding: 15px !important; border-radius: 16px !important; }
.vc_row.why-brokers-row { grid-template-columns: 1fr; gap: 20px;}
.features-benefits .owl-nav {top: 10%; }
.features-benefits button.owl-prev {margin-left: -15px; }
.features-benefits button.owl-next {margin-right: -15px; }

}