.calculators-content{padding: 66px 0 95px;}
.calculators-content .content{display: flex; justify-content: space-between;}
.calculators-content .title{width: 100%; text-align: center; margin-bottom: 84px;}
.calculators-content .title h1{color: var(--v-black); margin-bottom: 10px; font-weight: 600;}
.calculators-content .title h1 span{color: #e35728;}
.calculators-content .title p{font-size: var(--fs-20); margin: 0; color: var(--v-black);}
.calculators-content .item{max-width: fit-content; width: 100%; margin-right: 20px;}
.calculators-content .item h1{font-size: var(--fs-22); margin-bottom: 25px; color: var(--v-black); font-weight: 600; line-height:1.5;}
.calculators-content .item li{font-size: var(--fs-16); color: var(--v-black); margin-bottom: 10px; font-weight: 400; cursor: pointer; transition: all 0.3s linear; position: relative; line-height: 1.18;}
.calculators-content .item li::after{content: ''; width: 6px; height: 6px; display: block; position: absolute; left: 1px; top: 0; bottom: 0; margin: auto; background: #c62400; transition: all .3s linear; opacity: 0;}
.calculators-content .item li:hover{padding-left: 12px; color: #c62400;}
.calculators-content .item li.active{color: #c62400; padding-left: 12px;}
.calculators-content .item li.active::after{opacity: 1;}
.calculators-content .item li a{display: inline-block; width: 100%; height: 100%;}

.calculators-content .calculators-form{width: 100%; max-width: 1050px;}
.calculators-content .calculators-form form{display: flex; flex-wrap: wrap;}
.calculators-content .calculators-form .row-warp{width: 31%; max-width: 340px; margin-bottom: 14px; margin-left: 15px; }
.calculators-content .calculators-form .row-warp.calculators-mobile{display: none;}
.calculators-content .calculators-form .row:hover{background: #ECECEC;}
.calculators-content .calculators-form .row{width: 100%; height: 61px; background: var(--v-grey-light2); border-radius: 8px; position: relative;padding: 29px 0 13px;}
.calculators-content .calculators-form .row-sel::after{content: ''; display: inline-block; width: 26px; height: 26px; background: url(/wp-content/themes/vantage/images/select-arrow-down.svg); position: absolute; right: 15px; bottom: 17px;}
.calculators-content .calculators-form .text img{display: none; width: 26px; height: 26px; position: absolute; right: 15px; bottom: 17px; z-index: 3; cursor: pointer;}
.calculators-content .calculators-form .row label{font-size: var(--fs-18); position: absolute; z-index: 1; top: 16px; left: 15px; transition: all 0.25s linear;}
.calculators-content .calculators-form .row .ul-select{width: 100%; padding: 6px 15px; position: absolute; top: 61px; background-color: var(--v-white); box-shadow: 0px 10px 14px #0000005E; z-index: 4; border-radius: 8px; display: none; max-height: 250px; overflow-y: auto;}
.calculators-content .calculators-form .row .ul-select::-webkit-scrollbar-thumb{background: #e35728; border-radius: 2px; width: 4px;}
.calculators-content .calculators-form .row .ul-select::-webkit-scrollbar-track{width: 4px; background: transparent;}
.calculators-content .calculators-form .row .li-option{height: 32px; width: 100%; color: var(--v-black); font-size: var(--fs-16); text-transform: uppercase; line-height: 32px;}
.calculators-content .calculators-form .row .li-option:hover{background: #e8e9ed;}
.calculators-content .calculators-form .row .row-content{width: 100%; height: 100%; margin: 0; padding: 0 15px; font-size: var(--fs-16); color: var(--v-black);}
.calculators-content .calculators-form .row input{width: calc(100% - 56px); height: 100%; background: transparent; position: relative; z-index: 2; outline: none; border: none; padding: 11px 15px 13px;}
.calculators-content .calculators-form .result{width: 100%; margin-top: 19px; display: flex; align-items: flex-start; margin-left: 15px;}
.calculators-content .calculators-form .result .result-word>p{font-size: var(--fs-22); color: var(--v-green-darker); margin: 0; font-weight: 600;}
.calculators-content .calculators-form .result div{margin-right: 24px; cursor: pointer; display: flex; height: 100%; align-items: center; justify-content: center;}
.calculators-content .calculators-form .row .up-text{font-size: 12px; top: 11px;}
.calculators-content .calculators-form .row-active{border-radius: 8px 8px 0px 0px; background: #E2E2E2; border-bottom: 2px solid #e35728; transition: all 0.25s linear;}
.calculators-content .calculators-form .row-active>label{color: #e35728;}
.calculators-content .calculators-form .row-warp .error-message{display: none; padding-left: 16px; padding-top: 5px; color: #a71e00; font-size: var(--fs-14);}
.calculators-content .calculators-form .row-warp .error{display: block;}
.calculators-content .calculators-form .row-error{background: #f6e8e5;}
.calculators-content .calculators-form .row-error img{right: 46px;}
.calculators-content .calculators-form .row-error .up-text{color: #a71e00}
.calculators-content .calculators-form .row-error::after{right: 46px;}
.calculators-content .calculators-form .row-error::before{content: ''; display: inline-block; width: 26px; height: 26px; background: url(/wp-content/themes/vantage/images/select-error.svg); position: absolute; right: 15px; bottom: 17px;}

.calculators-content .calculators-form .calculators-mobile .row-select-cal::after{content: ''; display: inline-block; width: 26px; height: 26px; background: url(/wp-content/themes/vantage/images/select-arrow-down.svg); position: absolute; right: 15px; bottom: 17px;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal:hover{background: #ECECEC;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal{width: 100%; height: 61px; background: var(--v-grey-light2); border-radius: 8px; position: relative;padding: 29px 0 13px;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal label{font-size: var(--fs-18); position: absolute; z-index: 1; top: 20px; left: 15px; transition: all 0.25s linear;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .ul-select{width: 100%; padding: 6px 15px; position: absolute; top: 61px; background-color: var(--v-white); box-shadow: 0px 10px 14px #0000005E; z-index: 4; border-radius: 8px; display: none; max-height: 250px; overflow-y: auto;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .ul-select::-webkit-scrollbar-thumb{background: #e35728; border-radius: 2px; width: 4px;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .ul-select::-webkit-scrollbar-track{width: 4px; background: transparent;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .li-option{height: 32px; width: 100%; color: var(--v-black); font-size: var(--fs-16); text-transform: uppercase; line-height: 32px;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .li-option:hover{background: #e8e9ed;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .row-content{width: 100%; height: 100%; margin: 0; padding: 0 15px; font-size: var(--fs-16); color: var(--v-black);}
.calculators-content .calculators-form .calculators-mobile .row-select-cal .up-text{font-size: 12px; color: #e35728; top: 11px;}
.calculators-content .calculators-form .calculators-mobile .row-select-cal.row-active{border-radius: 8px 8px 0px 0px; background: #E2E2E2; border-bottom: 2px solid #e35728; transition: all 0.25s linear;}

.calculators-content .calculators-form .calculators-box .calculators-title{margin-bottom: 40px;}
.calculators-content .calculators-form .calculators-box .calculators-title .title-box{margin-bottom: 20px; padding-bottom: 14px; display: flex; align-items: center; border-bottom: 2px solid var(--v-black);}
.calculators-content .calculators-form .calculators-box .calculators-title .back{width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin-right: 16px; position: relative;}
.calculators-content .calculators-form .calculators-box .calculators-title .back::after{content: ''; display: block; width: 50px; height: 50px; background: #E5E5E5; border-radius: 50%; position: absolute; transition: .3s; opacity: 0;}
.calculators-content .calculators-form .calculators-box .calculators-title .back a{position: relative; z-index: 1;}
.calculators-content .calculators-form .calculators-box .calculators-title .back:hover::after{opacity: 1;}
.calculators-content .calculators-form .calculators-box .calculators-title h2{font-weight: 600; color: var(--v-black); font-size: var(--fs-30); line-height: 1.2; }
.calculators-content .calculators-form .calculators-box .calculators-title p{margin: 0; font-size: var(--fs-18); color: var(--v-black); line-height: 1.55;}
.calculators-content .calculators-form .calculators-box .statement{font-size: var(--fs-16);color: #636363;margin-top: 15px;margin-left: 15px;}
.calculators-content .calculators-form .calculators-box .statement p{margin-bottom: 0;}
.calculators-content .calculators-form .calculators-box.forex-calculators .statement,.calculators-content .calculators-form .calculators-box.fibonacci-calculators .statement,.calculators-content .calculators-form .calculators-box.risk-calculators .statement{padding-left: 30px;}

.calculators-content .calculators-form .more-result-form form{gap: 30px; flex-wrap: nowrap;}
.calculators-content .calculators-form .more-result-form form .calculators-date{width: 62%; max-width: 340px;}
.calculators-content .calculators-form .more-result-form form .calculators-date .row-warp{margin-left: 0; width: 100%;}
.calculators-content .calculators-form .more-result-form form .right-box{width: 65%; height: fit-content; max-width: 680px;}
.calculators-content .calculators-form .more-result-form form .more-result-content{width: 100%; height: fit-content; max-width: 680px; background: #eee; border: 2px solid #E2E2E2; padding: 16px 30px 0;}
.calculators-content .calculators-form .more-result-form form .more-result-content .result-title p{font-size: var(--fs-22); color: #404040; line-height: 1.36; font-weight: 600; margin-bottom: 20px;}
.calculators-content .calculators-form .more-result-form form .more-result-content li{width: 100%; display: flex; justify-content: space-between; padding-bottom: 13px; margin-bottom: 32px; border-bottom: 1px solid #ddd; color: #636363; line-height: 1.22 }
.calculators-content .calculators-form .more-result-form form .more-result-content li p{margin: 0; font-size: var(--fs-18);}
.calculators-content .calculators-form .more-result-form form .more-result-content li .result-num{text-align: right;}
.calculators-content .calculators-form .more-result-form form .result{margin-left: 0; margin-top: 16px;}
.calculators-content .calculators-form .more-result-form form .result div{margin-right: 0; width: 100%;}
.calculators-content .calculators-form .more-result-form form .more-result-content.active{background: #E8E9ED;}
.calculators-content .calculators-form .more-result-form form .more-result-content.active h2,
.calculators-content .calculators-form .more-result-form form .more-result-content.active li p{color: var(--v-green-darker);}

.calculators-box{display: none;}

.row2 .trade-on-app .trade-on-app-top{background: url(/wp-content/themes/vantage/images/forex-trading-img8.webp) no-repeat;background-size: cover;}
.row2 .trade-on-app .trade-on-app-top .img-box{max-width: 400px;}
.trade-on-app-bottom ul li:last-child{padding-right: 48px !important;}
.trade-on-app .trade-on-app-top h2 br{display: block !important;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result .result-title{ padding: 20px;background: var(--v-grey) !important;color: var(--v-white);margin: 0;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result .result-title p{color: var(--v-white);margin-bottom:0;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result li{padding: 20px 30px;margin-bottom:0;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result{padding: 0;background: #ffffff;box-shadow: 0px 15px 30px #0000001a;border: none;border-radius: 10px;overflow: hidden;}
.row.row-sel.no-after::after {display: none;}

html[lang='ar-AE'] .calculators-content .calculators-form .row label,
html[lang='ar-AE'] .calculators-content .calculators-form .calculators-mobile .row-select-cal label{left: auto; right: 15px;}

html[lang='ar-AE'] .calculators-content .calculators-form .row-sel::after,
html[lang='ar-AE'] .calculators-content .calculators-form .calculators-mobile .row-select-cal::after,
html[lang='ar-AE'] .calculators-content .calculators-form .text img{right: auto; left: 15px;}

html[lang='ar-AE'] .calculators-content .item li,
html[lang='ar-AE'] .calculators-content .calculators-form .more-result-form form .more-result-content .result-title p,
html[lang='ar-AE'] .calculators-content .calculators-form .row,
html[lang='ar-AE'] .calculators-content .calculators-form .row input,
html[lang='ar-AE'] .calculators-content .calculators-form .calculators-mobile .row-select-cal .row-content,
html[lang='ar-AE'] .calculators-content .calculators-form .row .li-option{text-align: right;}
html[lang='ar-AE'] .calculators-content .calculators-form .calculators-box .statement{margin-left: 0; margin-right: 15px; padding-left: 0; padding-right: 30px; text-align: right;}

@media (max-width:960px) {
.calculators-content .calculators-form .row-warp{width: 45%;}

.calculators-content .calculators-form .more-result-form form{gap: 10px;}

.trade-on-app .trade-on-app-top .img-box{right: -2%;}
.trade-on-app .trade-on-app-bottom{padding: 30px 50px 45px 50px !important;}
.trade-on-app-bottom ul li{padding-right: 30px !important;}
.trade-on-app-bottom ul li:last-child{padding-right: 30px !important;}
}
@media (max-width:768px) {
.calculators-content{padding: 40px 0 36px;}
.calculators-content .item{display: none;}
.calculators-content .title{margin-bottom: 40px;}
.calculators-content .calculators-form form{flex-direction: column; align-items: center;}
.calculators-content .calculators-form .row label{top: 20px;}
.calculators-content .calculators-form .row-warp{width: 100%; max-width: 500px; margin-left: 0; margin-bottom: 12px;}
.calculators-content .calculators-form .row-warp.calculators-mobile{display: block;}
.calculators-content .calculators-form .result{flex-direction: column; max-width: 500px; margin-top: 6px; margin-left: 0;}
.calculators-content .calculators-form .result div{margin-bottom: 10px; margin-right: 0; width: 100%;}
.calculators-content .calculators-form .result div:hover::after{transform: translate3d(-50%, -50%, 0) scale(26, 15);}
.calculators-content .calculators-form .result p{padding-left: 10px;}
.calculators-content .calculators-form .more-result-form form .calculators-date{width: 100%; max-width: 500px;}
.calculators-content .calculators-form .more-result-form form .right-box{width: 100%; max-width: 500px;}
.calculators-content .calculators-form .more-result-form form .more-result-content{ padding: 0;}
.calculators-content .calculators-form .more-result-form form .more-result-content .result-title p{display: none;}
.calculators-content .calculators-form .more-result-form form .more-result-content li{margin-bottom: 0; padding: 16px 20px;}
.calculators-content .calculators-form .more-result-form form .more-result-content li p{font-weight: 500;}
.calculators-content .calculators-form .more-result-form form .orange-button:hover::after{transform: translate3d(-50%, -50%, 0) scale(28, 15);}
.calculators-content .calculators-form .calculators-box .calculators-title{margin: 0 auto; margin-bottom: 20px; max-width: 500px;}
.calculators-content .calculators-form .calculators-box .calculators-title .title-box{margin-bottom: 15px; padding-bottom: 13px;}
.calculators-content .calculators-form .calculators-box .calculators-title .back{width: 26px; height: 26px; margin-right: 8px;}
.calculators-content .calculators-form .calculators-box .calculators-title .back::after{width: 36px; height: 36px;}
.calculators-content .calculators-form .calculators-box .calculators-title .back a{display: flex; align-items: center; justify-content: center;}
.calculators-content .calculators-form .calculators-box.forex-calculators .statement,.calculators-content .calculators-form .calculators-box.fibonacci-calculators .statement,.calculators-content .calculators-form .calculators-box.risk-calculators .statement{padding-left: 20px;}

.calculators-content .calculators-form .calculators-box .statement{margin-left: 0;}

.row2 .trade-on-app{padding: 30px 0;}
.row2 .trade-on-app .trade-on-app-top{padding: 28px 23px 166px;}
.row2 .trade-on-app .trade-on-app-top .img-box{display: block !important; max-width: 240px;}

.row2 .trade-on-app .trade-on-app-bottom{padding: 20px 12px;}
.row2 .trade-on-app .trade-on-app-bottom .text-box{flex-direction: column; margin: 0;}
.row2 .trade-on-app .trade-on-app-bottom .text-box li{padding: 0; margin-bottom: 16px; display: flex; gap: 12px; max-width: 100%;}
.row2 .trade-on-app .trade-on-app-bottom .text-box li .step-index{width: 36px; height: 36px; min-width: 36px;}
.row2 .trade-on-app .trade-on-app-bottom .img-box{flex-direction: row; gap: 6px; justify-content: center;}
.row2 .trade-on-app .trade-on-app-bottom .img-box a{max-width: 161px;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result li{padding:16px 20px;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result .result-title{padding: 10px 20px;}
.calculators-content .calculators-form .more-result-form form .fibonacci-result .result-title p{display: block;}
}
@media (max-width:510px) {
.calculators-content .title{margin-bottom: 24px;}
.calculators-content .calculators-form .result{margin-top: 10px; margin-left: 0;}
.calculators-content .calculators-form .result div{margin-bottom: 16px;}
.calculators-content .content{flex-direction: column;}
.calculators-content .item{max-width: 100%;}
.calculators-content .item ul{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-around;}
.calculators-content .item li{width: 100%; max-width: 90%; margin-right: 10px; margin-bottom: 20px;}
.calculators-content .calculators-form .row-warp{max-width: 100%; margin-left: 0;}
.calculators-content .calculators-form .calculators-box .calculators-title .back{width: 19px; height: 19px;}
.calculators-content .calculators-form .calculators-box .calculators-title .back::after{width: 25px; height: 25px;}

.row2 .trade-on-app .trade-on-app-top .img-box{right: 0; left: 0; margin: auto;}
.row2 .trade-on-app .trade-on-app-bottom .text-box li .step-index{width: 24px; height: 24px; min-width: 24px;}
}