@charset utf-8;
/*
Theme Name: vt
*/

@font-face {
    font-family: "Roboto-Black";
    src: url("fonts/Roboto-Black.ttf") format("truetype"),
         url("fonts/Roboto-Black.woff2") format("woff2"),
         url("fonts/Roboto-Black.woff") format("woff"),
         url("fonts/Roboto-Black.eot") format("embedded-opentype"),
         url("fonts/Roboto-Black.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-BlackItalic";
    src: url("fonts/Roboto-BlackItalic.ttf") format("truetype"),
         url("fonts/Roboto-BlackItalic.woff2") format("woff2"),
         url("fonts/Roboto-BlackItalic.woff") format("woff"),
         url("fonts/Roboto-BlackItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-BlackItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("fonts/Roboto-Bold.ttf") format("truetype"),
         url("fonts/Roboto-Bold.woff2") format("woff2"),
         url("fonts/Roboto-Bold.woff") format("woff"),
         url("fonts/Roboto-Bold.eot") format("embedded-opentype"),
         url("fonts/Roboto-Bold.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-BoldItalic";
    src: url("fonts/Roboto-BoldItalic.ttf") format("truetype"),
         url("fonts/Roboto-BoldItalic.woff2") format("woff2"),
         url("fonts/Roboto-BoldItalic.woff") format("woff"),
         url("fonts/Roboto-BoldItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-BoldItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Italic";
    src: url("fonts/Roboto-Italic.ttf") format("truetype"),
         url("fonts/Roboto-Italic.woff2") format("woff2"),
         url("fonts/Roboto-Italic.woff") format("woff"),
         url("fonts/Roboto-Italic.eot") format("embedded-opentype"),
         url("fonts/Roboto-Italic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf") format("truetype"),
         url("fonts/Roboto-Light.woff2") format("woff2"),
         url("fonts/Roboto-Light.woff") format("woff"),
         url("fonts/Roboto-Light.eot") format("embedded-opentype"),
         url("fonts/Roboto-Light.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-LightItalic";
    src: url("fonts/Roboto-LightItalic.ttf") format("truetype"),
         url("fonts/Roboto-LightItalic.woff2") format("woff2"),
         url("fonts/Roboto-LightItalic.woff") format("woff"),
         url("fonts/Roboto-LightItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-LightItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Medium";
    src: url("fonts/Roboto-Medium.ttf") format("truetype"),
         url("fonts/Roboto-Medium.woff2") format("woff2"),
         url("fonts/Roboto-Medium.woff") format("woff"),
         url("fonts/Roboto-Medium.eot") format("embedded-opentype"),
         url("fonts/Roboto-Medium.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-MediumItalic";
    src: url("fonts/Roboto-MediumItalic.ttf") format("truetype"),
         url("fonts/Roboto-MediumItalic.woff2") format("woff2"),
         url("fonts/Roboto-MediumItalic.woff") format("woff"),
         url("fonts/Roboto-MediumItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-MediumItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf") format("truetype"),
         url("fonts/Roboto-Regular.woff2") format("woff2"),
         url("fonts/Roboto-Regular.woff") format("woff"),
         url("fonts/Roboto-Regular.eot") format("embedded-opentype"),
         url("fonts/Roboto-Regular.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Thin";
    src: url("fonts/Roboto-Thin.ttf") format("truetype"),
         url("fonts/Roboto-Thin.woff2") format("woff2"),
         url("fonts/Roboto-Thin.woff") format("woff"),
         url("fonts/Roboto-Thin.eot") format("embedded-opentype"),
         url("fonts/Roboto-Thin.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-Regular";
    src: url("fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
:root {
    --font-size-mobileHeader:26px;
    --font-size-mobileBody:12px;
    --text-text-Primary-Blue-P100: #718ADF;
    --text-text-Neutral-N60: #B3B9C4;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin: 0;padding: 0;}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{ background: #040406; font-size:var(--font-size-bodyLarge); color:var(--text-text-white-static); font-weight:normal;font-family: "Roboto-Regular";}
a{color:#031F45;text-decoration:none;outline-style:none;}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0A36C7;}
.a_other:hover{color:#0A36C7;}
p{line-height:var(--Body-Large-R);margin:0px 0px 23px;}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: "Roboto-Bold";}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: "Roboto-Bold";}

h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal;margin-top: 0;margin-bottom:30px;font-family: "Roboto-Bold";}
h1{font-size:var(--font-size-displayLarge);line-height:var(--Display-Large-S);}
h2{font-size:var(--font-size-displayMedium);line-height:var(--Display-Medium-S);}
h3{font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);}
h4{font-size:var(--font-size-headlineMedium);line-height:var(--Headline-Medium-S);}
h5{font-size:var(--font-size-headlineSmall);line-height:var(--Headline-Small-S);}
h6{font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i{color: #00F0FF;}
html[lang='ar-SA'] h1, 
html[lang='ar-SA'] h2, 
html[lang='ar-SA'] h3, 
html[lang='ar-SA'] h4, 
html[lang='ar-SA'] h5, 
html[lang='ar-SA'] h6, 
html[lang='ar-SA'] a, 
html[lang='ar-SA'] p, 
html[lang='ar-SA'] li, 
html[lang='ar-SA'] span, 
html[lang='ar-SA'] strong, 
html[lang='ar-SA'] b, 
html[lang='ar-SA'] em, 
html[lang='ar-SA'] i, 
html[lang='ar-SA'] th, 
html[lang='ar-SA'] label {direction: rtl;}

html[lang='ku'] h1, 
html[lang='ku'] h2, 
html[lang='ku'] h3, 
html[lang='ku'] h4, 
html[lang='ku'] h5, 
html[lang='ku'] h6, 
html[lang='ku'] a, 
html[lang='ku'] p, 
html[lang='ku'] li, 
html[lang='ku'] span, 
html[lang='ku'] strong, 
html[lang='ku'] b, 
html[lang='ku'] em, 
html[lang='ku'] i, 
html[lang='ku'] th, 
html[lang='ku'] label {direction: rtl;}

html[lang='fa'] h1, 
html[lang='fa'] h2, 
html[lang='fa'] h3, 
html[lang='fa'] h4, 
html[lang='fa'] h5, 
html[lang='fa'] h6, 
html[lang='fa'] a, 
html[lang='fa'] p, 
html[lang='fa'] li, 
html[lang='fa'] span, 
html[lang='fa'] strong, 
html[lang='fa'] b, 
html[lang='fa'] em, 
html[lang='fa'] i, 
html[lang='fa'] th, 
html[lang='fa'] label {direction: rtl;}

/* Custom variables */
:root {
    /* dark init */
    /* text */
    --text-text-1: #282D34;
    --text-text-2: #7A8699;
    --text-text-3: #C2C7D0;
    --text-text-4: #FFFFFF;
    /* text end */
    /* Line */
    --line-line-1: #1F2124;
    --line-line-2: #2D3033;
    /* Line end */
    /* Fill */
    --fill-fill-1: #121212;
    --fill-fill-2: #1D1D21;
    --fill-fill-3: #26262B;
    --fill-fill-4: #2D2D33;
    --fill-fill-5: #34343B;
    --fill-fill-6: #031F45;
    /* Fill end */
    /* Functional */
    --functional-blue-1: #01004D;
    --functional-blue-2: #010082;
    --functional-blue-3: #092EAA;
    --functional-blue-4: #0A36C7;
    --functional-blue-5: #0051FF;
    --functional-blue-6: #B5CBF4;
    --functional-blue-7: #E8F1FF;

    --functional-yellow-1: #4D3600;
    --functional-yellow-2: #785904;
    --functional-yellow-3: #FAD51E;
    --functional-yellow-4: #FBDF26;
    --functional-yellow-5: #FCEB56;
    --functional-yellow-6: #FEFCB7;
    --functional-yellow-7: #FFFFE8;

    --functional-red-1: #4D0400;
    --functional-red-2: #6D0C05;
    --functional-red-3: #CE4628;
    --functional-red-4: #D85834;
    --functional-red-5: #E27E5D;
    --functional-red-6: #F5CCB8;
    --functional-red-7: #FFF2EB;

    --functional-green-1: #004D0D;
    --functional-green-2: #066D13;
    --functional-green-3: #60BA21;
    --functional-green-4: #79DB35;
    --functional-green-5: #9AE467;
    --functional-green-6: #C3F5BD;
    --functional-green-7: #F0FFEE;

    --functional-cyan-1: #003D4D;
    --functional-cyan-2: #056679;
    --functional-cyan-3: #00BDD2;
    --functional-cyan-4: #00F0FF;
    --functional-cyan-5: #61FFFF;
    --functional-cyan-6: #BDFFFA;
    --functional-cyan-7: #EBFFFD;

    /* Functional end */
    /* Special */
    --special-mask: rgba(0,0,0,0.8);
    --special-btn-text:#FFFFFF;
    --special-static-white: #FFFFFF;
    --special-static-black: #000000;
    /* Special end */
    /* dark init end */


    /* light init */
    /* text */
    --light-text-text-1: #FFFFFF;
    --light-text-text-2: #C2C7D0;
    --light-text-text-3: #7A8699;
    --light-text-text-4: #282D34;
    /* text end */
    /* Line */
    --light-line-line-1: #F4F5F6;
    --light-line-line-2: #E8E9EA;
    /* Line end */
    /* Fill */
    --light-fill-fill-1: #FFFFFF;
    --light-fill-fill-2: #F9F9F9;
    --light-fill-fill-3: #F4F5F6;
    --light-fill-fill-4: #E5E7EB;
    --light-fill-fill-5: #D7D9DE;
    --light-fill-fill-6: #031F45;
    /* Fill end */
    /* Functional */
    --light-functional-blue-1: #E8F1FF;
    --light-functional-blue-2: #B4CBF4;
    --light-functional-blue-3: #2F5AD2;
    --light-functional-blue-4: #0A36C7;
    --light-functional-blue-5: #0627A8;
    --light-functional-blue-6: #010082;
    --light-functional-blue-7: #01004D;

    --light-functional-yellow-1: #FFFFE8;
    --light-functional-yellow-2: #FEFCB9;
    --light-functional-yellow-3: #FBE02E;
    --light-functional-yellow-4: #FAD000;
    --light-functional-yellow-5: #CFA500;
    --light-functional-yellow-6: #785800;
    --light-functional-yellow-7: #4D3600;

    --light-functional-red-1: #FFF0E8;
    --light-functional-red-2: #F5CBB7;
    --light-functional-red-3: #D85A37;
    --light-functional-red-4: #CE3513;
    --light-functional-red-5: #AE240C;
    --light-functional-red-6: #6D0B03;
    --light-functional-red-7: #4D0400;

    --light-functional-green-1: #EBFFE8;
    --light-functional-green-2: #BDF5B7;
    --light-functional-green-3: #95E25F;
    --light-functional-green-4: #79DB35;
    --light-functional-green-5: #60BA21;
    --light-functional-green-6: #036D11;
    --light-functional-green-7: #004D0D;

    --light-functional-cyan-1: #E8FFFD;
    --light-functional-cyan-2: #BAFFFA;
    --light-functional-cyan-3: #2EF8FF;
    --light-functional-cyan-4: #00F0FF;
    --light-functional-cyan-5: #00BDD2;
    --light-functional-cyan-6: #006579;
    --light-functional-cyan-7: #003D4D;

    /* Functional end */
    /* Special */
    --light-special-mask: rgba(0, 0, 0, 0.6);
    --light-special-btn-text:#0A36C7;
    --light-special-static-white: #FFFFFF;
    --light-special-static-black: #000000;
    /* Special end */
    /* light init end */


    /* Font Size */
    --font-size-displayLarge:64px;
    --Display-Large-S: 1.125;

    --font-size-displayMedium:48px;
    --Display-Medium-S: 1.17;

    --font-size-headlineLarge:36px;
    --Headline-Large-S: 1.22;

    --font-size-headlineMedium:28px;
    --Headline-Medium-S: 1.28;

    --font-size-headlineSmall:24px;
    --Headline-Small-S: 1.33;
    
    --font-size-titleLarge:20px;
    --Title-Large-S: 1.4;

    --font-size-titleMedium:16px;
    --Title-Medium-S: 1.5;

    --font-size-titleSmall:14px;
    --Title-Small-S: 1.43;

    --font-size-bodyLarge:16px;
    --Body-Large-R: 1.5;

    --font-size-bodyMedium:14px;
    --Body-Medium-R: 1.43;

    --font-size-bodySmall:12px;
    --Body-Small-R: 1.33;

    --font-size-bodyMini:10px;
    --Body-Mini-R: 1.4;

    --font-size-linkLarge:16px;
    --Link-Large-R: 1.5;

    --font-size-linkMedium:14px;
    --Link-Medium-R: 1.43;

    --font-size-linkSmall:12px;
    --Link-Small-R: 1.33;
    
    /* Font Size end */

}
body[theme-mode="dark"]{
    /* Text */
    --text-text-primary: var(--text-text-4);
    --text-text-secondary: var(--text-text-3);
    --text-text-tertiary: var(--text-text-2);
    --text-text-special: var(--text-text-1);
    --text-text-blue-cyan: var(--functional-cyan-4);
    --text-text-cyan-blue: var(--functional-blue-4);
    --text-text-white-static: var(--special-static-white);
    --text-text-black-static: var(--special-static-black);
    /* Text end */

    /* Fill */
    --fill-page-primary: var(--fill-fill-1);
    --fill-page-secondary: var(--fill-fill-2);
    --fill-page-tertiary: var(--fill-fill-3);
    --fill-card: var(--fill-fill-3);
    --fill-page-gray: var(--fill-fill-2);
    --fill-brand-bg: var(--fill-fill-6);
    --fill-input-default: var(--fill-fill-3);
    /* Fill end */

    /* Line */
    --line-divider-primary: var(--line-line-1);
    --line-border: var(--line-line-2);
    /* Line end */

    /* Functional */
    --functional-tints-blue: var(--functional-blue-4);
    --functional-tag-border-blue: var(--functional-blue-3);
    --functional-tints-primary-bg: var(--functional-blue-1);
    --functional-tints-alert: var(--functional-yellow-4);
    --functional-tag-border-yellow: var(--functional-yellow-3);
    --functional-tints-alert-bg: var(--functional-yellow-1);
    --functional-tints-error: var(--functional-red-4);
    --functional-tag-border-red: var(--functional-red-3);
    --functional-tints-error-bg: var(--functional-red-1);
    --functional-tints-success: var(--functional-green-4);
    --functional-tag-border-green: var(--functional-green-3);
    --functional-tints-success-bg: var(--functional-green-1);
    --functional-tints-cyan: var(--functional-cyan-4);
    --functional-tints-cyan-bg: var(--functional-cyan-1);
    /* Functional end */



    /* White tones mixed in dark tones */
    /* text */
    --light-text-text-primary: var(--light-text-text-4);
    --light-text-text-secondary: var(--light-text-text-3);
    --light-text-text-white-static: var(--light-special-static-white);
    --light-text-text-blue-cyan: var(--light-functional-blue-4);
    /* text end */

    /* Fill */
    --light-fill-page-gray: var(--light-fill-fill-2);
    --light-fill-card: var(--light-fill-fill-1);
    /* Fill end */

    /* Line */
    --light-line-border: var(--light-line-line-2);
    /* Line end */

    /* Functional */
    --light-functional-tints-blue: var(--light-functional-blue-4);
    --light-functional-tag-border-blue: var(--light-functional-blue-3);
    /* Functional end */

    /* Special */
    /* Special end */

}
:root body[theme-mode="light"] {
    /* Text */
    --text-text-primary: var(--light-text-text-4);
    --text-text-secondary: var(--light-text-text-3);
    --text-text-tertiary: var(--light-text-text-2);
    --text-text-special: var(--light-text-text-1);
    --text-text-blue-cyan: var(--light-functional-blue-4);
    --text-text-cyan-blue: var(--light-functional-cyan-4);
    --text-text-white-static: var(--light-special-static-white);
    --text-text-black-static: var(--light-special-static-black);
    /* Text end */

    /* Fill */
    --fill-page-primary: var(--light-fill-fill-1);
    --fill-page-secondary: var(--light-fill-fill-2);
    --fill-page-tertiary: var(--light-fill-fill-3);
    --fill-card: var(--light-fill-fill-1);
    --fill-page-gray: var(--light-fill-fill-2);
    --fill-brand-bg: var(--light-fill-fill-6);
    --fill-input-default: var(--light-fill-fill-3);
    /* Fill end */

    /* Line */
    --line-divider-primary: var(--light-line-line-1);
    --line-border: var(--light-line-line-2);
    /* Line end */

    /* Functional */
    --functional-tints-blue: var(--light-functional-blue-4);
    --functional-tag-border-blue: var(--light-functional-blue-3);
    --functional-tints-primary-bg: var(--light-functional-blue-1);
    --functional-tints-alert: var(--light-functional-yellow-4);
    --functional-tag-border-yellow: var(--light-functional-yellow-3);
    --functional-tints-alert-bg: var(--light-functional-yellow-1);
    --functional-tints-error: var(--light-functional-red-4);
    --functional-tag-border-red: var(--light-functional-red-3);
    --functional-tints-error-bg: var(--light-functional-red-1);
    --functional-tints-success: var(--light-functional-green-4);
    --functional-tag-border-green: var(--light-functional-green-3);
    --functional-tints-success-bg: var(--light-functional-green-1);
    --functional-tints-cyan: var(--light-functional-cyan-4);
    --functional-tints-cyan-bg: var(--light-functional-cyan-1);
    /* Functional end */
}
/*End Custom variables */


.public_wrapper{margin: 0 auto;}
.tableBox{padding: 40px 0 0; width:100%;height:100%;}
.table_cellBox{display:table-cell;vertical-align:middle;}
.inner{max-width:1160px;padding-left:20px;padding-right:20px;margin:0 auto;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.title_merge{display: inline-block;}
.button{border: 1px solid var(--text-text-white-static);color: var(--text-text-white-static);position: relative;z-index: 1;overflow: hidden;background:transparent;border-radius:8px; padding:16px 40px; display:inline-block; font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.button:hover{color: var(--text-text-white-static);background: #FFFFFF1A;}
.button:active{color: var(--text-text-white-static);background: #FFFFFF33;}
.blue_border_button{border: 1px solid var(--functional-tints-blue);padding: 12px 24px;color: var(--text-text-primary);font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);text-decoration: none;font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.blue_border_button:hover{border: 1px solid var(--functional-tints-blue);background: var(--functional-tints-primary-bg);}
.blue_border_button:active{border: 1px solid var(--functional-tints-blue);background: var(--functional-blue-2);}
.white_button{position: relative;z-index: 1;overflow: hidden;background: var(--text-text-primary); border-radius:8px; padding:16px 40px; display:inline-block; color:#000; font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.white_button:hover{background: var(--functional-tints-blue);color: var(--text-text-white-static);}
.white_button:active{background: var(--functional-blue-5);color: var(--text-text-white-static);}
.blue_button{position: relative;z-index: 1;overflow: hidden;background:var(--functional-tints-blue); border-radius:8px; padding:16px 40px; display:inline-block; color:var(--text-text-primary); font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;    transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.blue_button:hover{background: var(--functional-tag-border-blue);color: var(--text-text-white-static);}
.blue_button:active{background: var(--functional-blue-5);color: var(--text-text-white-static);}

.Bblue_button{position: relative;z-index: 1;overflow: hidden;background:var(--functional-tints-blue);transform-origin: right;border-radius:4px; padding:10px 24px; display:inline-block; color:var(--text-text-primary); font-size:var(--font-size-titleSmall);line-height:var(--Title-Large-S);text-decoration:none;font-family: "Roboto-Regular";-webkit-tap-highlight-color: transparent;transition: all .1s linear;min-width: 118px;overflow: hidden;}
html[lang='ar-SA'] .Bblue_button {min-width:103px;}
html[lang='ku'] .Bblue_button {min-width:103px;}
html[lang='fa'] .Bblue_button {min-width:103px;}
.Bblue_button:hover{background: var(--functional-tag-border-blue);color: var(--text-text-white-static);}
.Bblue_button:active{background: var(--functional-tag-border-blue);color: var(--text-text-white-static);}
.Bblue_button img{position: absolute;right:24px;top:12px;width:16px;height:16px;opacity: 0;}
html[lang='ar-SA'] .Bblue_button img{left:24px;right:initial;transform: rotate(-180deg);}
html[lang='ku'] .Bblue_button img{left:24px;right:initial;transform: rotate(-180deg);}
html[lang='fa'] .Bblue_button img{left:24px;right:initial;transform: rotate(-180deg);}
.Bblue_button:hover {min-width:138px;}
html[lang='tr-TR'] .Bblue_button:hover {min-width:178px;}
html[lang='ko'] .Bblue_button:hover {min-width:173px;}
html[lang='ar-SA'] .Bblue_button:hover {min-width:125px;}
html[lang='ku'] .Bblue_button:hover {min-width:125px;}
html[lang='fa'] .Bblue_button:hover {min-width:125px;}
.Bblue_button:hover img{opacity: 1;transition: all 0.3s ease-in-out;}

.Bblue_button::before {
    content: '';
    position: absolute;
    top: -60%;
    left: -60%;
    width: 220%;
    height: 220%;
    border-radius:50%;
    background: radial-gradient(ellipse at center, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0) 16%, 
        rgba(255, 255, 255, 0) 42%, 
        rgba(0, 240, 255, 0.6) 50%, 
        rgba(76, 218, 154, 0.7) calc(50% + 2%), 
        rgba(250, 213, 30, 0.7) calc(50% + 4%), 
        rgba(138, 56, 245, 0.8) calc(50% + 10%), 
        rgba(0, 240, 255, 0.8) 70%);
    animation: glowing 2.5s infinite;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    z-index: -1;
    filter: blur(3px);
}
.grecaptcha-badge{
    display: none !important;
}

@keyframes glowing {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

a .textindent{position: absolute;text-indent: -9999px;display: none;}

@media (max-width: 980px) {
    h1{font-size: var(--font-size-displayMedium);line-height: var(--Display-Medium-S);}
    h2{font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);}
}
@media (max-width: 768px) {
    .button{padding: 12px 32px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
    .white_button{padding: 12px 32px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
    .blue_button{padding: 12px 32px;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
}
@media (max-width: 500px) {
    h1{font-size: var(--font-size-headlineLarge);line-height: var(--Headline-Large-S);}
    h2{font-size: var(--font-size-headlineSmall);line-height: var(--Headline-Small-S);;}

    .button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}
    .white_button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}
    .blue_button{padding: 8px 24px;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);border-radius: 4px;}

}

/* hide input icon of safari  */
input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
}
input,
button,
textarea{outline-style:none;}

/* faq */
.markets_faq{background:var(--special-static-black);}
.markets_faq .inner{padding-top:80px;padding-bottom:80px;}
.markets_faq .markets_faq_box h2{color:var(--text-text-primary);margin-bottom:28px;text-align:center;position:relative;}
.markets_faq .markets_faq_box h2::after{content: '';position: absolute;bottom: 12px;width: 6px;height: 6px;border-radius: 50%;background-color: #00F0FF;margin-left: 3px;}
.faq_module_inner .faq_list{padding:24px 16px 22px;border-bottom: 1px solid var(--line-border);}
.faq_module_inner .faq_list .faq_module_tit{cursor: pointer;display:flex;justify-content: space-between;align-items: flex-start;}
.faq_module_inner .faq_list .faq_module_tit .list-serial{display: flex;align-items: flex-start;}
.faq_module_inner .faq_list .faq_module_tit h3{color:var(--text-text-secondary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);margin-bottom:0px;font-family: "Roboto-Regular";}
.faq_module_inner .faq_list .faq_module_tit span.serial{color:var(--text-text-secondary);font-size:var(--font-size-bodyMedium);line-height:var(--Body-Medium-R);width: 16px;margin-right: 6px;display: block;}
.faq_module_inner .faq_list .faq_module_detial p{color: var(--text-text-secondary);font-size: var(--font-size-bodyMedium);line-height: var(--Body-Medium-R);margin-bottom:30px;}
.faq_module_inner .faq_list .faq_module_detial p:last-child{margin-bottom: 0px;}
.faq_module_inner .faq_list .faq_module_detial p a{color: var(--text-text-blue-cyan);}
.faq_module_inner .faq_list .faq_module_tit p{margin-bottom: 0px;}
.faq_module_inner .faq_list a{text-decoration: underline;}
.faq_module_inner .faq_list .faq_module_tit p.faq_module_icon{width: 90px;height: 22px;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;display: flex;justify-content: flex-end;position: relative;}
.faq_module_inner .faq_list .faq_module_detial{display: none;padding-left: 16px;padding-right: 16px;margin-top: 8px;}
.faq_module_inner .faq_list .faq_module_detial ol{padding-left: 25px;}
.faq_module_inner .faq_list .faq_module_detial ol li{list-style: auto;}
.add_subtract {position: relative;display: block;}
.add_subtract::before{content: '';display: block;width: 2px;height: 14px;position: absolute;top: 50%;right: 12px;transform: translate(50%,-50%);z-index: 1;background-color: #fff;transition: all .2s linear;}
.add_subtract::after {content: '';display: block;width: 14px;height: 2px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);z-index: 2;background-color: #fff;transition: all .2s linear;}
.add_subtract_change::before {background-color: #fff;transform: translate(50%,-50%) rotate(-90deg);}
.add_subtract_change::after {background-color: #fff;}
html[lang='ar-SA'] .add_subtract::before{left: 5px;right:auto;}
html[lang='ar-SA'] .add_subtract::after{left: 0px;right:auto;}
html[lang='ar-SA'] .faq_module_inner .faq_list .faq_module_detial{text-align: right;}
html[lang='ar-SA'] .faq_module_inner .faq_list .faq_module_tit span.serial{margin-right: auto;margin-left: 6px;}
html[lang='ar-SA'] .faq_module_inner .faq_list .faq_module_tit h3{text-align: right;}

html[lang='ku'] .add_subtract::before{left: 5px;right:auto;}
html[lang='ku'] .add_subtract::after{left: 0px;right:auto;}
html[lang='ku'] .faq_module_inner .faq_list .faq_module_detial{text-align: right;}
html[lang='ku'] .faq_module_inner .faq_list .faq_module_tit span.serial{margin-right: auto;margin-left: 6px;}
html[lang='ku'] .faq_module_inner .faq_list .faq_module_tit h3{text-align: right;}

html[lang='fa'] .add_subtract::before{left: 5px;right:auto;}
html[lang='fa'] .add_subtract::after{left: 0px;right:auto;}
html[lang='fa'] .faq_module_inner .faq_list .faq_module_detial{text-align: right;}
html[lang='fa'] .faq_module_inner .faq_list .faq_module_tit span.serial{margin-right: auto;margin-left: 6px;}
html[lang='fa'] .faq_module_inner .faq_list .faq_module_tit h3{text-align: right;}

@media (max-width: 500px){
    .markets_faq .inner{padding-top:60px;padding-bottom:60px;}
    .markets_faq .markets_faq_box h2{margin-bottom:16px;}
    .markets_faq .markets_faq_box h2::after{bottom: 8px;width: 4px;height: 4px;}
    .faq_module_inner .faq_list{padding: 16px 0px;border-bottom: 1px solid #2D3033;}
    .faq_module_inner .faq_list:last-child{border:none;}
    .faq_module_inner .faq_list .faq_module_tit{align-items: center;}
    .faq_module_inner .faq_list .faq_module_tit span.serial{color:var(--text-text-primary);font-size:var(--font-size-bodyLarge);line-height:var(--Body-Large-R);}
    .faq_module_inner .faq_list .faq_module_tit h3{color:var(--text-text-primary);font-size:var(--font-size-bodyLarge);line-height:var(--Body-Large-R);}
    .faq_module_inner .faq_list .faq_module_detial{margin-top: 8px;margin-bottom: 0px;padding-left: 20px;padding-right: 0px;}
    .faq_module_inner .faq_list .faq_module_detial p{margin-bottom: 20px;color:var(--text-text-tertiary);}
    .add_subtract::before{height: 10px;right: 10px;}
    .add_subtract::after{width: 10px;}
    html[lang='ar-SA'] .add_subtract::before{left: 10px;right:auto;}
    html[lang='ar-SA'] .add_subtract::after{left: 7px;right:auto;}

    html[lang='ku'] .add_subtract::before{left: 10px;right:auto;}
    html[lang='ku'] .add_subtract::after{left: 7px;right:auto;}

    html[lang='fa'] .add_subtract::before{left: 10px;right:auto;}
    html[lang='fa'] .add_subtract::after{left: 7px;right:auto;}
}
/* faq */