body{background:#FFFFFF;font-family:"Roboto",sans-serif;overflow-x:hidden}body .italic{font-style:italic !important}body .highlight{background-color:#F5DFD3 !important}body .notes{background-color:#C9D9DF !important}body .blockMsg{z-index:1100 !important}body *:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}body select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto}body .color-twitter{color:#00ACEE !important}body .color-facebook{color:#4267B2 !important}body .color-linkeidin{color:#0E76A8 !important}body .color-dark{color:#102126 !important}body .textHighlight{background-color:#F5DFD3 !important;display:inline-block}body .divider{height:.5px;position:relative;display:block;background-color:rgba(255,255,255,0.3)}body .button-0{width:150px;padding:14px 30px;text-align:center;background:#453643;border-radius:10px;color:#FFFFFF;font-weight:700;float:right}body .button-0 i{color:#FFFFFF;margin-right:10px}body .button-1{width:auto;padding:14px 30px;text-align:center;background:#FFBD00;color:#453643;border-radius:10px;font-weight:700;float:right}body .button-1 i{color:#453643;margin-right:10px}body .button-2{border:1px solid #102126;box-sizing:border-box;border-radius:5px;color:#102126;padding:11px 15px}body .button-2 i{color:#102126;margin-left:34px}body .button-3{width:160px;text-align:center;background:#FFBD00;border-radius:8px;color:#453643;font-weight:700;font-size:14px;display:inline-block;padding:5px 5px}body .button-3 span{width:95px;display:inline-block;text-align:left;font-size:12px;padding-top:2px}body .button-3 i{background-color:#fff;padding:3px 10px;color:#453643;border-radius:50%;margin-right:5px;display:inline-block;font-size:22px;float:left;font-style:normal}body .btn-signup{width:100%;text-align:center;background:#8DAA91;border-radius:10px;color:#FFF;font-weight:bold;font-size:16px;line-height:18px;display:inline-block;padding:15px 0}body .btn-signup span{width:95px;display:inline-block;text-align:left;font-size:12px;padding-top:2px}body .btn-signup i{background-color:#fff;padding:3px 13px;color:#EF915C;border-radius:6px;margin-right:5px;display:inline-block;font-size:22px;float:left;font-style:normal}body .custom-dropdown{display:inline-block;border:1px solid rgba(53,122,144,0.3);box-sizing:border-box;border-radius:10px;padding:12.6px 20px;margin-right:10px;position:relative;cursor:pointer}body .custom-dropdown .dropdown-menu{top:14px !important;left:-20px !important}body .custom-dropdown span{font-family:"Roboto",sans-serif;font-size:14px;color:#453643;font-weight:700;margin-right:10px}body .custom-dropdown span img{width:25px;border-radius:50%}body .custom-dropdown span i{color:#453643}body .custom-container{max-width:1110px;margin-left:auto;margin-right:auto;padding:0 25px;position:relative}body #landign-page{margin-top:25px;margin-bottom:25px;width:100%}body #landign-page .header-content .logo img{width:163px}body #landign-page .header-content .lang-content{float:right;display:inline-block;border:1px solid rgba(53,122,144,0.3);box-sizing:border-box;border-radius:10px;padding:15px 20px;cursor:pointer}body #landign-page .header-content .lang-content span{font-family:"Roboto",sans-serif;font-size:14px;color:#453643;font-weight:700;margin-right:10px}body #landign-page .header-content .lang-content i{color:#453643}body #landign-page .header-content .lang-content .dropdown-menu{top:14px !important;left:-20px !important}body #landign-page .header-content .lang-content .dropdown-menu img{width:25px;border-radius:50%}body #landign-page .middle-content{position:relative;margin-top:100px}body #landign-page .middle-content .ball-small{position:absolute;width:120px;height:120px;border-radius:50%;right:535px;bottom:0px;background:linear-gradient(45deg, #FFDAC5 0%, #EF915C 100%)}body #landign-page .middle-content .app-content{position:absolute;right:0px;top:0px;height:100%;display:block}body #landign-page .middle-content .app-content .app{z-index:102;position:absolute;height:510px;width:420px;right:0px;top:-60px}body #landign-page .middle-content .app-content .app .owl-carousel{width:410px;margin-left:auto;margin-right:auto}body #landign-page .middle-content .app-content .app .owl-carousel .owl-item .item{width:100%;position:relative;text-align:center}body #landign-page .middle-content .app-content .app .owl-carousel .owl-item .item img{height:510px;width:initial;margin-left:auto;margin-right:auto}body #landign-page .middle-content .app-content .app .navdot{text-align:center}body #landign-page .middle-content .app-content .app .navdot button{background-color:transparent;border:none}body #landign-page .middle-content .app-content .app .navdot button.disabled{opacity:.3}body #landign-page .middle-content .app-content .app .navdot .landing-dots{text-align:center;margin-top:30px;display:inline-block;margin-left:20px;margin-right:20px}body #landign-page .middle-content .app-content .app .navdot .landing-dots .dot{width:12px;height:12px;border-radius:50%;background:#453643;opacity:.12;display:inline-block}body #landign-page .middle-content .app-content .app .navdot .landing-dots .dot.active{opacity:1}body #landign-page .middle-content .app-content .app .navdot .arrow i{color:#453643}body #landign-page .middle-content .app-content .ball-big{position:absolute;width:370px;height:370px;right:26px;bottom:10px;border-radius:50%;background:linear-gradient(224.49deg, #453643 0%, #8DAA91 100.9%);z-index:101}body #landign-page .middle-content .title{font-family:"Roboto",sans-serif;font-style:normal;font-weight:bold;font-size:45px;line-height:56px;color:#102126;width:540px}body #landign-page .middle-content .desc{margin-top:30px;font-family:"Roboto",sans-serif;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;width:540px;color:#102126}body #landign-page .middle-content .app-market-badge{margin-top:50px}body #landign-page .middle-content .app-market-badge a{margin-right:20px}body #landign-page .middle-content .app-market-badge a:last-child{margin-right:0px}body #landign-page .middle-content .app-market-badge img{height:50px}body #landign-page .middle-content .qr-code{margin-top:30px}body #landign-page .middle-content .qr-code .code img{height:100px}body #landign-page .bottom-content{position:relative;margin-top:140px;border-top:solid 1px #F1F1F1;padding-top:15px;padding-bottom:15px}body #landign-page .bottom-content .left{float:left;width:50%}body #landign-page .bottom-content .left .img{float:left;margin-right:10px}body #landign-page .bottom-content .left .img img{height:50px}body #landign-page .bottom-content .left .info span{font-family:"Roboto",sans-serif;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;font-weight:500;letter-spacing:.01em;color:#102126;display:block;padding-top:5px}body #landign-page .bottom-content .left .info a{margin-right:12px}body #landign-page .bottom-content .left .info a i{color:#102126}body #landign-page .bottom-content .left .info a:last-child{margin-right:0px}body #landign-page .bottom-content .right{font-family:"Roboto",sans-serif;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#000000;text-align:right;padding-top:15px}body .navigation #page{padding:20px 0;filter:drop-shadow(-10px -10px 50px rgba(38,87,103,0.5));background:#453643;border-radius:20px}body .custom-header{padding:20px 0;border-bottom:solid 1px #ececec;background-color:#453643}body .custom-header .top-menu{min-height:auto !important;padding:0px !important;background-color:initial !important}body .custom-header .top-menu .form-group{margin-bottom:0px !important}body .custom-header input{border:1px solid rgba(53,122,144,0.3);box-sizing:border-box;border-radius:10px;width:100%;height:48px}body .custom-header .input-icon{position:relative}body .custom-header .input-icon .search-button{position:absolute;top:14px;right:5px;display:none}body .custom-header .input-icon .search-button i{color:#453643;font-size:14px;margin-right:13px;display:inline-block;cursor:pointer}body .custom-header .input-icon .search-button a{padding:12px 12px;color:#fff;font-weight:700;background:#453643;border-radius:7px}body .custom-header .input-icon input{border:1px solid rgba(53,122,144,0.3);box-sizing:border-box;border-radius:10px;background-color:rgba(120,132,117,0.7);width:100%;height:48px;color:#ededed}body .custom-header .input-icon input::placeholder{color:#453643}body .custom-header .input-icon span i{color:#453643}body .custom-header .input-icon.web.inline .search-button{display:inline-block}body .custom-header .input-icon.web.inline input{border:1px solid #453643}body .custom-header .input-icon.web.inline span i{color:#453643}body #page{padding:0px 0}body #page .left-menu{border-right:solid 1px #ececec;position:relative;width:100%}body #page .left-menu .logo{padding-left:20px;padding-top:32px}body #page .left-menu .logo img{width:150px}body #page .left-menu .menu{padding-right:20px;padding-top:52px}body #page .left-menu .menu ul{list-style:none;margin:0px;padding:0px}body #page .left-menu .menu ul li{margin-bottom:20px;position:relative}body #page .left-menu .menu ul li.active:before{display:block;content:'';background-image:url(/assets/media/img/shape.png);background-size:15px 52px;height:52px;width:15px;position:absolute;left:-1px;top:-17px}body #page .left-menu .menu ul li a{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;color:#000;display:block}body #page .left-menu .menu ul li a span{float:right;padding:5px 5px;background-color:#cccccc;border-radius:3px;display:inline-block;font-size:10px;line-height:11px;font-weight:700}body #page .left-menu .menu ul li a i{color:#000;margin-right:12px}body #page .left-menu .menu ul li.active a{color:#000}body #page .left-menu .menu ul li.active a i{color:#000;font-weight:900}body #page .left-menu .app-markets{overflow:hidden;margin:15px;height:230px;background:linear-gradient(224.49deg, #453643 0%, #8DAA91 100.9%);box-shadow:0 0 50px rgba(0,0,0,0.15);border-radius:5px;padding:15px;position:absolute;bottom:0px}body #page .left-menu .app-markets h3{font-style:normal;font-weight:bold;font-size:18px;line-height:28px;align-items:center;color:#FFFFFF}body #page .left-menu .app-markets .app-market-badge img{height:24.5px}body #page .left-menu .app-markets .app-qrcode{margin-top:20px}body #page .left-menu .app-markets .app-qrcode img{width:100%}body #page .left-menu .app-markets .app-qrcode small{font-style:normal;font-weight:normal;font-size:8.5px;line-height:11px;color:#FFFFFF}body #page h1{font-style:normal;font-weight:bold;font-size:24px;line-height:27px;color:#102126}body #page .sorting-content span{margin-left:10px}body #page .sorting-content .text-button{box-sizing:border-box;border-radius:5px;color:#453643;padding:11px 5px;line-height:26px;font-weight:700}body #page .sorting-content .text-button span{width:95px;display:inline-block;text-align:left;font-size:12px;padding-top:2px}body #page .sorting-content .text-button i{color:#453643;font-size:12px}body #page .forms-goto{display:inline-block;float:right}body #page .forms-goto .form-btn{background-color:#E5E5E5;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;color:#666;padding:10.5px 12px;border-radius:5px;display:inline-block;float:right;margin-left:10px}body #page .forms-goto .form-btn i{color:#666;margin-left:10px}body #page .right-content{position:relative}body #page .right-content .top-menu{background-color:#FFFFFF;padding:20px 0;min-height:125px}body #page .right-content .top-menu h1{font-style:normal;font-weight:bold;font-size:24px;line-height:27px;color:#102126}body #page .right-content .sura-item{width:100%;height:150px;padding:10px 25px;background:#FFFFFF;border-radius:8px;cursor:pointer;margin-bottom:20px;border:solid 1px #4536432e;display:flex;flex-direction:column;justify-content:space-between}body #page .right-content .sura-item:hover{background:#4536430b}body #page .right-content .sura-item div.first{display:flex;justify-content:space-between;align-items:center;width:100%}body #page .right-content .sura-item div.first .sorting{font-style:normal;font-weight:bold;font-size:40px;line-height:48px;display:flex;align-items:center;color:#8DAA91;opacity:.3}body #page .right-content .sura-item div.first .info{font-style:normal;font-weight:bold;font-size:15px;line-height:20px;display:flex;align-items:center;color:#8DAA91;opacity:.3;border-top:solid 1px #8DAA91;border-bottom:solid 1px #8DAA91}body #page .right-content .sura-item div.second{display:flex;flex-direction:column}body #page .right-content .sura-item div.second .name{font-style:normal;font-weight:bold;font-size:23px;line-height:23px;display:block;align-items:center;color:#453643;margin:10px 0}body #page .right-content .sura-item div.second .verse-count{display:block;font-style:normal;font-weight:normal;font-size:14px;line-height:16px;align-items:center;color:#102126}body #page .right-content .user-bookmark{display:block;position:sticky;width:335px;height:80px;float:right;bottom:50px;background:#8DAA91;box-shadow:0 0 30px rgba(111,176,197,0.2);border-radius:15px;z-index:7760}body #page .right-content .user-bookmark .bookmark{padding:20px}body #page .right-content .user-bookmark .bookmark i.left{font-weight:700;font-size:40px;color:#fff;float:left;margin-right:10px}body #page .right-content .user-bookmark .bookmark span{display:block;font-weight:normal;font-size:14px;line-height:16px;color:#fff;margin-bottom:5px}body #page .right-content .user-bookmark .bookmark i.right{color:#fff;font-weight:normal;font-size:18px;line-height:40px;float:right}body #page .my-notes .gray{background-color:#F8F9FA;border-radius:25px}body #page .my-notes .items{padding:15px 0}body #page .my-notes .items .item{padding:30px 0;width:100%;background:#FFFFFF;box-shadow:0 0 20px rgba(141,151,158,0.2);border-radius:15px;position:relative;display:block;margin-bottom:15px}body #page .my-notes .items .item:last-child{margin-bottom:0px}body #page .my-notes .items .item a{display:table;position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;padding:0 15px;height:60px}body #page .my-notes .items .item a:after{clear:both}body #page .my-notes .items .item a .title{display:table-cell;position:relative;vertical-align:middle}body #page .my-notes .items .item a .title strong{font-style:normal;font-weight:700;font-size:14px;line-height:16px;color:#102126;display:block;margin-bottom:10px}body #page .my-notes .items .item a .title small{font-style:normal;font-weight:normal;font-size:12px;line-height:14px;display:block;color:#102126}body #page .my-notes .items .item a .count{display:table-cell;position:relative;vertical-align:middle;text-align:right;padding-right:10px}body #page .my-notes .items .item a .count span{background:#8DAA91;border-radius:5px;padding:10px 15px;color:#fff;font-weight:700}body #page .my-notes .items .item a .arrow{display:table-cell;position:relative;vertical-align:middle}body #page .my-notes .items .item a .arrow i{float:right;color:#102126}body #page .my-notes .items .item a .arrow:after{clear:both}body #page .my-notes .items .item.active{background:#8DAA91;box-shadow:0 0 20px rgba(141,151,158,0.2)}body #page .my-notes .items .item.active .title strong{color:#fff}body #page .my-notes .items .item.active .title small{color:#fff}body #page .my-notes .items .item.active .count span{background:#fff;color:#8DAA91}body #page .my-notes .items .item.active .arrow i{color:#fff}body #page .my-notes .items.white{margin:15px 0;background-color:#fff;border-radius:15px;padding:15px 15px;margin-right:15px}body #page .my-notes .items.white .note-item{padding:30px 0;width:100%;background:#F8F9FA;border-radius:15px;position:relative;display:block;margin-bottom:15px}body #page .my-notes .items.white .note-item:last-child{margin-bottom:0px}body #page .my-notes .items.white .note-item a{display:table;position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;padding:0 15px}body #page .my-notes .items.white .note-item a:after{clear:both}body #page .my-notes .items.white .note-item a .title{display:table-cell;position:relative;vertical-align:middle}body #page .my-notes .items.white .note-item a .title strong{font-style:normal;font-weight:700;font-size:14px;line-height:16px;color:#102126;display:block;margin-bottom:15px}body #page .my-notes .items.white .note-item a .title small{font-style:normal;font-weight:normal;font-size:12px;line-height:14px;display:block;color:#102126}body #page .my-notes .items.white .note-item a .arrow{display:table-cell;position:relative;vertical-align:middle}body #page .my-notes .items.white .note-item a .arrow i{float:right;color:#102126}body #page .my-notes .items.white .note-item a .arrow:after{clear:both}body #page .my-notes .backbtn{display:none}body #page .page-content{font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#102126;padding:0 14px}body #page .page-content img{border-radius:15px}body #page .page-content .app-form .sign-contract span{font-size:12px;color:#102126}body #page .page-content .app-form .sign-contract a{text-align:left !important;font-size:12px;color:#102126;text-decoration:underline;font-weight:700}body #page .page-content .app-form .sign-contract .checkbox{float:left;height:100px;background:#F8F9FA;border:solid 1px #ececec;border-radius:3px;width:25px;height:25px;margin-right:10px;margin-top:7px}body #page .page-content .app-form .sign-contract .checkbox.active{border:solid 1px #EF915C}body #page .page-content .app-form .sign-contract .checkbox.active:before{content:'\f00c';font-family:'Font Awesome 5 Pro';font-size:25px;color:#EF915C}body #sura-detail{padding-top:50px}body #sura-detail .verse-menu{justify-content:end;display:flex;position:absolute;right:-100px;top:30%;width:100px;transition:right .4s ease}body #sura-detail .verse-menu:hover{right:0px}body #sura-detail .verse-menu .user-menu{writing-mode:vertical-rl;text-orientation:upright;width:35px;height:155px;position:absolute;left:-35px;top:31%;background:#453643;color:#FFBD00;font-weight:bold;text-align:center;justify-content:center;align-items:center;display:flex;border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:16px}body #sura-detail .verse-menu .detail-menu{text-align:center;padding-top:20px;padding-bottom:20px;display:inline-grid;width:100%;height:405px;background:#453643;border-bottom-left-radius:15px;border-top-left-radius:15px}body #sura-detail .verse-menu .detail-menu .dropdown-menu{background-color:transparent !important;box-shadow:none !important;-webkit-box-shadow:none !important;padding-right:30px}body #sura-detail .verse-menu .detail-menu div.menu-item{display:table;height:100%;width:100%}body #sura-detail .verse-menu .detail-menu div.menu-item a.menu-item-a{color:#FFBD00;display:table-cell;vertical-align:middle}body #sura-detail .verse-menu .detail-menu div.menu-item a.menu-item-a i{font-size:18px;color:#FFBD00}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting{background:#FFFFFF;border-radius:15px;width:346px;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1));z-index:9999;padding:20px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting:before{content:"";position:absolute;height:0px;width:0px;top:12px;right:-29px;border-width:15px;border-color:transparent transparent transparent white;border-style:solid;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1))}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-header{position:relative;display:block;top:0px;border-bottom:solid 1px #EFEFEF;padding-bottom:20px;margin-bottom:20px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-header .text-left{font-weight:bold;font-size:16px;line-height:18px;display:flex;align-items:center;color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-header .text-right{text-align:right}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-header .text-right a{color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-header .text-right a i{color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item{padding:20px 0}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-left{font-size:14px;line-height:16px;color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-right a{float:left}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-right a span{padding:17px 14px;background:#F5F5F5}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-right a span i{color:#102126;width:20px;height:16px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-right a:first-child span{border-right:solid 1px #E6E6E6;border-top-left-radius:10px;border-bottom-left-radius:10px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-right a:last-child span{border-top-right-radius:10px;border-bottom-right-radius:10px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-setting .word-set-item .text-right a.passive span i{color:#E5E5E5;width:20px;height:16px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share{background:#FFFFFF;border-radius:15px;width:300px;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1));z-index:9999;padding:20px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share:before{content:"";position:absolute;height:0px;width:0px;top:12px;right:-29px;border-width:15px;border-color:transparent transparent transparent white;border-style:solid;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1))}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-header{position:relative;display:block;top:0px;border-bottom:solid 1px #EFEFEF;padding-bottom:20px;margin-bottom:20px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-header .text-left{font-weight:bold;font-size:16px;line-height:18px;display:flex;align-items:center;color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-header .text-right{text-align:right}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-header .text-right a{color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-header .text-right a i{color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-set-item{position:relative;display:block;width:100%}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-set-item .text-left{font-size:14px;line-height:16px;color:#102126}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-set-item .text-right a{font-size:18px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-set-item .text-right a i{font-size:18px}body #sura-detail .verse-menu .detail-menu div.menu-item .word-share .word-set-item a{display:inline-block;text-align:center}body #sura-detail .app-tools{margin-top:0px}body #sura-detail .app-tools .back-btn{color:#102126}body #sura-detail .app-tools .back-btn i{color:#102126;float:left;margin-right:10px}body #sura-detail .app-tools .title{text-align:left;display:inline-block}body #sura-detail .app-tools .title h1{text-align:left;font-style:normal;font-weight:bold;font-size:24px;line-height:27px;color:#102126;display:inline-block;position:relative;padding-right:15px;margin-right:10px;margin-bottom:0px}body #sura-detail .app-tools .title h1:after{content:'';height:5px;width:5px;background-color:#102126;position:absolute;border-radius:10px;right:0px;top:45%}body #sura-detail .app-tools .title span{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;color:#102126}body #sura-detail .app-tools .forms{display:inline-block;float:right}body #sura-detail .app-tools .forms .form-btn{background-color:#E5E5E5;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;color:#666;padding:10.5px 12px;border-radius:5px;display:inline-block;float:right;margin-left:10px}body #sura-detail .app-tools .forms .form-btn i{color:#666;margin-left:10px}body #sura-detail .app-tools .forms .voice-btn{background-color:#8DAA91;color:#453643;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;padding:10.5px 12px;border-radius:5px;display:inline-block;float:right;margin-left:10px}body #sura-detail .app-tools .forms .voice-btn i{color:#453643;margin-left:10px}body #sura-detail .app-tools .forms .voice-btn.orange{background-color:#FFBD00;color:#453643}body #sura-detail .app-tools .forms .voice-btn.orange i{color:#453643;margin-left:10px}body #sura-detail .app-content{margin-top:30px;position:relative}body #sura-detail .app-content .btn-close{position:absolute;top:-39px;right:0px;font-size:30px;color:#fff;display:none}body #sura-detail .app-content .item{position:relative;width:100%;min-height:400px;background:#FFFFFF;box-shadow:0 0 50px 2px rgba(141,151,158,0.15);border-radius:15px;z-index:999;padding:30px}body #sura-detail .app-content .item .arabic{font-family:'Denge' !important;font-size:24px;text-align:right;border-bottom:solid 1px #EFEFEF;padding-bottom:20px;margin-bottom:20px;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text}body #sura-detail .app-content .item .content-text{font-style:normal;font-size:16px;line-height:28px;letter-spacing:.02em;color:#000000;position:relative}body #sura-detail .app-content .item .content-text .edit{display:block}body #sura-detail .app-content .item .content-text .origin{display:none}body #sura-detail .app-content .item .content-text::-moz-selection{background:#EAEAEA}body #sura-detail .app-content .item .content-text::selection{background:#EAEAEA}body #sura-detail .app-content .item .content-text span.footnote-dot{display:inline-block;width:20px;position:relative;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body #sura-detail .app-content .item .content-text span.footnote-dot small{background-color:#102126;color:#FFFFFF;border-radius:50%;height:17px;width:17px;text-align:center;display:inline-block;line-height:18px;position:absolute;top:-20px;left:0px}body #sura-detail .app-content .back-item{position:absolute;top:17px;height:100%;width:97%}body #sura-detail .app-content .back-item .item-1{position:relative;width:95%;margin-left:auto;margin-right:auto;height:100%;background:#FFFFFF;box-shadow:0 0 50px 2px rgba(141,151,158,0.15);border-radius:15px;z-index:888}body #sura-detail .app-content .back-item .item-2{position:absolute;width:87%;margin-left:auto;margin-right:auto;height:100%;background:#FFFFFF;box-shadow:0 0 50px 2px rgba(141,151,158,0.15);border-radius:15px;z-index:555;top:16px;left:40px}body #sura-detail .app-content .detail-arrow span{color:#102126;font-size:14px}body #sura-detail .app-content .detail-arrow span i{color:#102126;font-size:14px}body #sura-detail .app-content.select .btn-close{display:block;cursor:pointer}body #sura-detail .app-content.select .item{z-index:7777 !important}body #sura-detail .app-content.select .item .arabic{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body #sura-detail .app-content.select .item .content-text{-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text}body #sura-detail .app-content.select .item .content-text .edit{position:absolute;z-index:10;color:#FFFFFF !important}body #sura-detail .app-content.select .item .content-text .edit strong{color:#FFFFFF !important}body #sura-detail .app-content.select .item .content-text .edit .highlight{color:#F5DFD3 !important}body #sura-detail .app-content.select .item .content-text .edit .notes{color:#C9D9DF !important}body #sura-detail .app-content.select .item .content-text .edit .footnote-dot{display:none !important}body #sura-detail .app-content.select .item .content-text .origin{display:block;position:relative;z-index:1000}body #sura-detail .app-content.select .selectoverflow{display:block}body .select-text-menu{display:none;position:absolute;z-index:9000;width:200px;height:40px;background:#10242A;border-radius:10px;padding:12px 10px}body .select-text-menu:after{content:"";position:absolute;height:0px;width:0px;bottom:-30px;left:43%;border-width:15px;border-color:#10242A transparent transparent transparent;border-style:solid;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1))}body .select-text-menu .information-text{display:none;position:absolute;top:-42px;color:#fff;font-style:normal;font-weight:normal;font-size:16px;line-height:18px;background:rgba(16,33,38,0.5);text-align:center;padding:10px 0;border-radius:10px;width:90%;left:5%}body .select-text-menu ul.tools{list-style:none;display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;margin:0px;padding:0px}body .select-text-menu ul.tools li{text-align:center}body .select-text-menu ul.tools li i{color:#fff}body #add-note{z-index:6666}body #add-note .modal-content{position:relative;padding:20px;border-radius:15px}body #add-note .modal-content .close-modal{position:absolute;top:20px;right:20px}body #add-note .modal-content .close-modal i{color:#102126;font-size:18px}body #add-note .modal-content h3{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;color:#102126}body #add-note .modal-content .input{margin-top:30px;min-height:350px;position:relative}body #add-note .modal-content .input textarea{border:none;position:absolute;top:0px;left:0px;width:100%;height:100%}body #add-note .modal-content .btn a{width:200px;padding:14px 0;background:#453643;border-radius:10px;text-align:center;color:#FFFFFF;font-weight:700;display:inline-block}body #update-note{z-index:6666}body #update-note .modal-content{position:relative;padding:20px;border-radius:15px}body #update-note .modal-content .close-modal{position:absolute;top:20px;right:20px}body #update-note .modal-content .close-modal i{color:#102126;font-size:18px}body #update-note .modal-content h3{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;color:#102126}body #update-note .modal-content h5{font-style:normal;font-weight:normal;font-size:12px;line-height:14px;text-align:center;color:#102126}body #update-note .modal-content .selected-text{font-style:normal;font-weight:normal;font-size:14px;line-height:22px;color:#000000;padding:13px;margin-top:20px;border-bottom:solid 1px #efefef}body #update-note .modal-content .input{margin-top:30px;min-height:350px;position:relative}body #update-note .modal-content .input textarea{border:none;position:absolute;top:0px;left:0px;width:100%;height:100%}body #update-note .modal-content .btn a{width:200px;padding:14px 0;background:#453643;border-radius:10px;text-align:center;color:#FFFFFF;font-weight:700;display:inline-block;border:solid 1px #453643;margin-right:10px}body #update-note .modal-content .btn a:last-child{margin-right:0px}body #update-note .modal-content .btn a.outline{width:200px;padding:14px 0;background:#fff;border-radius:10px;border:solid 1px #453643;text-align:center;color:#453643;font-weight:700;display:inline-block}body #update-note .modal-content .btn a.outline i{color:#453643}body #foote-note{z-index:6666}body #foote-note .modal-content{position:relative;padding:20px;border-radius:15px}body #foote-note .modal-content .close-modal{position:absolute;top:20px;right:20px}body #foote-note .modal-content .close-modal i{color:#102126;font-size:18px}body #foote-note .modal-content h3{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;color:#102126}body #foote-note .modal-content .content{margin-top:30px;margin-bottom:20px;border-bottom:solid 1px #EFEFEF;padding-bottom:20px}body #foote-note .modal-content .content p{font-style:normal;font-weight:normal;font-size:14px;line-height:22px;color:#000000}body #foote-note .modal-content .btn{text-align:left}body #foote-note .modal-content .btn small{font-style:normal;font-weight:normal;font-size:16px;line-height:18px;display:block;color:#000000;margin-bottom:20px}body #foote-note .modal-content .btn a{padding:10px 15px;background:#8DAA91;border-radius:7px;display:inline-block;color:#fff;font-style:normal;font-weight:bold;font-size:12px;line-height:14px;margin-bottom:10px;margin-right:10px}body #foote-note .modal-content .btn a i{color:#FFFFFF;font-size:12px;float:right;margin-left:15px}body .modal .alert>a.outline{width:200px;padding:14px 0;background:#fff;border-radius:10px;border:solid 1px #453643;text-align:center;color:#453643;font-weight:700;display:inline-block}body .modal .alert>a{width:200px;padding:14px 0;background:#453643;border-radius:10px;text-align:center;color:#FFFFFF;font-weight:700;display:inline-block;border:solid 1px #453643;margin-right:10px}body .modal .alert.dropup .dropdown-menu{background-color:transparent !important;box-shadow:none !important;-webkit-box-shadow:none !important;padding-bottom:30px}body .modal .alert.dropup .dropdown-menu .remove-item-content{padding:15px;background:#FFFFFF;border-radius:10px;box-shadow:0 2px 40px rgba(0,0,0,0.1);width:210px;height:150px}body .modal .alert.dropup .dropdown-menu .remove-item-content:before{content:"";position:absolute;height:0px;width:0px;bottom:0px;right:90px;border-width:15px;border-color:white transparent transparent transparent;border-style:solid;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1))}body .modal .alert.dropup .dropdown-menu .remove-item-content .alert-message{font-style:normal;font-weight:normal;font-size:12px;line-height:18px;color:#10242A;text-align:left;margin-bottom:30px}body .modal .alert.dropup .dropdown-menu .remove-item-content .btns .outline{width:85px;height:30px;border:1px solid #102126;box-sizing:border-box;border-radius:5px;font-style:normal;font-weight:bold;font-size:12px;line-height:14px;text-align:center;color:#102126;padding:8px 20px;display:inline-block;float:left;margin-right:10px}body .modal .alert.dropup .dropdown-menu .remove-item-content .btns .inline{width:85px;height:30px;background-color:#102126;border:1px solid #102126;box-sizing:border-box;border-radius:5px;font-style:normal;font-weight:bold;font-size:12px;line-height:14px;text-align:center;color:#fff;padding:5px 12px;display:inline-block}body .modal .alert.dropup .dropdown-menu .remove-item-content .btns .inline i{color:#fff}body .mobile-menu{margin-bottom:6vw;padding:0 2vw}body .mobile-menu i{color:#FFFFFF;font-size:6vw;line-height:11vw}body .mobile-menu span{color:#FFFFFF;font-size:4vw;line-height:11vw}body .mobile-menu img{width:90%}body .mobile-menu h1{font-style:normal;font-weight:bold;font-size:6vw;line-height:10vw;color:#fff}body .mobile-menu .suras-sorting{text-align:center}body .mobile-menu .suras-sorting a{border:1px solid #FFFFFF;box-sizing:border-box;border-radius:10px;display:block;font-style:normal;font-weight:normal;font-size:2.9vw;line-height:0px;color:#FFFFFF}body .mobile-menu .suras-sorting a i{font-size:14px;line-height:16px;color:#FFFFFF;margin-left:5px}body .mobile-search-content{display:none;position:absolute;background-color:rgba(0,0,0,0.5);top:0px;left:0px;width:100%;height:100%;z-index:7777}body .mobile-search-content .search-content{padding:0 5vw;position:relative;background-color:#FFFFFF;top:0px;left:0px;width:100%;height:50vw;box-shadow:0 0 30px rgba(141,151,158,0.2);border-radius:0px 0px 20px 20px}body .mobile-search-content .search-content .row{position:absolute;bottom:0px;left:5vw;right:5vw}body .mobile-search-content .search-content .row .close{color:#000000}body .mobile-search-content .search-content .row .close i{font-size:5vw;line-height:5vw;text-align:right;color:#000000}body .mobile-search-content .search-content .row .title{font-style:normal;font-weight:bold;font-size:5vw;line-height:5vw;text-align:right;color:#000000}body .mobile-search-content .search-content .row input{height:14vw;font-size:4vw;color:#000}body #mobile #nav ul{list-style-type:none;padding:0}body #mobile #nav li{margin-bottom:30px;position:relative}body #mobile #nav li a{font-style:normal;font-weight:normal;font-size:4vw;line-height:4vw;color:#ffffff;display:block}body #mobile #nav li a span{float:right;padding:5px 5px;background-color:#8DAA91;border-radius:3px;display:inline-block;font-size:3.5vw;line-height:3.5vw;font-weight:700}body #mobile #nav li a i{font-size:4vw;line-height:4vw;color:#ffffff;margin-right:12px}body #mobile #nav li.active a{color:#ffffff}body #mobile #nav li.active a i{color:#ffffff;font-weight:900}body #mobile .mobile-overflow{display:none}body #mobile .cupertino-content .mobile-cupertino{border:solid 1px #fff;border-radius:15px;padding:10px 30px;text-align:center}body #mobile .cupertino-content .mobile-cupertino p{font-style:normal;font-weight:normal;font-size:4vw;line-height:3vw;align-items:center;text-align:center;color:#FFFFFF;margin:0px}body #mobile .cupertino-content .mobile-cupertino h1{display:block;font-style:normal;font-weight:bold;font-size:6vw;line-height:6vw;text-align:center;color:#FFFFFF;margin:0px}body #mobile .cupertino-content .mobile-cupertino i{position:absolute;right:6vw;top:1vw}body #mobile .cupertino-content i{line-height:15vw}body #mobile .cupertino-content i.arrow.btn-prev-verse{line-height:6vw;background-color:#FFBD00;color:#453643;font-weight:700;padding:4vw 5vw;border-radius:50%;position:absolute;left:0px;top:1.5vw}body #mobile .cupertino-content i.arrow.btn-next-verse{line-height:6vw;background-color:#FFBD00;color:#453643;font-weight:700;padding:4vw 5vw;border-radius:50%;position:absolute;right:0px;top:1.5vw}body #mobile.navigation .mobile-overflow{display:block;position:absolute;top:0px;left:0px;height:200%;width:100%;z-index:9999;border-radius:20px}body .verse-number{line-height:normal !important}body #goto-sura .modal-content{padding:20px 20px 0px 20px;position:relative;border-radius:20px;margin:0px 25px}body #goto-sura .modal-content .divider{height:.5px;position:relative;display:block;background-color:#ececec;margin-top:2vw;margin-bottom:2vw}body #goto-sura .modal-content .close-modal{position:absolute;right:5vw;top:5vw}body #goto-sura .modal-content .close-modal i{color:#102126;font-size:6vw}body #goto-sura .modal-content h3{font-style:normal;font-weight:bold;font-size:16px;line-height:18px;align-items:center;color:#102126}body #goto-sura .modal-content .content{margin:0px}body #goto-sura .modal-content .content select{font-size:4vw}body #goto-sura .modal-content .content input{font-size:4vw}body #goto-sura .modal-content .content label{font-size:4vw}body #goto-sura .modal-content .content input.valid{border:solid 2px #EF915C}body #goto-sura .modal-content .content .form-text{color:#B5B5C3;font-weight:400;font-weight:700}body #goto-sura .modal-content .content .form-text.valid{color:#EF915C;font-weight:700}body #goto-sura .modal-content .content .goto-btn{margin-top:13vw}body #goto-sura .modal-content .content .goto-btn a{background:#102126;box-shadow:0 0 30px #000000;border-radius:17px;font-style:normal;font-weight:bold;font-size:4vw;line-height:4vw;text-align:center;color:#FFFFFF;display:block;padding:6vw}body #sign-x{padding-bottom:40px}body #sign-x .sign-up{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:0 75px}body #sign-x .sign-up .description{margin-bottom:15px}body #sign-x .mobile-menu{margin-top:30px}body #sign-x .app-header{margin-top:30px}body #sign-x .app-subcontent{margin-top:50px}body #sign-x .app-subcontent .back-btn{color:#102126}body #sign-x .app-subcontent .back-btn i{color:#102126;float:left;margin-right:10px}body #sign-x .app-subcontent h1{text-align:left;font-style:normal;font-weight:bold;font-size:24px;line-height:27px;color:#102126;position:relative;display:block;text-align:center}body #sign-x .app-content{margin-top:30px}body #sign-x .app-content .content{position:relative;width:100%;height:100%;background:#FFFFFF;border-radius:10px;padding-top:10px;border:solid 1px #4536432e}body #sign-x .app-content .content .form-content{padding:40px}body #sign-x .app-content .content .form-content .sign-contract span{font-size:12px;color:#102126}body #sign-x .app-content .content .form-content .sign-contract a{text-align:left !important;font-size:12px;color:#102126;text-decoration:underline;font-weight:700}body #sign-x .app-content .content .form-content .sign-contract .checkbox{float:left;height:100px;background:#F8F9FA;border:solid 1px #ececec;border-radius:3px;width:25px;height:25px;margin-right:10px;margin-top:7px}body #sign-x .app-content .content .form-content .sign-contract .checkbox.active{border:solid 1px #EF915C}body #sign-x .app-content .content .form-content .sign-contract .checkbox.active:before{content:'\f00c';font-family:'Font Awesome 5 Pro';font-size:25px;color:#EF915C}body #sign-x .app-content .content .form-content .codes input{background-color:#fff;border:none;border-bottom:solid 2px #102126;border-radius:0px;font-size:40px;text-align:center}body #sign-x .app-content .content .form-content .timer{font-size:30px;text-align:center}body #sign-x .app-content .content .information-sign-up{position:relative;background-color:#453643;padding:25px 0;border-radius:13px;margin:0 10px;text-align:center}body #sign-x .app-content .content .information-sign-up span{display:block;color:#FFFFFF;font-size:12px;margin-top:15px}body #sign-x .app-content .content .information-sign-up i{background-color:#FFFFFF;color:#453643;width:45px;padding:14px 0;border-radius:10px;margin-right:15px}body #sign-x .app-content .content .information-sign-up i:last-child{margin-right:0px}body #sign-x .verification-succ{padding:30px 50px}body #sign-x .verification-succ h2{margin-bottom:30px;text-align:center}body #sign-x .verification-succ h2 i{font-size:80px;color:#453643}body #sign-x .verification-succ h1{margin-bottom:30px;text-align:center;font-size:25px;color:#102126}body #sign-x .verification-succ p{font-size:18px;color:#102126}body #sign-x .verification-succ .btns{margin-top:50px}body #sign-x .verification-succ .btns a{display:block;background-color:#453643;color:#FFFFFF;padding:15px 0;text-align:center;border-radius:15px}body #sign-x .verification-fail{padding:30px 50px}body #sign-x .verification-fail h2{margin-bottom:30px;text-align:center}body #sign-x .verification-fail h2 i{font-size:80px;color:#453643}body #sign-x .verification-fail h1{margin-bottom:30px;text-align:center;font-size:25px;color:#e63946}body #sign-x .verification-fail p{font-size:18px;color:#102126}body #sign-x .verification-fail p.colors{font-size:18px;font-weight:700;color:#003049}body #sign-x .verification-fail .btns{margin-top:50px}body #sign-x .verification-fail .btns a{display:block;background-color:#453643;color:#FFFFFF;padding:15px 0;text-align:center;border-radius:15px}body .app-form .form-group{margin-top:30px}body .app-form .form-group:first-child{margin-top:0px}body .app-form label{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;text-align:justify;display:block;color:#102126;margin-bottom:15px}body .app-form input{background:#F8F9FA;border-radius:10px;border:none;height:48px;font-style:normal;font-weight:normal;font-size:14px;line-height:16px}body .app-form input:focus{background:#F8F9FA}body .app-form textarea{background:#F8F9FA;border-radius:10px;border:none;font-style:normal;font-weight:normal;font-size:14px;line-height:16px;height:120px}body .app-form input.is-invalid{padding-left:2.5rem !important}body .app-form input.is-valid{padding-left:2.5rem !important}body .app-form .underline{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;text-decoration-line:underline;color:#102126;text-align:right;display:block}body .app-form .input-icon span i{color:#ccc;cursor:pointer}body .app-form .btns{margin-top:30px}body .app-form .btns button{display:block;background:#FFBD00;border-radius:10px;color:#453643;font-style:normal;font-weight:bold;font-size:16px;line-height:18px;text-align:center;width:100%;border:none;padding:15px 0}body .app-form .btns button.wait{background-color:#EF915C}body .app-form .btns button.spinner-right{padding-left:3.75rem !important}body .app-form .btns button.spinner-left{padding-right:3.75rem !important}body .app-switch{background:#F8F9FA;border-radius:10px}body .app-switch span{display:inline-block;color:#ddd;font-style:normal;font-weight:normal;font-size:14px;line-height:16px;padding:16px 30px;width:49%;text-align:center;cursor:pointer}body .app-switch span i{font-size:12px;color:#ddd}body .app-switch span.active{background-color:#102126;color:#fff;border-radius:10px}body .app-switch span.active i{color:#fff;font-weight:900}body .goto-verse-content a{margin:35px 0 15px;padding:5px 5px;border:solid 1px #fff;border-radius:10px;text-align:center;font-size:4vw;display:block;color:#FFFFFF;font-weight:700}body .goto-verse-content a span{display:inline-block;line-height:6vw}body .goto-verse-content a i{font-size:5vw;line-height:6vw;margin-left:10px}body .swal2-popup{border-radius:15px}body .swal2-popup .swal2-icon.swal2-warning{border-color:#EF915C;color:#EF915C}body .swal2-popup .swal2-title{font-family:"Roboto",sans-serif;font-size:16px}body .swal2-popup .swal2-confirm{border-left-color:#453643;border-right-color:#453643;background-color:#453643}body .main-search-page .tabs a{padding:10px 30px;border-radius:10px;color:#453643;font-weight:700}body .main-search-page .tabs a.active{background-color:#453643;color:#FFFFFF}body .main-search-page .tabs-content .tab{position:relative;width:100%;background:#FFFFFF;box-shadow:0 0 30px rgba(141,151,158,0.2);border-radius:15px;padding:15px;display:none;margin-bottom:20px}body .main-search-page .tabs-content .tab .title{margin-bottom:15px}body .main-search-page .tabs-content .tab .title a span{font-style:normal;font-weight:bold;font-size:18px;line-height:21px;text-align:center;color:#102126}body .main-search-page .tabs-content .tab .title a small{color:#102126;font-size:17px}body .main-search-page .tabs-content .tab .title .dot{display:inline-block;width:5px;height:5px;background:#102126;border-radius:50%;margin-right:10px;margin-left:10px}body .main-search-page .tabs-content .tab .content{font-style:normal;font-size:16px;line-height:28px;letter-spacing:.02em;color:#000000;position:relative;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;margin-bottom:0px;padding-bottom:0px}body .main-search-page .tabs-content .tab .content span.footnote-dot{display:inline-block;width:20px;position:relative;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body .main-search-page .tabs-content .tab .content span.footnote-dot small{background-color:#102126;color:#FFFFFF;border-radius:50%;height:17px;width:17px;text-align:center;display:inline-block;line-height:18px;position:absolute;top:-20px;left:0px}body .main-search-page .tabs-content .tab .footnote-reference{margin-top:20px}body .main-search-page .tabs-content .tab .footnote-reference a{padding:10px 15px;background:#8DAA91;border-radius:7px;display:inline-block;color:#fff;font-style:normal;font-weight:bold;font-size:12px;line-height:14px;margin-bottom:10px;margin-right:10px}body .main-search-page .tabs-content .tab.active{display:block}body .main-search-page .input-icon{position:relative}body .main-search-page .input-icon .main-search-button{position:absolute;top:14px;right:5px;display:none}body .main-search-page .input-icon .main-search-button i{color:#453643;font-size:14px;margin-right:13px;display:inline-block;cursor:pointer}body .main-search-page .input-icon .main-search-button a{padding:12px 12px;color:#fff;font-weight:700;background:#453643;border-radius:7px}body .main-search-page .input-icon input{border:1px solid rgba(53,122,144,0.3);box-sizing:border-box;border-radius:10px;background-color:#FFFFFF;width:100%;height:48px}body .main-search-page .input-icon input::placeholder{color:rgba(53,122,144,0.3)}body .main-search-page .input-icon span i{color:rgba(53,122,144,0.3)}body .main-search-page .input-icon.web.inline .main-search-button{display:inline-block}body .main-search-page .input-icon.web.inline input{border:1px solid #453643}body .main-search-page .input-icon.web.inline span i{color:#453643}body .copyright{margin-top:100px;padding:10px 0}body .copyright .left{text-align:left}body .copyright .right{text-align:right}body .copyright a{color:#102126}body #forgotpass{z-index:6666}body #forgotpass .modal-content{position:relative;padding:20px;border-radius:15px}body #forgotpass .modal-content .close-modal{position:absolute;top:20px;right:20px}body #forgotpass .modal-content .close-modal i{color:#102126;font-size:18px}body #forgotpass .modal-content h3{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;color:#102126}body #forgotpass .modal-content .input{margin-top:30px;position:relative}body #forgotpass .modal-content .input textarea{border:none;position:absolute;top:0px;left:0px;width:100%;height:100%}body #forgotpass .modal-content .btn{padding:.65rem 0}body #forgotpass .modal-content .btn a{width:100%;padding:14px 0;background:#453643;border-radius:10px;text-align:center;color:#FFFFFF;font-weight:700;display:block}body #forgotpass .btns button{display:block;background:#453643;border-radius:10px;color:#fff;font-style:normal;font-weight:bold;font-size:16px;line-height:18px;text-align:center;width:100%;border:none;padding:15px 0}body #forgotpass .btns button.wait{background-color:#EF915C}body #forgotpass .btns button.spinner-right{padding-left:3.75rem !important}body #forgotpass .btns button.spinner-left{padding-right:3.75rem !important}body .accordion .card-header{border-bottom:solid 2px #EFEFEF !important}body .accordion .card .card-header .card-title{color:#453643 !important}body .hint-item{height:70px}body .hint-item i{border:solid 1px rgba(53,122,144,0.2);border-radius:10px;padding:11px 0;color:#453643;font-size:18px;width:40px;text-align:center;margin-right:15px;float:left}body .hint-item span{font-size:16px}body #voice{z-index:6666}body #voice .modal-content{position:relative;padding:20px;border-radius:15px}body #voice .modal-content .close-modal{position:absolute;top:20px;right:20px}body #voice .modal-content .close-modal i{color:#102126;font-size:18px}body #voice .modal-content h3{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;color:#102126}body #voice .modal-content .content{margin-top:30px;margin-bottom:20px;border-bottom:solid 1px #EFEFEF;padding-bottom:20px}body #voice .modal-content .content p{font-style:normal;font-weight:normal;font-size:14px;line-height:22px;color:#000000}body #voice .modal-content .btn{text-align:left}body #voice .modal-content .btn small{font-style:normal;font-weight:normal;font-size:16px;line-height:18px;display:block;color:#000000;margin-bottom:20px}body #voice .voice-platform{border:solid 1px #ccc;border-radius:10px;display:block;text-align:center;padding:5px 0 5px 0}body #voice .voice-platform a .platform-logo{display:block;font-size:20px}body #voice .voice-platform a .platform-name{display:block;font-size:15px}body #voice .voice-platform.youtube a span{color:#FF0000 !important}body #voice .voice-platform.spotify a{color:#1DB954 !important}body .widget-modal{z-index:6666}body .widget-modal .modal-content{position:relative;padding:20px;border-radius:15px}body .widget-modal .modal-content .close-modal{position:absolute;top:20px;right:20px}body .widget-modal .modal-content .close-modal i{color:#102126;font-size:18px}body .widget-modal .modal-content h3{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;color:#102126}body .widget-modal .modal-content .content{margin-top:30px;margin-bottom:20px;border-bottom:solid 1px #EFEFEF;padding-bottom:20px}body .widget-modal .modal-content .content p{font-style:normal;font-weight:normal;font-size:16px;line-height:22px;color:#000000}body .widget-modal .modal-content ul li a{padding:10px 15px;background:#8DAA91;border-radius:7px;display:inline-block;color:#fff;font-style:normal;font-size:12px;line-height:12px;margin-bottom:10px;margin-right:10px}body .widget-modal .modal-content ul li a i{color:#FFFFFF;font-size:12px;float:right;margin-left:15px}.web.btn-prev-verse{display:inline-block;position:absolute;top:50%;right:0px}.web.btn-prev-verse span{background-color:#453643;color:#FFBD00;padding:25px 10px;border-bottom-left-radius:8px;border-top-left-radius:8px}.web.btn-prev-verse span i{color:#FFBD00;display:inline-block}.web.btn-next-verse{display:inline-block;position:absolute;top:50%;left:0px}.web.btn-next-verse span{background-color:#453643;color:#FFBD00;padding:25px 10px;border-bottom-right-radius:8px;border-top-right-radius:8px}.web.btn-next-verse span i{color:#FFBD00;display:inline-block}.right-menu{display:none;z-index:9000;position:absolute;overflow:hidden;border:1px solid #CCC;white-space:nowrap;font-family:sans-serif;background:#453643;color:#FFFFFF;border-radius:5px;padding:0}.right-menu li{padding:8px 15px;cursor:pointer;list-style-type:none;transition:all .3s ease;user-select:none;border-bottom:solid 1px #6298a9 !important}.right-menu li:hover{background-color:#EF915C;color:#FFFFFF}.right-menu li i{margin-right:10px}.selectoverflow{display:none;background-color:rgba(16,33,38,0.65);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:6666}.accordion .card .card-header .card-title.collapsed{color:#102126 !important}a.sura-about-btn{font-style:normal;font-weight:bold;font-size:14px;line-height:16px;padding:10.5px 12px;border-radius:5px;display:inline-block;float:right;margin-left:10px;border:solid 1px #FFBD00;color:#453643}a.sura-about-btn:hover{color:#FFFFFF;background:#453643}@media screen and (max-width:1024px){body.mobile{background:#453643}body .button-2{padding:4vw 10px}body #page h1{color:#fff;font-size:7vw;line-height:10vw;margin-bottom:0px}body #page .right-content .sura-item{height:34vw;padding:3vw 5vw;margin-bottom:0px}body #page .right-content .sura-item .sorting{font-size:10vw;line-height:10vw}body #page .right-content .sura-item .name{font-size:5vw;line-height:5vw}body #page .right-content .sura-item .verse-count{font-size:4vw;line-height:4vw}body #page .right-content .user-bookmark{background:#EF915C;bottom:10px;width:100%}body #sura-detail{padding-top:20px}body #sura-detail .app-content{padding-bottom:120px}body #sura-detail .app-content .item{min-height:initial}body #sura-detail .app-content .item .arabic{font-size:7vw;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body #sura-detail .app-content .item .content-text{font-size:4.5vw;line-height:6.5vw;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body #sura-detail .app-content .item .content-text span.footnote-dot{width:6.5vw}body #sura-detail .app-content .item .content-text span.footnote-dot small{top:-4vw;left:3px;font-size:5vw;line-height:6vw;height:6vw;width:6vw}body #sura-detail .app-content .back-item{position:absolute;top:0px;height:100%;width:100%;left:0px}body #sura-detail .app-content .back-item .item-1{position:absolute;width:47%;margin-left:auto;margin-right:auto;height:94%;background:rgba(255,255,255,0.2);box-shadow:0 0 50px 2px rgba(141,151,158,0.15);border-radius:15px;z-index:555;top:9px;right:0px}body #sura-detail .app-content .back-item .item-2{position:absolute;width:47%;margin-left:auto;margin-right:auto;height:94%;background:rgba(255,255,255,0.2);box-shadow:0 0 50px 2px rgba(141,151,158,0.15);border-radius:15px;z-index:555;top:9px;left:0px}body #sura-detail .app-content .detail-menu{position:fixed;bottom:10px;left:10px;right:10px;width:95%;background:#453643;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;z-index:1000;height:auto;padding:25px 0}body #sura-detail .app-content .detail-menu .dropdown-menu{padding-right:0px}body #sura-detail .app-content .detail-menu div.menu-item{text-align:center;align-content:center}body #sura-detail .app-content .detail-menu div.menu-item a.menu-item-a{text-align:center}body #sura-detail .app-content .detail-menu div.menu-item a.menu-item-a i{font-size:5.5vw}body #sura-detail .app-content .detail-menu div.menu-item .word-setting{top:-40px;position:relative;width:90vw;left:0px}body #sura-detail .app-content .detail-menu div.menu-item .word-setting:before{content:"";position:absolute;height:0px;width:0px;top:auto;right:auto;border-width:15px;border-color:white transparent transparent transparent;border-style:solid;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1));bottom:-26px;left:20px}body #sura-detail .app-content .detail-menu div.menu-item .word-setting .word-header .text-left{font-size:5vw;line-height:5vw}body #sura-detail .app-content .detail-menu div.menu-item .word-setting .word-set-item .text-left{font-size:4.5vw;line-height:4.5vw}body #sura-detail .app-content .detail-menu div.menu-item .word-setting .word-set-item .text-right a span i{width:5vw;height:5vw;font-size:4.5vw}body #sura-detail .app-content .detail-menu div.menu-item .word-share{top:-80px;position:relative;width:90vw;left:0px}body #sura-detail .app-content .detail-menu div.menu-item .word-share:before{content:"";position:absolute;height:0px;width:0px;top:auto;right:auto;border-width:15px;border-color:white transparent transparent transparent;border-style:solid;filter:drop-shadow(0 0 30px rgba(0,0,0,0.1));bottom:-26px;right:20px}body #sura-detail .app-content .detail-menu div.menu-item .word-share .word-set-item.social a i{font-size:5.5vw}body #foote-note .modal-content{padding:10px}body #foote-note .modal-content .content p{font-size:5vw;line-height:6vw}body #foote-note .modal-content .btn small{font-size:4vw;line-height:5vw}body #foote-note .modal-content .btn a{font-size:3.5vw;line-height:3.5vw;margin-right:10px;padding:10px 5px}body .mobile-menu .suras-sorting a{font-size:3.5vw}body .mobile-menu .suras-sorting a i{font-size:3.5vw;line-height:3.5vw}body #mobile.navigation{overflow:hidden}body #sign-x .app-content .content .form-content{padding:5vw}body .app-switch span{font-size:4vw;line-height:4vw;padding:5vw 0}body .app-form label{margin-bottom:4vw;font-size:4.5vw;line-height:4.5vw}body .app-form input{height:13vw;font-size:4.5vw;line-height:4.5vw;border-radius:3vw}body .app-form .underline{font-size:4vw;line-height:4vw}body .app-form .btns button{font-size:4vw;line-height:4vw}body .main-search-page .tabs a{padding:10px 15px;border-radius:10px;color:#FFFFFF;font-weight:700}body .main-search-page .tabs a.active{background-color:#FFFFFF;color:#102126}body .main-search-page .tabs-content .tab .content span.footnote-dot{width:6.5vw}body .main-search-page .tabs-content .tab .content span.footnote-dot small{top:-4vw;left:3px;font-size:5vw;line-height:6vw;height:6vw;width:6vw}body .copyright{color:#FFFFFF !important;text-align:center !important}body .copyright .left{text-align:center}body .copyright .right{text-align:center}body .copyright a{color:#FFFFFF !important;text-align:center !important}body .hints-content{background-color:#FFFFFF;margin-top:30px;border-radius:20px;padding:15px}body .hint-item{height:auto;margin-bottom:15px;clear:both}body .hint-item i{width:14vw;font-size:5vw;line-height:7vw}body .hint-item span{font-size:4vw;line-height:6vw}body #voice .modal-content{padding:10px}body #voice .modal-content .content p{font-size:5vw;line-height:6vw}body #voice .modal-content .btn small{font-size:4vw;line-height:5vw}body #voice .voice-platform a .platform-logo{display:block;font-size:7vw}body #voice .voice-platform a .platform-name{display:block;font-size:5vw}body .widget-modal .modal-content{padding:10px}body .widget-modal .modal-content .content p{font-size:5vw;line-height:6vw}body #widget-modal .btn small{font-size:4vw;line-height:5vw}body #widget-modal .btn a{font-size:3.5vw;line-height:3.5vw;margin-right:10px;padding:10px 5px}.web.btn-next-verse{display:none}.web.btn-prev-verse{display:none}#goto-sura .select2{font-size:4vw}.select2-container--default .select2-results__option{font-size:4vw}.div-select-text{display:none !important}.copyright{display:none}}@media screen and (max-width:1109px){body .custom-container{max-width:100%}}@media screen and (max-width:767px){body #landign-page .header-content .logo img{width:100%}body #landign-page .header-content .lang-content{padding:7px 10px}body #landign-page .middle-content{margin-top:10vw}body #landign-page .middle-content .ball-small{position:absolute;width:120px;height:120px;border-radius:50%;right:0px;bottom:102vw;background:linear-gradient(45deg, #FFDAC5 0%, #EF915C 100%)}body #landign-page .middle-content .app-content{position:relative;right:0px;top:0px;height:120vw;display:block;width:100%;padding-top:21vw;margin-top:70px}body #landign-page .middle-content .app-content .app{z-index:102;position:absolute;right:-10px;width:100%;text-align:center;top:0px}body #landign-page .middle-content .app-content .app .owl-carousel{width:100%}body #landign-page .middle-content .app-content .app .owl-carousel .owl-item .item{width:80vw}body #landign-page .middle-content .app-content .app .owl-carousel .owl-item .item img{height:130vw}body #landign-page .middle-content .app-content .ball-big{position:relative;width:82vw;height:82vw;right:initial;bottom:initial;border-radius:50%;background:linear-gradient(224.49deg, #453643 0%, #8DAA91 100.9%);z-index:101;margin-left:auto;margin-right:auto}body #landign-page .middle-content .title{width:100%;text-align:center;font-size:9vw;line-height:11vw}body #landign-page .middle-content .desc{width:100%;text-align:center;font-size:5vw;line-height:7vw}body #landign-page .middle-content .app-market-badge{text-align:center}body #landign-page .middle-content .app-market-badge a{margin-right:2.5vw}body #landign-page .middle-content .app-market-badge img{height:11vw}body #landign-page .middle-content .qr-code{text-align:center}body #landign-page .middle-content .qr-code small{font-size:3vw}body #landign-page .middle-content .qr-code .code img{height:25vw}body #landign-page .bottom-content .left{float:inherit;width:100%}body #landign-page .bottom-content .left .img{float:initial;margin-right:0px;text-align:center;margin-bottom:4vw}body #landign-page .bottom-content .left .img img{height:17vw}body #landign-page .bottom-content .left .info{text-align:center}body #landign-page .bottom-content .left .info span{font-family:"Roboto",sans-serif;font-style:normal;font-size:4.5vw;line-height:4vw;font-weight:500;letter-spacing:.01em;color:#102126;display:block;padding-top:0px;margin-bottom:4vw}body #landign-page .bottom-content .left .info a i{color:#102126;font-size:5vw}body #landign-page .bottom-content .right{font-family:"Roboto",sans-serif;font-style:normal;font-weight:normal;font-size:4vw;line-height:5vw;color:#000000;text-align:right;padding-top:4vw;text-align:center}body #page .page-content img{width:100% !important;margin:0px !important;margin-bottom:15px !important}}@media (min-width:768px) and (max-width:991px){body #landign-page .middle-content .ball-small{right:285px}body #landign-page .middle-content .app-content{position:absolute;right:0px;top:-70px;height:100%;display:block}body #landign-page .middle-content .app-content .app{z-index:102;position:relative;height:510px;width:300px;right:0px;top:30px}body #landign-page .middle-content .app-content .app .owl-carousel .owl-item .item{width:41vw}body #landign-page .middle-content .app-content .app .owl-carousel .owl-item .item img{height:430px}body #landign-page .middle-content .app-content .ball-big{width:290px;height:290px;right:0px;bottom:0px}body #landign-page .middle-content .title{width:50%}body #landign-page .middle-content .desc{width:50%}body #landign-page .middle-content .app-market-badge{width:50%}body #landign-page .middle-content .app-market-badge img{height:40px}}@media (min-width:768px) and (min-height:801px){body #landign-page .bottom-content{position:absolute;width:100%;bottom:0px}}@media screen and (max-width:768px){body #page .my-notes h1{text-align:left}body #page .my-notes .backbtn{display:block;font-size:5vw;color:#FFFFFF;position:absolute;top:5px;right:10px}body #page .my-notes .backbtn span{margin-left:10px}body #page .my-notes .step1{display:block}body #page .my-notes .step2{display:none}body #page .my-notes .step3{display:none}}.separator{display:block;height:0;border-bottom:1px solid #ececec}.separator.separator-dotted{border-bottom-style:dotted;border-bottom-color:#DBDFE9}.separator.separator-dashed{border-bottom-style:dashed;border-bottom-color:#DBDFE9}.separator.separator-content{display:flex;align-items:center;border-bottom:0;text-align:center}.separator.separator-content::after,.separator.separator-content::before{content:" ";width:50%;border-bottom:1px solid #ececec}.separator.separator-content::before{margin-right:1.25rem}.separator.separator-content::after{margin-left:1.25rem}.separator.separator-content.separator-dotted::after,.separator.separator-content.separator-dotted::before{border-bottom-style:dotted;border-bottom-color:#DBDFE9}.separator.separator-content.separator-dashed::after,.separator.separator-content.separator-dashed::before{border-bottom-style:dashed;border-bottom-color:#DBDFE9}.separator.separator-content.border-light::after,.separator.separator-content.border-light::before{border-color:#f9f9f9 !important}.separator.separator-content.border-primary::after,.separator.separator-content.border-primary::before{border-color:#1b84ff !important}.separator.separator-content.border-secondary::after,.separator.separator-content.border-secondary::before{border-color:#f1f1f4 !important}.separator.separator-content.border-success::after,.separator.separator-content.border-success::before{border-color:#17c653 !important}.separator.separator-content.border-info::after,.separator.separator-content.border-info::before{border-color:#7239ea !important}.separator.separator-content.border-warning::after,.separator.separator-content.border-warning::before{border-color:#f6c000 !important}.separator.separator-content.border-danger::after,.separator.separator-content.border-danger::before{border-color:#f8285a !important}.separator.separator-content.border-dark::after,.separator.separator-content.border-dark::before{border-color:#1e2129 !important}.my-15{margin-top:3.75rem !important;margin-bottom:3.75rem !important}.my-25{margin-top:3.75rem !important;margin-bottom:3.75rem !important}.Yvideo{display:flex;justify-content:space-between;align-items:center;border:solid 1px #efefef;border-radius:8px;padding:10px 15px;margin-top:35px;background-color:#78847579}.Yvideo .thumbs{display:flex}.Yvideo .thumbs a{display:flex;align-items:center}.Yvideo .thumbs a img{width:100px;margin-right:15px;border-radius:8px}.Yvideo .thumbs a .texts{display:flex;flex-direction:column}.Yvideo .thumbs a .texts span{display:flex;color:#453643;font-size:18px;font-weight:bold}.Yvideo .thumbs a .texts small{display:flex;color:#453643;font-size:14px}.Yvideo .go a{background-color:#E5E5E5;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;color:#666;padding:10.5px 12px;border-radius:5px;display:inline-block;margin-left:10px}.Yvideo .go a i{color:#666;margin-left:10px}.calendar-table{display:flex;flex-direction:column}.calendar-table a.go{background-color:#E5E5E5;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;color:#666;padding:10.5px 12px;border-radius:5px;display:inline-block;margin-left:10px}.calendar-table a.go i{color:#666;margin-left:10px}.calendar-table .info{text-align:left;margin-top:25px;margin-bottom:10px;margin-left:15px}.calendar-table .info p{font-size:50px}.calendar-table .forms-goto{position:absolute;right:15px;bottom:40px}.calendar-table .t-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;background-color:#453643;color:#FFBD00;font-size:15px;font-weight:bold;padding:5px 25px;text-align:center}.calendar-table .t-header div{width:80px}.calendar-table .t-body{display:flex;flex-direction:column}.calendar-table .t-body .item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px;background-color:#f6f6f6;color:#453643;padding:5px 25px;font-size:16px;text-align:center}.calendar-table .t-body .item div{width:80px}.calendar-table .t-body .item div.current-time{background-color:#453643;color:#FFBD00}.calendar-table .t-body .item.today{background-color:#FFBD00;color:#453643}.calendar-table .t-body .item.yesterday{color:#c8c8c8}