@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; src: url('fonts/Oswald-Regular.ttf') format('truetype'); } @font-face { font-family: 'coco-gothic'; src: url('fonts/coco-gothic.ttf') format('truetype'); } @font-face { font-family: 'SolaimanLipi'; src: url('fonts/SolaimanLipi.ttf') format('truetype'); } @font-face { font-family: 'WhaleITried'; src: url('fonts/WhaleITried.ttf') format('truetype'); } @font-face { font-family: 'Purbachal'; src: url('fonts/Purbachal.ttf') format('truetype'); } @font-face { font-family: "Anek Bangla"; src: url('fonts/AnekBangla.ttf') format('truetype'); } body{ margin:0; padding:0; } .Montserrat { font-family:"Montserrat", sans-serif; } .header{ position:absolute; top:0%; width:100%; float:left; min-height:40px; border-bottom:1px solid #e5e5e5; } .top-bar{ float:left; padding:8px; font-size:80%; width:100%; } .top-bar a{ margin-right:8px; } .create-button{ margin-top:3px;margin-right:7px;border-radius:50% !important; } .login-container{ text-align:center; margin-top:40px; margin-bottom:50px; width:100%; float:left; } .login-box{ padding:7px; border: 1px dashed #000; } .re-login { width: 80%; } @media (min-width: 769px) { .re-login { width: 50%; } } .search-con{ text-align:center; margin-top:63px; margin-bottom:50px; width:100%; float:left; } .search-con-logo{ text-align:center; margin-top:20px; margin-bottom:12px; width:100%; float:left; } form.search input[type=text] { padding: 8px; font-size: 17px; border: 1px solid #ddd; float: left; width: 80%; background: #fff; border-top-left-radius:30px; border-bottom-left-radius:30px; padding-left:15px; } form.search input[type=text]:focus { outline: 1px solid #2196F3; } form.search button { float: left; width: 20%; padding: 8px; background: #2196F3; color: white; font-size: 17px; border: 1px solid #2196F3; border-left: none; cursor: pointer; border-top-right-radius:30px; border-bottom-right-radius:30px; } form.search button { outline: 1px solid #2196F3; } form.search button:hover { background: #0b7dda; } form.search::after { content: ""; clear: both; display: table; } .footerrr{ text-align:center; bottom:0px; width:100%; float:left; background:url("../img/pattern.jpg"); border-top:2px solid #49aeea; padding:0px; margin-top:100px; position:fixed; z-index: 100; font-family: "Oswald"; } .footer{ text-align:center; bottom:0px; width:100%; float:left; background:url("../img/pattern.jpg"); border-top:2px solid #49aeea; padding:0px; margin-top:100px; position:fixed; z-index: 100; font-family: "Oswald"; } .paragraph{ list-style-position: inside; list-style-type: none; padding: 10px; border: 1px dashed rgb(155, 155, 155); background:url("../img/bg_dot.png"); } .paragraph-extend{ list-style-position: inside; list-style-type: none; padding: 10px; background:#fff; margin:2px; margin-bottom:2rem; box-shadow: 0px 1px 3px 1px #999; } .paragraph-extend:hover{ box-shadow: 0px 1px 3px 1px #080; } .country-header { background-image: url("../img/navy_blue.jpg"); background-position: 50% 50%; color:#fff; margin-bottom:5px; padding:25px; border-bottom: 5px solid #df153d; } .content-body{ font-size:17px; } .navbar{ padding:0px; background:#2b3b65 !important; border-top: 3px solid orangered; } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: #fff; background: #961212; } .btn-group-xs > .btn, .btn-xs { padding : .25rem .4rem; font-size : .875rem; line-height : .5; border-radius : .2rem; } .dropdown-menu{ border-radius:0px; padding:0px; } .dropdown-menu a:hover{ color:#fff; text-decoration:underline; font-weight:normal; background:#961212; } .nav-item:hover{ background:#961212; } .navbar-light .navbar-nav .nav-link { color: #fff; text-transform: uppercase; letter-spacing: 0px; font-family: "Oswald"; } .navbar-light .navbar-nav .nav-link:hover{ color:white; } .dropdown-item{ font-size:13px; letter-spacing: .5px; font-family: "Oswald"; font-weight:normal; color:#333; text-transform:uppercase; padding: .25rem .5rem; } .dropdown-item:hover{ color:#000; text-decoration:underline; font-weight:bold; } .dropdown-item .fa{ min-width:20px; } .qa-box { width: 100%; height: 67px; margin-top: 12px; font-size: 120%; padding-top: 3px; border-radius: 0.375rem; line-height: 18px; } .qa-box:hover{ } .qa-icon{ width:20px; height:20px; border-radius:50%; font-size:150%; } .search-content{ width:100%; float:left; border:1px solid #ccc; padding:17px; margin:12px; margin-left:0px; border-radius:5px; box-shadow: 0px 1px 3px 1px #ccc; } .search-content:hover{ border:1px solid #ff9090; box-shadow: 0px 1px 3px 1px #ff9090; } .font-preview .card{ border: none; padding: 0; padding-right: 15px; } .font-container-main .form-control{ border-radius:0px; } .font-container .form-control{ border-radius:0px; } .font-container-main .input-group-text{ border-radius:0px; } .font-container .input-group-text{ border-radius:0px; } .font-container{ width:100%; float:left; border:1px solid #ccc; padding:17px; margin:12px; margin-left:0px; border-radius:5px; box-shadow: 0px 1px 3px 1px #f5f5f5; } .font-container:hover{ border:1px solid #ff9090; box-shadow: 0px 1px 3px 1px #ff9090; } .font-container-main{ width:100%; float:left; border:1px solid #ccc; padding:17px; margin:12px; margin-left:0px; border-radius:5px; box-shadow: 0px 4px 6px -2px #f5f5f5; } .font-container-main:hover{ box-shadow: 0px 4px 6px -2px #ccc; } .top-search-content { width: 100%; float: left; padding: 5px; margin: 7px; margin-left: 0px; border-radius: 5px; box-shadow: 0px 1px 3px 1px green; } .t-s-c-p{ float:right; color:red; margin: 4px; transform: rotate(45deg); } .h-search-content{ width:100%; float:left; border:1px solid #ccc; padding:5px; margin:7px; margin-left:0px; border-radius:5px; box-shadow: 0px 1px 3px 1px #ccc; } .h-search-content:hover, .top-search-content:hover{ border:1px solid red; box-shadow: 0px 1px 3px 1px red; } .b_d_o { display: none; } @media (min-width: 1024px) { .b_d_o { display: block; } } .s_d_o { display: none; } @media (max-width: 767px) { .s_d_o { display: block; } } .text-white{ color:#fff !important; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .3rem; padding-left: .3rem; } .fs-50{ font-size:50% !important; } .fs-75{ font-size:75% !important; } .fs-100{ font-size:100% !important; } .fs-125{ font-size:125% !important; } .fs-150{ font-size:150% !important; } .fs-175{ font-size:175% !important; } .fs-200{ font-size:200% !important; } .fs-225{ font-size:225% !important; } .fs-250{ font-size:250% !important; } table.dataTable tbody th, table.dataTable tbody td { padding: 3px; } .font-oswald{ font-family:'Oswald'; } .font-solaimlipi{ font-family:"SolaimanLipi"; } .letter-group{ width:100%; float:left; } .letter-group div{ list-style: none; float: left; padding: 15px; border: 1px solid #ccc; font-size: 120%; margin:3px; width:50px; height:50%; text-align:center; } .letter-group div:hover{ border: 1px solid red; border-radius:5px; background:#f5f5f5; } #currentDate{ font-size:140%; } /* Hide .sh_bd by default */ .sh_bd { display: none !important; } /* Show .sh_bd on big devices */ @media (min-width: 768px) { .sh_bd { display: block !important; } } /* Hide .sh_sd by default */ .sh_sd { display: none !important; } /* Show .sh_sd on small devices */ @media (max-width: 767px) { .sh_sd { display: block !important; } } .special-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100px; width: 100%; margin-bottom: 8px; background: #e0e5ec; } .special-frame{ display: flex; flex-direction: row; justify-content: space-around; align-items: center; height: 80px; width: auto; padding: 0px 25px; position: relative; box-shadow: -7px -7px 20px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0001, inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001, inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001 ; transition: box-shadow 0.6s cubic-bezier(0.79,0.21,0.06,0.81); border-radius: 10px; } .special-btn{ height: 35px; width: auto; min-width:35px; border-radius: 150px; background: #e0e5ec; padding: 0px 12px; margin: -7px; display: flex; align-items: center; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; box-shadow: -7px -7px 20px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0001, 4px 4px 5px 0px #0001, inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001, inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001 ; transition: margin 3s cubic-bezier(0.79, 0.21, 0.06, 0.81), box-shadow 0.6s cubic-bezier(0.79, 0.21, 0.06, 0.81); font-size: 16px; color: rgba(42,52,84,1); text-decoration: none; transition: margin 0.3s ease; } /* active button */ .special-btn:hover{ margin: 9px 7px; box-shadow: 4px -4px 6px 0px rgba(255,255,255,0.5), -4px -4px 6px 0px rgba(116,125,136,0.2), inset -4px -4px 6px 0px rgba(255,255,255,0.5), inset 4px 4px 6px 0px rgba(116,125,136,0.3); } .special-btn:active{ box-shadow: 4px -4px 6px 0px rgba(255,255,255,0.5), -4px -4px 6px 0px rgba(116,125,136,0.2), inset -4px -4px 6px 0px rgba(255,255,255,0.5), inset 4px 4px 6px 0px rgba(116,125,136,0.3); } .special-frame a{ text-decoration:none; } .special-frame a:hover{ color:#bc4141; text-decoration:none; } .header-extend{ min-height:163px; padding-top:35px; text-align:center; } .data-table{ } /*Review*/ .review{ background: rgba(0, 0, 0, 0.8); padding: 10px; font-family: 'DM Serif Display', sans-serif; float:left; width:100%; margin-top:2rem; margin-bottom:2rem; } .rating input[type="radio"] { display: none; } .rating label { color: #ddd; font-size: 2em; padding: 0px 2px; display: inline-block; } .rating input[type="radio"]:checked + label { color: #ffcc00; } .panel { border: 1px solid #ddd; padding: 10px; margin: 10px; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .panel-header { background-color: #f5f5f5; padding: 10px; border-bottom: 1px solid #ddd; } .panel-content { padding: 10px; } @media print { .no-print { display: none; } } .search-content-agriculture{ font-family: "Anek Bangla", sans-serif; } .search-content-agriculture div{ font-family: "Anek Bangla", sans-serif; font-size:140%; } .search-content-recipe{ font-family: "Anek Bangla", sans-serif; } .search-content-recipe div{ font-family: "Anek Bangla", sans-serif; font-size:140%; } .search-content-story-poem{ font-family: "Anek Bangla", sans-serif; } .search-content-story-poem div{ font-family: "Anek Bangla", sans-serif; font-size:140%; } .search-content-short-message{ font-family: "Anek Bangla", sans-serif; } .search-content-short-message div{ font-family: "Anek Bangla", sans-serif; font-size:140%; } .search-content-life-style{ font-family: "Anek Bangla", sans-serif; } .search-content-life-style div{ font-family: "Anek Bangla", sans-serif; font-size:140%; } .search-content-education{ font-family: "Anek Bangla", sans-serif; } .search-content-education div{ font-family: "Anek Bangla", sans-serif; font-size:140%; } .text-black{ color:#000 !important; } .text-white{ color:#fff !important; } ._c_p{ cursor:pointer; } .quran-bdy{ background-color: #f2f2f2; } .quran-header { background-image: url("../img/navy_blue.jpg"); background-position: 50% 50%; color:#fff; margin-bottom:5px; padding:25px; border-bottom: 5px solid #df153d; } .surah-box { background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); text-align: center; min-height: 99px; } .surah-box:hover { background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); text-align: center; min-height: 99px; } .surah-box h5 { color: #005a8e; font-weight: 600; } .qari-box { background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); min-height: 63px; } .qari-box:hover { background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); min-height: 63px; } .qari-box p { color: #005a8e; font-weight: 600; margin:0px; padding:0px; font-size:125%; } .btn{ border-radius:0px; } .text-underline { text-decoration: underline; }