.elementor-24800 .elementor-element.elementor-element-4ee55ab > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-24800 .elementor-element.elementor-element-4ee55ab > .elementor-container{min-height:400px;}.elementor-24800 .elementor-element.elementor-element-4ee55ab{margin-top:-36px;margin-bottom:-36px;}.elementor-bc-flex-widget .elementor-24800 .elementor-element.elementor-element-bba7a34.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-24800 .elementor-element.elementor-element-bba7a34.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-24800 .elementor-element.elementor-element-bba7a34.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-24800 .elementor-element.elementor-element-adbdf27{width:100%;max-width:100%;align-self:flex-start;}.elementor-24800 .elementor-element.elementor-element-c44fcb6, .elementor-24800 .elementor-element.elementor-element-c44fcb6 > .elementor-background-overlay{border-radius:25px 25px 25px 25px;}.elementor-24800 .elementor-element.elementor-element-c44fcb6{margin-top:40px;margin-bottom:40px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-24800 .elementor-element.elementor-element-29e7d0f > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-color:#00FF02;border-radius:25px 25px 25px 25px;}.elementor-24800 .elementor-element.elementor-element-29e7d0f{text-align:center;font-family:"Roboto", Sans-serif;font-size:2.8em;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FF0000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24800 .elementor-element.elementor-element-b780260 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3em;font-weight:700;line-height:4em;color:#FF5D00;}.elementor-24800 .elementor-element.elementor-element-c106606{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#000000;}.elementor-24800 .elementor-element.elementor-element-4256611{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#000000;}.elementor-24800 .elementor-element.elementor-element-d29946d{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#000000;}.elementor-24800 .elementor-element.elementor-element-e84af98{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#000000;}.elementor-24800 .elementor-element.elementor-element-6b3765a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24800 .elementor-element.elementor-element-3bb37d2 > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-24800 .elementor-element.elementor-element-3bb37d2{text-align:center;}.elementor-24800 .elementor-element.elementor-element-3bb37d2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:5em;font-weight:900;line-height:4em;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-24800 .elementor-element.elementor-element-d6d5983{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-24800 .elementor-element.elementor-element-7ac51ca{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24800 .elementor-element.elementor-element-7b282be .elementor-button{background-color:#e01c23;font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-24800 .elementor-element.elementor-element-7b282be > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-24800 .elementor-element.elementor-element-7b282be .elementor-button-content-wrapper{flex-direction:row;}.elementor-24800 .elementor-element.elementor-element-7b282be .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-24800 .elementor-element.elementor-element-5786513 > .elementor-background-overlay{background-color:#630000;opacity:1;}.elementor-24800 .elementor-element.elementor-element-a876dfd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2em;font-weight:700;line-height:4em;color:#F4FFE3;}.elementor-24800 .elementor-element.elementor-element-bfcd2ee > .elementor-background-overlay{background-color:#630000;opacity:1;}.elementor-24800 .elementor-element.elementor-element-bfcd2ee{padding:0px 20px 10px 20px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-24800 .elementor-element.elementor-element-1d43bf7 .elementor-image-box-wrapper{text-align:center;}.elementor-24800 .elementor-element.elementor-element-1d43bf7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-24800 .elementor-element.elementor-element-1d43bf7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-24800 .elementor-element.elementor-element-1d43bf7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-1d43bf7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-24800 .elementor-element.elementor-element-1d43bf7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-24800 .elementor-element.elementor-element-1d43bf7 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;color:#F4FFE3;}.elementor-24800 .elementor-element.elementor-element-d137dd7 .elementor-image-box-wrapper{text-align:center;}.elementor-24800 .elementor-element.elementor-element-d137dd7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-24800 .elementor-element.elementor-element-d137dd7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-24800 .elementor-element.elementor-element-d137dd7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-d137dd7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-24800 .elementor-element.elementor-element-d137dd7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-24800 .elementor-element.elementor-element-d137dd7 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;color:#F4FFE3;}.elementor-24800 .elementor-element.elementor-element-2422a38 .elementor-image-box-wrapper{text-align:center;}.elementor-24800 .elementor-element.elementor-element-2422a38.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-24800 .elementor-element.elementor-element-2422a38.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-24800 .elementor-element.elementor-element-2422a38.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-2422a38 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-24800 .elementor-element.elementor-element-2422a38 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-24800 .elementor-element.elementor-element-2422a38 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;color:#F4FFE3;}.elementor-24800 .elementor-element.elementor-element-feb3f7f .elementor-image-box-wrapper{text-align:center;}.elementor-24800 .elementor-element.elementor-element-feb3f7f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-24800 .elementor-element.elementor-element-feb3f7f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-24800 .elementor-element.elementor-element-feb3f7f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-feb3f7f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-24800 .elementor-element.elementor-element-feb3f7f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-24800 .elementor-element.elementor-element-feb3f7f .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;color:#F4FFE3;}.elementor-24800 .elementor-element.elementor-element-47378e3 .elementor-image-box-wrapper{text-align:center;}.elementor-24800 .elementor-element.elementor-element-47378e3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-24800 .elementor-element.elementor-element-47378e3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-24800 .elementor-element.elementor-element-47378e3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-47378e3 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-24800 .elementor-element.elementor-element-47378e3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-24800 .elementor-element.elementor-element-47378e3 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;color:#F4FFE3;}.elementor-24800 .elementor-element.elementor-element-980d76e > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-24800 .elementor-element.elementor-element-a3a9936 > .elementor-widget-container{margin:20px 50px 20px 50px;}.elementor-24800 .elementor-element.elementor-element-a3a9936{column-gap:0px;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-24800 .elementor-element.elementor-element-aaaca8a > .elementor-widget-container{margin:20px 50px 20px 50px;}.elementor-24800 .elementor-element.elementor-element-aaaca8a{column-gap:0px;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-24800 .elementor-element.elementor-element-6cb7bcc > .elementor-widget-container{margin:20px 50px 20px 50px;}.elementor-24800 .elementor-element.elementor-element-6cb7bcc{column-gap:0px;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-24800 .elementor-element.elementor-element-0e5a514 > .elementor-background-overlay{background-color:#D1D1D16B;opacity:1;}.elementor-24800 .elementor-element.elementor-element-0e5a514{padding:30px 0px 10px 0px;}.elementor-bc-flex-widget .elementor-24800 .elementor-element.elementor-element-78f1704.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-24800 .elementor-element.elementor-element-78f1704.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-24800 .elementor-element.elementor-element-78f1704.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-24800 .elementor-element.elementor-element-80e36aa{width:100%;max-width:100%;align-self:center;}.elementor-24800 .elementor-element.elementor-element-eafa6c9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:700;color:#005EB7;}.elementor-24800 .elementor-element.elementor-element-56d02e9{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-24800 .elementor-element.elementor-element-b7f0ea6, .elementor-24800 .elementor-element.elementor-element-b7f0ea6 > .elementor-background-overlay{border-radius:25px 25px 25px 25px;}.elementor-24800 .elementor-element.elementor-element-b7f0ea6{margin-top:50px;margin-bottom:50px;}.elementor-24800 .elementor-element.elementor-element-3001969 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-24800 .elementor-element.elementor-element-3fa05e3 > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-color:#00FF02;border-radius:25px 25px 25px 25px;}.elementor-24800 .elementor-element.elementor-element-3fa05e3{text-align:center;font-family:"Roboto", Sans-serif;font-size:2.8em;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FF0000;}body:not(.rtl) .elementor-24800 .elementor-element.elementor-element-1c5ea51{right:0px;}body.rtl .elementor-24800 .elementor-element.elementor-element-1c5ea51{left:0px;}.elementor-24800 .elementor-element.elementor-element-1c5ea51{bottom:0px;--e-transform-transition-duration:922ms;}@media(max-width:767px){.elementor-24800 .elementor-element.elementor-element-adbdf27{align-self:flex-start;}.elementor-24800 .elementor-element.elementor-element-3bb37d2{text-align:center;}.elementor-24800 .elementor-element.elementor-element-3bb37d2 .elementor-heading-title{font-size:3.2em;}.elementor-24800 .elementor-element.elementor-element-1d43bf7 .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-d137dd7 .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-2422a38 .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-feb3f7f .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-47378e3 .elementor-image-box-img{margin-bottom:15px;}.elementor-24800 .elementor-element.elementor-element-3fa05e3{font-size:2em;}}@media(min-width:768px){.elementor-24800 .elementor-element.elementor-element-bba7a34{width:100%;}}/* Start custom CSS for column, class: .elementor-element-f7daf0d */.verification_top_alert {display: none !important;} * { margin: 0 ; padding: 0; font-family: IRANSans; } #timeline{ direction: ltr;} @media (min-width: 1000px) { #timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after { position: absolute; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } #timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before { position: absolute; content: ""; width: 9px; height: 9px; background-color: #bdbdbd; border-radius: 9px; box-shadow: 0px 0px 2px 8px #f7f7f7; } } /* Some Cool Stuff */ .demo-card:nth-child(1) { order: 1; } .demo-card:nth-child(2) { order: 7; } .demo-card:nth-child(3) { order: 2; } .demo-card:nth-child(4) { order: 8; } .demo-card:nth-child(5) { order: 3; } .demo-card:nth-child(6) { order: 9; } .demo-card:nth-child(7) { order: 4; } .demo-card:nth-child(8) { order: 10; } .demo-card:nth-child(9) { order: 5; } .demo-card:nth-child(10) { order: 11; } .demo-card:nth-child(11) { order: 6; } /* Border Box */ * { box-sizing: border-box; } /* Fonts */ body { font-family: iranyekan; } #timeline { padding: 100px 0; background: #f7f7f7; border-top: 1px solid rgba(191, 191, 191, 0.4); border-bottom: 1px solid rgba(191, 191, 191, 0.4); } #timeline h1 { text-align: center; font-size: 4rem; font-weight: 900; margin-bottom: 20px; } #timeline p.leader { text-align: center; max-width: 90%; font-size: 1.5rem; margin: auto; margin-bottom: 45px; } #timeline .demo-card-wrapper { position: relative; margin: auto; } @media (min-width: 1000px) { #timeline .demo-card-wrapper { display: flex; flex-flow: column wrap; width: 1170px; height: 5340px; margin: 0 auto; } } #timeline .demo-card-wrapper::after { z-index: 1; content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid rgba(191, 191, 191, 0.4); } @media (min-width: 1000px) { #timeline .demo-card-wrapper::after { border-left: 1px solid #bdbdbd; } } #timeline .demo-card { position: relative; display: block; margin: 10px auto 80px; max-width: 94%; z-index: 2; } @media (min-width: 480px) { #timeline .demo-card { max-width: 60%; box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07); } } @media (min-width: 720px) { #timeline .demo-card { max-width: 40%; } } @media (min-width: 1000px) { #timeline .demo-card { max-width: 450px; height: 555px; margin: 90px; margin-top: 45px; margin-bottom: 45px; } #timeline .demo-card:nth-child(odd) { margin-right: 45px; } #timeline .demo-card:nth-child(odd) .head::after { border-left-width: 15px; border-left-style: solid; left: 100%; } #timeline .demo-card:nth-child(odd) .head::before { left: 491.5px; } #timeline .demo-card:nth-child(even) { margin-left: 45px; } #timeline .demo-card:nth-child(even) .head::after { border-right-width: 15px; border-right-style: solid; right: 100%; } #timeline .demo-card:nth-child(even) .head::before { right: 489.5px; } #timeline .demo-card:nth-child(2) { margin-top: 180px; } } .footer{ display: flex; justify-content: space-between; margin: auto 0; padding: 5px 15px 0 15px; } .footer a{ color: white; text-decoration: none; font-weight: 800; font-size: 30px; margin: auto 0; } .footer a img{ position: relative; top: 6px; } .footer span{ color: white; margin: auto 0; border: 2px solid rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.2); padding: 5px; border-radius: 3px; } #timeline .demo-card .head { position: relative; display: flex; align-items: center; color: #fff; font-weight: 400; } #timeline .demo-card .head .number-box { display: inline; float: left; margin: 15px; padding: 10px; font-size: 35px; line-height: 35px; font-weight: 600; background: rgba(0, 0, 0, 0.17); } #timeline .demo-card .head h2 { text-transform: uppercase; padding-bottom: 6px; } @media (min-width: 480px) { #timeline .demo-card .head h2 { font-size: 165%; line-height: 1.2rem; } } #timeline .demo-card .head h2 span { display: block; font-size: 0.6rem; margin-bottom: 10px; } @media (min-width: 480px) { #timeline .demo-card .head h2 span { font-size: 0.8rem; } } #timeline .demo-card .body { background: #fff; border: 1px solid rgba(191, 191, 191, 0.4); border-top: 0; padding: 15px; direction: rtl; } @media (min-width: 1000px) { #timeline .demo-card .body { height: 415px; } } #timeline .demo-card .body p { font-size: 14px; line-height: 18px; margin-bottom: 15px; } #timeline .demo-card .body img { display: block; width: 100%; margin: 0 auto; } #timeline .demo-card--step1 { background-color: #ff5252; } #timeline .demo-card--step1 .head::after { border-color: #ff5252; } #timeline .demo-card--step2 { background-color: #ff5252; } #timeline .demo-card--step2 .head::after { border-color: #ff5252; } #timeline .demo-card--step3 { background-color: #ff5252; } #timeline .demo-card--step3 .head::after { border-color: #ff5252; } #timeline .demo-card--step4 { background-color: #ff5252; } #timeline .demo-card--step4 .head::after { border-color: #ff5252; } #timeline .demo-card--step5 { background-color: #ff5252; } #timeline .demo-card--step5 .head::after { border-color: #ff5252; } #timeline .demo-card--step6 { background-color: #ff5252; } #timeline .demo-card--step6 .head::after { border-color: #ff5252; } #timeline .demo-card--step7 { background-color: #ff5252; } #timeline .demo-card--step7 .head::after { border-color: #ff5252; } #timeline .demo-card--step8 { background-color: #ff5252; } #timeline .demo-card--step8 .head::after { border-color: #ff5252; } #timeline .demo-card--step9 { background-color: #ff5252; } #timeline .demo-card--step9 .head::after { border-color: #ff5252; } #timeline .demo-card--step9 { background-color: #ff5252; } #timeline .demo-card--step9 .head::after { border-color: #ff5252; } #timeline .demo-card--step10 { background-color: #ff5252; } #timeline .demo-card--step10 .head::after { border-color: #ff5252; } #timeline .demo-card--step11 { background-color: #ff5252; } #timeline .demo-card--step11 .head::after { border-color: #ff5252; } body{ background: #f7f7f7; } .heropanel--video { min-height:940px; } @keyframes gm-slidein { from { -webkit-transform:translate3d(0,-100%,0); opacity:0; transform:translate3d(0,-100%,0); } to { -webkit-transform:none; opacity:1; transform:none; } } .heropanel__content { -moz-animation:gm-slidein 3s 1; -ms-animation:gm-slidein 3s 1; -o-animation:gm-slidein 3s 1; -webkit-animation:gm-slidein 3s 1; animation:gm-slidein 3s 1; margin:0 auto; min-width:100%; padding:4em 0 2em; text-align:center; } .heropanel__content h1 { margin:0 0 .5em; text-transform:uppercase; } .heropanel__content h1 a { filter: drop-shadow(2px 4px 6px black); color: gold; font-size: 2.8rem; font-weight: 800; text-decoration:none; background-color: #151a21; } .heropanel__content p { color:#fff; margin:0; text-transform:uppercase; } .logo{ width: 200px; opacity: .7; } .green-arrow{ display: block; margin: 0 auto; cursor: pointer; width: 250px; height: 490px; } #console { width: 80%; margin: 0 auto; direction: rtl; filter: drop-shadow(1px 2px 6px #2c2c2c); } #bar { background: #efefef; padding: 3px; border-radius: 8px 8px 0 0; display: flex; } .c { font-style: normal; width: 20px; height: 20px; border-radius: 50%; text-align: center; display: inline-block; } #controls:hover { cursor: pointer; } .c p { font-size: 20px; position: relative; top: -3px; } #title { width: 95%; text-align: center; } #screen { background: black; color: green; border-radius: 0 0 4px 4px; font-weight: bold; } #screen { padding: 5px; } .console-img{ position: absolute; left: 0; } .anonymous { width: 20%; display: block; margin: 0 auto; } .sms-title{ color: red; font-size: 30px; font-weight: 800; line-height: 2em; text-shadow: 0px 0px 10px rgb(0 0 0 / 10%); text-align: center; } .sms-section{ padding: 5px; border-style: groove; border-width: 2px; border-color: #00ff02; border-radius: 25px; margin: 50px 15px; } .bg-dark{ padding: 20px 100px; background-color: #000; } .bg-dark p{ margin-top: 20px; text-align: right; color: white; margin-bottom: 20px; direction: rtl; line-height: 2rem; } .enamad{ direction: rtl; padding: 40px 0; background-color: #D1D1D16B; margin-bottom: 70px; } .enamad-img{ display: inline-block; width: 29%; text-align: center; } .enamad-text{ display: inline-block; width: 62%; } .enamad-text h2{ color: #005eb7; font-size: 46px; font-weight: 700; line-height: 2em; } .enamad-text p{ direction: rtl; margin: 20px auto; text-align: justify; font-size: 18px; font-weight: 500; line-height: 2em; } .services{ background-color: #630000; direction: rtl; padding: 20px 100px; } .services h2 { line-height: 4em; color: #f4ffe3; } .services div { } .service-item{ text-align: center; width: 19%; display: inline-block; } .service-item p{ color: #f4ffe3; margin-top: 10px; font-size: .8em; } .service-item img{ vertical-align: middle; display: inline-block; } #screen p{ margin-bottom: 1.5em; overflow-wrap: break-word; line-height: 1.5em; letter-spacing: 0px; font-weight: 500; font-size: 18px; } .ftitle{ color: #00ff81; font-size: 48px; line-height: 2.5em; } .stitle{ color: #d7d7d7; font-size: 37px; line-height: 1.6em; } .thtitle{ color: #ff0303; font-size: 49px; line-height: 1.7em; text-align: center; } .buy{ text-align: center; direction: rtl; margin-top: 20px; } .bold{ font-weight: 900;font-size: x-large; } .special{ font-weight: 900;font-size: x-large; color: #ff5252;} @media screen and (min-width: 1201px) { .sms-title {font-size: 2.2rem;} #timeline .demo-card .body p {font-size: 15px;} .footer a {font-size: 1.8rem;} .footer span{ font-size: 1rem; } .footer { padding: 7px 15px 5px 15px;} #timeline h1 { } } @media screen and (min-width: 1025px) and (max-width: 1200px) { .footer a {font-size: 1.3rem;} .footer span{ font-size: .8rem; } .services h2 { font-size: 1.4rem; } .services { padding: 10px 10px; } .console-img { width: 170px; } .ftitle { font-size: 1.9rem; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .ftitle { font-size: 1.5rem; } #timeline h1 { font-size: 2rem; } .console-img { width: 115px; } .buy { font-size: .9rem; } .buy del, .buy span{ font-size: x-large !important; } .services { padding: 10px 10px; } .services h2 { font-size: 1.4rem; } .service-item img { width: 50px; } .service-item p { font-size: .6em; } .bg-dark { padding: 20px 30px; } .enamad-text h2 {font-size: 28px;} .enamad-text p { font-size: 13px; } .footer { padding: 5px 15px 5px 15px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .heropanel__content h1 a { font-size: 2rem; } .sms-title { font-size: 20px; } .console-img { width: 115px; } .buy { font-size: .9rem; } .buy del, .buy span{ font-size: x-large !important; } .services { padding: 10px 10px; } .services h2 { font-size: 1.4rem;line-height: 1.5em; } .service-item img { width: 50px; } .service-item p { font-size: .6em; } .bg-dark { padding: 20px 30px; } .enamad-text h2 {font-size: 28px;} .enamad-text p { font-size: 13px; } .service-item { width: 18%;margin-top: 10px; } .footer { padding: 5px 15px 5px 15px; } } @media screen and (min-width: 320px) and (max-width: 480px) { .heropanel__content h1 a { font-size: 2rem; } #timeline h1 { font-size: 1.7rem; } #timeline p.leader { font-size: .8rem; } .sms-title { font-size: 20px; } .console-img { width: 90px; } .buy { font-size: .9rem; } .buy del, .buy span{ font-size: x-large !important; } .services { padding: 10px 10px; } .services h2 { font-size: 1.4rem;line-height: 1.5em; text-align: center; } .service-item img { width: 50px; } .service-item p { font-size: .6em; } .bg-dark { padding: 20px 30px; } .enamad-text h2 {font-size: 28px;} .enamad-text p { font-size: 13px; } .service-item { width: 18%;margin-top: 10px; } .footer span { font-size: .8rem; } .footer a { font-size: 20px; } #timeline .demo-card .head h2 span { font-size: .9rem; } .footer { padding: 5px 15px 5px 15px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-08c6944 */.verification_top_alert {display: none !important;} * { margin: 0 ; padding: 0; font-family: IRANSans; } #timeline{ direction: ltr;} @media (min-width: 1000px) { #timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after { position: absolute; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } #timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before { position: absolute; content: ""; width: 9px; height: 9px; background-color: #bdbdbd; border-radius: 9px; box-shadow: 0px 0px 2px 8px #f7f7f7; } } /* Some Cool Stuff */ .demo-card:nth-child(1) { order: 1; } .demo-card:nth-child(2) { order: 7; } .demo-card:nth-child(3) { order: 2; } .demo-card:nth-child(4) { order: 8; } .demo-card:nth-child(5) { order: 3; } .demo-card:nth-child(6) { order: 9; } .demo-card:nth-child(7) { order: 4; } .demo-card:nth-child(8) { order: 10; } .demo-card:nth-child(9) { order: 5; } .demo-card:nth-child(10) { order: 11; } .demo-card:nth-child(11) { order: 6; } /* Border Box */ * { box-sizing: border-box; } /* Fonts */ body { font-family: iranyekan; } #timeline { padding: 100px 0; background: #f7f7f7; border-top: 1px solid rgba(191, 191, 191, 0.4); border-bottom: 1px solid rgba(191, 191, 191, 0.4); } #timeline h1 { text-align: center; font-size: 4rem; font-weight: 900; margin-bottom: 20px; } #timeline p.leader { text-align: center; max-width: 90%; font-size: 1.5rem; margin: auto; margin-bottom: 45px; } #timeline .demo-card-wrapper { position: relative; margin: auto; } @media (min-width: 1000px) { #timeline .demo-card-wrapper { display: flex; flex-flow: column wrap; width: 1170px; height: 5340px; margin: 0 auto; } } #timeline .demo-card-wrapper::after { z-index: 1; content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid rgba(191, 191, 191, 0.4); } @media (min-width: 1000px) { #timeline .demo-card-wrapper::after { border-left: 1px solid #bdbdbd; } } #timeline .demo-card { position: relative; display: block; margin: 10px auto 80px; max-width: 94%; z-index: 2; } @media (min-width: 480px) { #timeline .demo-card { max-width: 60%; box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07); } } @media (min-width: 720px) { #timeline .demo-card { max-width: 40%; } } @media (min-width: 1000px) { #timeline .demo-card { max-width: 450px; height: 555px; margin: 90px; margin-top: 45px; margin-bottom: 45px; } #timeline .demo-card:nth-child(odd) { margin-right: 45px; } #timeline .demo-card:nth-child(odd) .head::after { border-left-width: 15px; border-left-style: solid; left: 100%; } #timeline .demo-card:nth-child(odd) .head::before { left: 491.5px; } #timeline .demo-card:nth-child(even) { margin-left: 45px; } #timeline .demo-card:nth-child(even) .head::after { border-right-width: 15px; border-right-style: solid; right: 100%; } #timeline .demo-card:nth-child(even) .head::before { right: 489.5px; } #timeline .demo-card:nth-child(2) { margin-top: 180px; } } .footer{ display: flex; justify-content: space-between; margin: auto 0; padding: 5px 15px 0 15px; } .footer a{ color: white; text-decoration: none; font-weight: 800; font-size: 30px; margin: auto 0; } .footer a img{ position: relative; top: 6px; } .footer span{ color: white; margin: auto 0; border: 2px solid rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.2); padding: 5px; border-radius: 3px; } #timeline .demo-card .head { position: relative; display: flex; align-items: center; color: #fff; font-weight: 400; } #timeline .demo-card .head .number-box { display: inline; float: left; margin: 15px; padding: 10px; font-size: 35px; line-height: 35px; font-weight: 600; background: rgba(0, 0, 0, 0.17); } #timeline .demo-card .head h2 { text-transform: uppercase; padding-bottom: 6px; } @media (min-width: 480px) { #timeline .demo-card .head h2 { font-size: 165%; line-height: 1.2rem; } } #timeline .demo-card .head h2 span { display: block; font-size: 0.6rem; margin-bottom: 10px; } @media (min-width: 480px) { #timeline .demo-card .head h2 span { font-size: 0.8rem; } } #timeline .demo-card .body { background: #fff; border: 1px solid rgba(191, 191, 191, 0.4); border-top: 0; padding: 15px; direction: rtl; } @media (min-width: 1000px) { #timeline .demo-card .body { height: 415px; } } #timeline .demo-card .body p { font-size: 14px; line-height: 18px; margin-bottom: 15px; } #timeline .demo-card .body img { display: block; width: 100%; margin: 0 auto; } #timeline .demo-card--step1 { background-color: #ff5252; } #timeline .demo-card--step1 .head::after { border-color: #ff5252; } #timeline .demo-card--step2 { background-color: #ff5252; } #timeline .demo-card--step2 .head::after { border-color: #ff5252; } #timeline .demo-card--step3 { background-color: #ff5252; } #timeline .demo-card--step3 .head::after { border-color: #ff5252; } #timeline .demo-card--step4 { background-color: #ff5252; } #timeline .demo-card--step4 .head::after { border-color: #ff5252; } #timeline .demo-card--step5 { background-color: #ff5252; } #timeline .demo-card--step5 .head::after { border-color: #ff5252; } #timeline .demo-card--step6 { background-color: #ff5252; } #timeline .demo-card--step6 .head::after { border-color: #ff5252; } #timeline .demo-card--step7 { background-color: #ff5252; } #timeline .demo-card--step7 .head::after { border-color: #ff5252; } #timeline .demo-card--step8 { background-color: #ff5252; } #timeline .demo-card--step8 .head::after { border-color: #ff5252; } #timeline .demo-card--step9 { background-color: #ff5252; } #timeline .demo-card--step9 .head::after { border-color: #ff5252; } #timeline .demo-card--step9 { background-color: #ff5252; } #timeline .demo-card--step9 .head::after { border-color: #ff5252; } #timeline .demo-card--step10 { background-color: #ff5252; } #timeline .demo-card--step10 .head::after { border-color: #ff5252; } #timeline .demo-card--step11 { background-color: #ff5252; } #timeline .demo-card--step11 .head::after { border-color: #ff5252; } body{ background: #f7f7f7; } .heropanel--video { min-height:940px; } @keyframes gm-slidein { from { -webkit-transform:translate3d(0,-100%,0); opacity:0; transform:translate3d(0,-100%,0); } to { -webkit-transform:none; opacity:1; transform:none; } } .heropanel__content { -moz-animation:gm-slidein 3s 1; -ms-animation:gm-slidein 3s 1; -o-animation:gm-slidein 3s 1; -webkit-animation:gm-slidein 3s 1; animation:gm-slidein 3s 1; margin:0 auto; min-width:100%; padding:4em 0 2em; text-align:center; } .heropanel__content h1 { margin:0 0 .5em; text-transform:uppercase; } .heropanel__content h1 a { filter: drop-shadow(2px 4px 6px black); color: gold; font-size: 2.8rem; font-weight: 800; text-decoration:none; background-color: #151a21; } .heropanel__content p { color:#fff; margin:0; text-transform:uppercase; } .logo{ width: 200px; opacity: .7; } .green-arrow{ display: block; margin: 0 auto; cursor: pointer; width: 250px; height: 490px; } #console { width: 80%; margin: 0 auto; direction: rtl; filter: drop-shadow(1px 2px 6px #2c2c2c); } #bar { background: #efefef; padding: 3px; border-radius: 8px 8px 0 0; display: flex; } .c { font-style: normal; width: 20px; height: 20px; border-radius: 50%; text-align: center; display: inline-block; } #controls:hover { cursor: pointer; } .c p { font-size: 20px; position: relative; top: -3px; } #title { width: 95%; text-align: center; } #screen { background: black; color: green; border-radius: 0 0 4px 4px; font-weight: bold; } #screen { padding: 5px; } .console-img{ position: absolute; left: 0; } .anonymous { width: 20%; display: block; margin: 0 auto; } .sms-title{ color: red; font-size: 30px; font-weight: 800; line-height: 2em; text-shadow: 0px 0px 10px rgb(0 0 0 / 10%); text-align: center; } .sms-section{ padding: 5px; border-style: groove; border-width: 2px; border-color: #00ff02; border-radius: 25px; margin: 50px 15px; } .bg-dark{ padding: 20px 100px; background-color: #000; } .bg-dark p{ margin-top: 20px; text-align: right; color: white; margin-bottom: 20px; direction: rtl; line-height: 2rem; } .enamad{ direction: rtl; padding: 40px 0; background-color: #D1D1D16B; margin-bottom: 70px; } .enamad-img{ display: inline-block; width: 29%; text-align: center; } .enamad-text{ display: inline-block; width: 62%; } .enamad-text h2{ color: #005eb7; font-size: 46px; font-weight: 700; line-height: 2em; } .enamad-text p{ direction: rtl; margin: 20px auto; text-align: justify; font-size: 18px; font-weight: 500; line-height: 2em; } .services{ background-color: #630000; direction: rtl; padding: 20px 100px; } .services h2 { line-height: 4em; color: #f4ffe3; } .services div { } .service-item{ text-align: center; width: 19%; display: inline-block; } .service-item p{ color: #f4ffe3; margin-top: 10px; font-size: .8em; } .service-item img{ vertical-align: middle; display: inline-block; } #screen p{ margin-bottom: 1.5em; overflow-wrap: break-word; line-height: 1.5em; letter-spacing: 0px; font-weight: 500; font-size: 18px; } .ftitle{ color: #00ff81; font-size: 48px; line-height: 2.5em; } .stitle{ color: #d7d7d7; font-size: 37px; line-height: 1.6em; } .thtitle{ color: #ff0303; font-size: 49px; line-height: 1.7em; text-align: center; } .buy{ text-align: center; direction: rtl; margin-top: 20px; } .bold{ font-weight: 900;font-size: x-large; } .special{ font-weight: 900;font-size: x-large; color: #ff5252;} @media screen and (min-width: 1201px) { .sms-title {font-size: 2.2rem;} #timeline .demo-card .body p {font-size: 15px;} .footer a {font-size: 1.8rem;} .footer span{ font-size: 1rem; } .footer { padding: 7px 15px 5px 15px;} #timeline h1 { } } @media screen and (min-width: 1025px) and (max-width: 1200px) { .footer a {font-size: 1.3rem;} .footer span{ font-size: .8rem; } .services h2 { font-size: 1.4rem; } .services { padding: 10px 10px; } .console-img { width: 170px; } .ftitle { font-size: 1.9rem; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .ftitle { font-size: 1.5rem; } #timeline h1 { font-size: 2rem; } .console-img { width: 115px; } .buy { font-size: .9rem; } .buy del, .buy span{ font-size: x-large !important; } .services { padding: 10px 10px; } .services h2 { font-size: 1.4rem; } .service-item img { width: 50px; } .service-item p { font-size: .6em; } .bg-dark { padding: 20px 30px; } .enamad-text h2 {font-size: 28px;} .enamad-text p { font-size: 13px; } .footer { padding: 5px 15px 5px 15px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .heropanel__content h1 a { font-size: 2rem; } .sms-title { font-size: 20px; } .console-img { width: 115px; } .buy { font-size: .9rem; } .buy del, .buy span{ font-size: x-large !important; } .services { padding: 10px 10px; } .services h2 { font-size: 1.4rem;line-height: 1.5em; } .service-item img { width: 50px; } .service-item p { font-size: .6em; } .bg-dark { padding: 20px 30px; } .enamad-text h2 {font-size: 28px;} .enamad-text p { font-size: 13px; } .service-item { width: 18%;margin-top: 10px; } .footer { padding: 5px 15px 5px 15px; } } @media screen and (min-width: 320px) and (max-width: 480px) { .heropanel__content h1 a { font-size: 2rem; } #timeline h1 { font-size: 1.7rem; } #timeline p.leader { font-size: .8rem; } .sms-title { font-size: 20px; } .console-img { width: 90px; } .buy { font-size: .9rem; } .buy del, .buy span{ font-size: x-large !important; } .services { padding: 10px 10px; } .services h2 { font-size: 1.4rem;line-height: 1.5em; text-align: center; } .service-item img { width: 50px; } .service-item p { font-size: .6em; } .bg-dark { padding: 20px 30px; } .enamad-text h2 {font-size: 28px;} .enamad-text p { font-size: 13px; } .service-item { width: 18%;margin-top: 10px; } .footer span { font-size: .8rem; } .footer a { font-size: 20px; } #timeline .demo-card .head h2 span { font-size: .9rem; } .footer { padding: 5px 15px 5px 15px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-78f1704 */.enamd-box{ text-align: center; } .enamd-box a img{ width: 100%; }/* End custom CSS */