.islamic-box * { font-family:'Roboto', sans-serif; }
.islamic-box p { margin-bottom:0 !important; }
.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:inherit !important; }

.wrap-section { max-width:1380px; position:relative; margin:0 auto; }
.wrap-section > h2 { font-weight: 500; font-size: 36px; line-height: 44px; color: #000; text-align:center; padding:0 0 30px; margin:0 !important; }

.islamic-top-wrapper { width:100%; margin-top:-20px; } /* back-in-minWidth */
    .islamic-top { max-width:1470px; position:relative; margin:0 auto; }
        .islamic-top-right { width:710px; margin-left:735px; padding-bottom: 100px; }
            .islamic-top-mob { display:none; position:relative; top:-20px; }
            .islamic-top-right > h2 { padding:185px 0 27px; font-weight: 600; font-size: 56px; line-height: 66px; letter-spacing: 2px; color: #181818 !important; text-align:left; }
            html[lang=my] .islamic-top-right > h2 { letter-spacing: inherit !important; }
            .islamic-top-right > p { font-weight: 500; font-size: 32px; line-height: 42px; color: #797979 !important; margin:0 auto; padding-bottom:58px; }
            .islamic-top-right > a { display:table; background: #007FD8; border-radius: 50px; font-weight: 600; font-size: 24px; line-height: 74px; text-align: center; text-transform: uppercase; color: #FFFFFF !important; border-radius: 50px; padding:0 25px; text-decoration:none !important; display:table; }
            .islamic-top-right > a:hover { background:#0c8de9; }

.specify-wrapper { width:100%; padding-bottom:100px; }
    .specify { max-width:1452px !important; }
        .specify-blocks { display:table; margin:0 auto; }
            .specify-block { width:calc(25% - 80px); margin:0 40px; float:left; position:relative; }
            .specify-block:before { position:absolute; content:''; }
            #spec1:before { width:125px; height:94px; background:url('../images/spec1.png') no-repeat; left:calc(50% - 62px); top:0px; }
            #spec2:before { width:129px; height:80px; background:url('../images/spec2.svg') no-repeat; left:calc(50% - 64px); top:7px; }
            #spec3:before { width:112px; height:59px; background:url('../images/spec3.svg') no-repeat; left:calc(50% - 56px); top:17px; }
            #spec4:before { width:91px; height:90px; background:url('../images/spec4.svg') no-repeat; left:calc(50% - 45px); top:2px; }
                .specify-block > h3 { font-weight: 500; font-size: 24px; line-height: 30px; text-align: center; color: #000; padding-top:110px; margin:0; }
                .specify-block > p { padding-top:14px; font-size: 20px; line-height: 32px; text-align: center; color: #707070; margin:0; }

.avada-wrapper { width:100%; }
    .avada { padding-bottom:90px; }
        .avada.wrap-section > h2 { padding-bottom:20px; }
    .avada > ul { display: table; margin: 0 auto; }
        .avada > ul > li { position:relative; padding-left:30px; font-size: 16px; line-height: 22px; color: #333333; margin:0 0 16px; }
        .avada > ul > li:before { content:''; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:6px; background:#007FD8; }
    .islamic-top__button { margin:35px auto 0; display:table; }
        .islamic-top__button > a { display:table; line-height:60px; padding:0 69px; font-weight: 500; font-size: 18px; text-transform: uppercase; color: #fff !important; border-radius: 50px; background:#007FD8; text-decoration:none !important; }
        .islamic-top__button > a:hover { opacity:0.8; }

.acctypes-wrapper { width:100%; background:#F9F9F9; padding-top:100px; }
    .acctypes { padding-bottom:90px; }
    .acctypes-blocks { display:table; margin:0 auto; width: 100%; }
        .acctypes-block { float:left; margin:0 15px; position:relative; padding-top:170px; background: #FFFFFF; border: 1px solid #ECECEC; border-radius: 5px; }
        .acc3 { width:calc(33% - 32px); }
        .acc2 { width:calc(50% - 32px); } 
        .acctypes-block:before { content:''; position:absolute; }
        #acctype1:before { background:url('../images/type1.svg') no-repeat; width:89px; height:100px; left:calc(50% - 44px); top:50px; }
        #acctype2:before { background:url('../images/type2.svg') no-repeat; width:100px; height:96px; left:calc(50% - 50px); top:48px; }
        #acctype3:before { background:url('../images/type3.svg') no-repeat; width:100px; height:100px; left:calc(50% - 50px); top:50px; }
            .acctypes-block > h3 { font-weight: 700; font-size: 24px; line-height: 30px; text-align: center; color: #000000; padding:0 20px; }
            .acctypes-list { }
                .acctypes-list > div { margin:0 30px 16px; }
                    .acctypes-list > div > p { font-weight: 500; font-size: 16px; line-height: 20px; color: #000000 !important; margin:0 !important; }
                    .acctypes-list > div > p.empty-height { padding-bottom: 140px; }
                    .acctypes-list > div > p.ac-desc { font-weight:400; font-size: 12px; line-height: 18px; color: #707070 !important; }
                .acctypes-links { margin-top:20px; text-align:center; }
                    .acctypes-links > a:first-child { font-weight: 500; font-size: 16px; line-height: 20px; text-decoration: underline; color: #007FD8; }
                    .acctypes-links > a:hover { opacity:0.8; text-decoration:none; }
                    .acctypes-links > a:first-child + a { display:table; margin:20px auto; border:2px solid #007FD8; border-radius: 50px; font-weight: 500; font-size: 18px; line-height:30px; text-transform: uppercase; color: #007FD8; text-decoration:none; padding:15px 40px; }

.what-block-wrapper { width:100%; padding-top: 100px; }
    .what-block > p { font-size:18px; line-height:26px; }

.how-block-wrapper { width:100%; padding-top: 100px; }
    .how-blocks { display:table; margin:0 auto; }
        .how-blocks > div { width:calc(33% - 100px); margin:0 50px 45px; float:left; }
        .how-blocks > div:nth-child(3n-2) { clear:both; }
        .how-blocks > div:nth-child(4) { margin-left:calc(33% - 178px); }
            .step { font-size: 9px; line-height: 19px; padding:0 11px; text-align: center; color: #707070; background: #F1F1F1; border-radius: 2px; display:table; margin:0 auto 20px; text-transform:uppercase; }
            .how-blocks img { max-width:100%; display:table; margin:0 auto 20px; }
            
            .how-blocks p { font-size: 14px; line-height: 20px; text-align: center; color: #707070; }

        .how-blocks + .islamic-top__button { margin-top: 0; }

.available-platforms-wrapper { width:100%; background: #F9F9F9; padding-top: 100px; }
    .available-platforms { padding-bottom: 100px !important; }
        .wrap-section.available-platforms > h2 { padding-bottom:80px; }
        .avp-web-platform { padding-left:535px; position:relative; min-height:300px; max-width: 960px; margin: 0 auto; }
        .avp-web-platform:before { content:''; width:519px; height:300px; position:absolute; top:0; left:0; background:url('../images/platform2.png') no-repeat; }
        .avp-web-platform > h3 { font-weight: 500; font-size: 28px; line-height: 34px; text-align: center; color: #000 !important; padding-bottom:25px; margin: 0 !important; }
        .avp-web-platform > p { font-size: 18px; line-height: 26px; text-align: center; color: #707070; padding-bottom:35px; }
        .avp-web-platform > a { display:table; margin:0 auto; padding:0 44px; line-height:60px; font-weight: 500; font-size: 18px; text-transform: uppercase; color: #FFF !important; border-radius: 50px; text-decoration:none !important; background: #007FD8; }
        .avp-web-platform > a:hover { opacity:0.8; }
    .avp-metatraders { max-width:1380px; padding-top:80px; display: grid; margin: 0 auto; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
    .avp-metatraders.no-ctrader { max-width:960px; grid-template-columns: 1fr 1fr; }
        .avp-metatraders > div { position:relative; }
        .avp-metatraders > div:before { content:''; position:absolute; }
        #mt4_pic:before { width:254px; height:43px; left:calc(50% - 127px); top:0; background:url('../images/mt4.png') no-repeat; }
        #mt5_pic:before { width:244px; height:41px; left:calc(50% - 122px); top:1px; background:url('../images/mt5.png') no-repeat; }
        #ctrader:before { width: 225px; height: 63px; left: calc(50% - 112px); top: -15px; background:url('../images/ctrader.png') no-repeat 50% 50% / contain; }
            .avp-metatraders > div > p { font-size: 18px; line-height: 32px; text-align: center; color: #333333; padding:65px 0 17px; }
            .avp-metatraders > div > a { font-weight: 600; font-size: 18px; line-height:48px; text-transform: uppercase; color: #007FD8 !important; border-radius: 50px; padding:0 32px; text-decoration:none !important; display:table; margin:0 auto; border: 2px solid #007FD8; border-radius: 50px; }
            .avp-metatraders > div > a:hover { opacity:0.8; }

.trader-tools-wrapper { width:100%; padding-top: 100px; }
    .trader-tools-blocks { display:grid; margin:0 auto; grid-template-columns: 1fr 1fr 1fr 1fr; gap:40px; }
        .trader-tools-blocks > a { position:relative; display:block; padding-top:120px; font-weight: 500; font-size: 24px; line-height: 30px; text-align: center; color: #000 !important; text-decoration:none; display:block; }
        .trader-tools-blocks > a:hover { text-decoration:underline; }
        .trader-tools-blocks > a:before { content:''; position:absolute; }
        #tool1:before { background:url('../images/tools1.svg') no-repeat; width:140px; height:61px; left:calc(50% - 70px); top:16px; }
        #tool2:before { background:url('../images/tools2.svg') no-repeat; width:90px; height:90px; left:calc(50% - 45px); top:2px; }
        #tool3:before { background:url('../images/tools3.svg') no-repeat; width:93px; height:93px; left:calc(50% - 46px); top:0; }
        #tool4:before { background:url('../images/tools4.svg') no-repeat; width:94px; height:94px; left:calc(50% - 47px); top:0; }
        .trader-tools-blocks > a:hover:before { opacity:0.8; }

.pluses-wrapper { width:100%; padding-bottom: 100px; }
    .pluses-blocks { display:table; margin:0 auto; width: 100%; }
        .pluses-blocks > div { width:calc(33% - 50px); margin:30px 25px 0px; float:left; position:relative; padding-top:120px; }
        .pluses-blocks > div:nth-child(3n - 2) { clear:both; }
        .pluses-blocks > div:before { content:''; position:absolute; }
        #plus1:before { background:url('../images/avd1.svg') no-repeat; width:100px; height:75px; left:calc(50% - 50px); top:12px; }
        #plus2:before { background:url('../images/avd2.svg') no-repeat; width:100px; height:100px; left:calc(50% - 50px); top:0px; }
        #plus3:before { background:url('../images/avd3.svg') no-repeat; width:100px; height:100px; left:calc(50% - 50px); top:0px; }
        #plus4:before { background:url('../images/avd4.svg') no-repeat; width:100px; height:100px; left:calc(50% - 50px); top:0px; }
        #plus5:before { background:url('../images/avd5.svg') no-repeat; width:100px; height:100px; left:calc(50% - 50px); top:0px; }
        #plus6:before { background:url('../images/avd6.svg') no-repeat; width:100px; height:100px; left:calc(50% - 50px); top:0px; }
            .myyear { position: absolute; top: 27px; text-align: center; width: 100%; color: #007FD8; font-weight: 500; font-size: 34px; font-family: 'Roboto', sans-serif; }
            .pluses-blocks > div > h3 { font-weight: 500; font-size: 24px; line-height: 30px; text-align: center; color: #000; margin:0 !important; padding-bottom:20px; }
            .pluses-blocks > div > p { font-size: 14px; line-height: 20px; text-align: center; color: #707070; text-align:center; }

.islamic-conditions-wrapper { width:100%; padding-top: 100px; padding-bottom: 100px; }
    .islamic-conditions > p { font-size: 18px; line-height: 26px; color: #333333; padding-bottom:10px; }

    .islamic-condition-blocks { display:grid; max-width:860px; margin:20px auto 0; gap:16px; grid-template-columns: 1fr 1fr; align-items: center; }
    .islamic-condition-blocks.noswap-links { grid-template-columns: 1fr; }
    .islamic-condition-blocks > a { background: #f5f5f5; border-radius: 5px; color: #333; font-size: 18px; line-height: 26px; padding: 30px; text-align: center; display: flex;  height: 100%; align-items: center; justify-content: center; }

    .faqswap-wrapper { width:100%; padding-bottom:50px; padding-top: 100px; }
        .faqswap { display:table; margin:0 auto; }
            .faqswap > h2 { text-align: left; padding-bottom:0; }
            body[dir=rtl] .faqswap > h2 { text-align: right; }
            .faq-block { padding-top:50px; }
                .faq-block > h3 { color:#000 !important; font-weight: 500; font-size:24px; line-height:30px; margin:0 !important; }
                .faq-block > p { padding-top:5px; font-size:18px; line-height:26px; color:#333333 !important; margin:0 !important; }


/* AR-FA */
html[lang=ar] .islamic-top-right > h2, html[lang=fa] .islamic-top-right > h2 { text-align:right; }
html[lang=ar] .specify-block, html[lang=fa] .specify-block { float:right; }
html[lang=ar] .avada > ul > li, html[lang=fa] .avada > ul > li { padding-left:0; padding-right:30px; }
html[lang=ar] .avada > ul > li:before, html[lang=fa] .avada > ul > li:before { left:auto; right:0; }
html[lang=ar] .acctypes-block, html[lang=fa] .acctypes-block { float: right; }
html[lang=ar] .how-blocks > div, html[lang=fa] .how-blocks > div { float:right; }
html[lang=ar] .how-blocks > div:nth-child(4), html[lang=fa] .how-blocks > div:nth-child(4) { margin-left:0; margin-right: calc(33% - 178px); }
html[lang=ar] .avp-web-platform, html[lang=fa] .avp-web-platform { padding-left: 0; padding-right: 535px; }
html[lang=ar] .avp-web-platform:before, html[lang=fa] .avp-web-platform:before { left: auto; right: 0; }



@media (min-width:580px) {
    .islamic-top-wrapper { min-height:826px; position:relative; }
    .islamic-top-wrapper:before { background:url('../images/top-swap.jpg') no-repeat 0% 50% / contain; width:875px; left:0; top:0; position:absolute; content:''; height:826px; }
}

@media (max-width:1600px) {
    .islamic-top-wrapper { min-height: 526px; }
    .islamic-top-wrapper:before { width:437px; height:413px; top:100px; }
    .islamic-top-right { width: calc(100% - 470px); margin-left: 450px; }
    .islamic-top-right > h2 { padding-top:100px; }
}

@media (max-width:1490px) {
    .islamic-top-right > h2 { font-size: 48px; line-height: 58px; }
    .islamic-top-right > p { font-size: 28px; line-height: 36px; }
    .islamic-top-right > a { font-size: 22px; line-height: 70px; }

    .wrap-section > h2 { font-size:32px; line-height:42px; }

    html[lang=ar] .islamic-top-right, html[lang=fa] .islamic-top-right { padding-right:40px; }
}

@media (max-width:1400px) {
    .wrap-section { padding:0 20px; }
    .avada { padding-bottom:50px; }

    .how-blocks > div { width: calc(50% - 100px); margin: 0 50px 45px !important; }
    .how-blocks > div:nth-child(3n-2) { clear: inherit; }
    .how-blocks > div:nth-child(2n-1) { clear: both; }
}

@media (max-width:1110px) {
    .islamic-top-right > h2 { font-size: 38px; line-height: 48px; letter-spacing: 1px; }
    .islamic-top-right > p { font-size: 24px; line-height: 32px; }
    .islamic-top-right > a { font-size: 22px; line-height: 30px; padding: 20px 35px; }

    .specify-block { width: calc(50% - 80px); margin: 0 40px 40px; }
    .specify-block:nth-child(2n-1) { clear:both; }

    .acctypes-block { width:calc(50% - 32px); margin-bottom:32px; }

    .trader-tools-blocks { grid-template-columns: 1fr 1fr; }

    .pluses-blocks > div { width: calc(50% - 50px); }
    .pluses-blocks > div:nth-child(3n - 2) { clear:inherit; }
    .pluses-blocks > div:nth-child(2n - 1) { clear:both; }
}

@media (max-width:1000px) {
    .islamic-top-wrapper { min-height: 326px; }
    .islamic-top-wrapper:before { width: 300px; height: 284px; top: 0px; }
    .islamic-top-right { width: calc(100% - 300px); margin-left: 280px; }
    .islamic-top-right > h2 { padding: 55px 0 27px; }

    .avp-web-platform:before { width: 294px; height: 170px; background-size: contain !important; top: 40px; }
    .avp-web-platform { padding-left: 310px; min-height: 180px; display: table; margin: 0 auto; width: 760px; }
    .avp-metatraders > div > p { font-size: 14px; line-height: 20px; }
    #mt4_pic:before { width:170px; height:28px; left:calc(50% - 85px); top:10px; background:url('../images/mt4.png') no-repeat 50% 50% / contain; }
    #mt5_pic:before { width:163px; height:28px; left:calc(50% - 81px); top:10px; background:url('../images/mt5.png') no-repeat 50% 50% / contain; }

    html[lang="ar"] .avp-web-platform, html[lang="fa"] .avp-web-platform { padding-right:310px; }
}

@media (max-width:780px) {

    .wrap-section > h2 { font-size:28px; line-height:36px; padding:0px 0 25px; }

    .specify-wrapper { padding-bottom:50px; padding-top: 50px; }
    .specify-block { width: 100%; margin: 30px auto; display:table; }

    .islamic-top__button > a { line-height:26px; padding:16px 30px; }

    .acctypes-wrapper { padding-top: 0; padding-bottom: 18px; }
    .acctypes > h2 { padding:20px 0; }
    .acctypes-block { width:auto; float:none; }
    .acctypes-list > div > p.empty-height { padding-bottom:0 !important; }
    .acctypes-links { padding-bottom:20px; }

    .what-block-wrapper { padding-top: 30px; }
    .what-block > p { font-size:14px; line-height:20px; padding-bottom:10px; }

    .how-block-wrapper { padding-top: 40px; }
    .how-block { padding-bottom:50px !important; }
    .how-blocks > div { width: 100%; margin: 0 auto 40px !important; display:table; float:none; }
    .how-blocks > div.clear { margin:0 !important; }

    .available-platforms-wrapper { padding-top: 50px; }
    .available-platforms { padding-bottom:50px !important; }
    .wrap-section.available-platforms > h2 { padding-bottom:30px; }
    .avp-web-platform { padding: 190px 0 0 !important; width:auto; }
    .avp-web-platform::before { top: 0; left: calc(50% - 147px) !important; right: auto !important; }
    .avp-web-platform > h3 { font-size: 22px; line-height: 32px; }
    .avp-web-platform > p { font-size: 14px; line-height: 20px; }
    .avp-metatraders { grid-template-columns: 1fr; }
    .avp-metatraders > div { max-width: 480px; margin: 0 auto 40px !important; display: table; }
    .avp-metatraders > div > p { font-size: 18px; line-height: 26px; }
    #mt4_pic:before { width:254px; height:43px; left:calc(50% - 127px); top:0; background:url('../images/mt4.png') no-repeat; }
    #mt5_pic:before { width:244px; height:41px; left:calc(50% - 122px); top:1px; background:url('../images/mt5.png') no-repeat; }

    .trader-tools-blocks { grid-template-columns: 1fr; gap:40px; }
    .trader-tools-blocks > a { padding-top: 110px; }

    .pluses-wrapper { padding-bottom: 50px; padding-top: 80px; }
    .pluses-blocks > div { width: 100%; margin:0 auto 40px; display:table; }

    .islamic-conditions-wrapper { padding-bottom: 20px; }
    .islamic-conditions > p { font-size: 14px; line-height: 20px; padding-bottom: 5px; }
    
    .islamic-condition-blocks { grid-template-columns: 1fr; }

    .faq-block { padding-top: 20px; }
    .faq-block > h3 { font-size: 22px; line-height: 28px; }
}

@media (max-width:680px) {
    .islamic-top-wrapper { min-height:inherit; padding-top:0px; position: relative; overflow: hidden; }
        
    .islamic-top-mob { display:block; position:relative; top:-20px; }
    .islamic-top-mob img { max-width:100%; }

    .islamic-top-wrapper:before { display:none; /* background:url('../images/top-swap-mob.jpg') no-repeat 50% 0% / contain !important; top:0; left:calc(50% - 180px); width:360px; height:360px; content:''; position:absolute;*/ }
    .islamic-top-right { margin-left: auto; width: auto; padding: 0px 20px 70px !important; display: table; margin: 0 auto; text-align: center; }

    .islamic-top-right { width: auto; margin-left: auto; padding: 0 20px; }
    .islamic-top-right > h2 { text-align:center; padding:0 0 30px !important; margin: 0 !important; }
    .islamic-top-right > p { text-align:center; }
    .islamic-top-right > a { display: table; margin:0 auto; }
}

@media (max-width:580px) {
    .wrap-section > h2 { font-size:24px; line-height:30px; padding:0px 0 20px; }

    .islamic-top-right > h2 { text-align:center; font-size:28px; line-height:34px; padding:0 0 30px !important; margin: 0 !important; }
    .islamic-top-right > p { font-size: 22px; line-height: 30px; padding-bottom:30px; }
    .islamic-top-right > a { margin: 0 auto; font-size: 16px; line-height: 24px; }

    .wrap-section.acctypes { padding:0 10px; }
    .acctypes-block { margin: 0 0 32px; }
    .acctypes-links > a:first-child + a { padding:15px; }

    .islamic-top__button > a { text-align:center; }

    .faq-block { padding-top: 25px; }
    .faq-block > h3 { font-size: 18px; line-height: 24px; }
    .faq-block > p { font-size: 15px; line-height: 21px; color: #707070 !important; }
}

@media (max-width:440px) {
    .islamic-top-right { padding-top:170px; }
    
}

@media (max-width:320px) {
    .islamic-top-right { padding-top:140px; }
    .islamic-top-right > h2 { font-size:24px; line-height:32px; }
    .islamic-top-right > p { font-size: 20px; line-height: 28px; }

    .avp-web-platform::before { width: 270px; height:156px; left:calc(50% - 135px); }
}