@charset "UTF-8";

/*
Theme Name: Remmit Dumisoft 
Theme URI: https://dumisoft.com/
Author: Fakhraddin Langi
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: remmit-dumisoft
Tags: echange, money

Remmit Dumisoft WordPress Theme, (C) 2021 Dumisoft.com
Remmit Dumisoft is distributed under the terms of the GNU GPL.
*/
/* Global */
@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-300.eot");
    src: url("../fonts/eot/iran-sans-300.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff2/iran-sans-300.woff2") format("woff2"),
    url("../fonts/woff/iran-sans-300.woff") format("woff"),
    url("../fonts/ttf/iran-sans-300.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-400.eot");
    src: url("../fonts/eot/iran-sans-400.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff2/iran-sans-400.woff2") format("woff2"),
    url("../fonts/woff/iran-sans-400.woff") format("woff"),
    url("../fonts/ttf/iran-sans-400.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-500.eot");
    src: url("../fonts/eot/iran-sans-500.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff2/iran-sans-500.woff2") format("woff2"),
    url("../fonts/woff/iran-sans-500.woff") format("woff"),
    url("../fonts/ttf/iran-sans-500.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-700.eot");
    src: url("../fonts/eot/iran-sans-700.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff2/iran-sans-700.woff2") format("woff2"),
    url("../fonts/woff/iran-sans-700.woff") format("woff"),
    url("../fonts/ttf/iran-sans-700.ttf") format("truetype");
    font-weight: 700;
}

html{
    height: 100%;
}
html body{
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
html[lang="fa"] body{
    font-family: "iran-sans", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
/* Global */
.text-blue{
    color: #16d5ff;
}
.btn-blue{
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
.btn-blue:before {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 15%;
    height: 10px;
    width: 70%;
    opacity: 0;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition: all 400ms ease;
    background: -webkit-radial-gradient(center, ellipse, rgb(22, 213, 255, .5) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgb(22, 213, 255, .5) 0%, rgba(0, 0, 0, 0) 80%);
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus{
    color: #ffffff;
    outline: none;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: none;
}
.btn-blue:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.form-control {
    display: block;
    border-radius: 5px;
    border: 0;
    height: unset;
    width: 100%;
    padding: 13px 30px;
    outline: none;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background: #f0f0f0;
    color: #111111;
    margin-bottom: 20px;
}
.form-control:active, .form-control:active, .form-control:focus {
    background: #f0f0f0;
    color: #111111;
    outline: none;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
.animate__animated.animate__slow-15s {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}
.transition{
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.modal .modal-dialog .modal-content{
    background: none;
    border: none;
}
.modal .modal-dialog .modal-content .modal-header{
    position: relative;
    border: none;
}
.modal .modal-dialog .modal-content .modal-header .modal-title{
    background: #16d5ff;
    text-align: center;
    border: 1px solid #16d5ff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 5px 24px;
    color: white;
    width: max-content;
    width: -moz-max-content;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.modal .modal-dialog .modal-content .modal-header .btn-close{
    position: absolute;
    top: 23px;
    right: -9px;
    background: none;
    background-color: red;
    color: white;
    opacity: 1;
    border-radius: 50px;
    outline: none;
    font-size: 20px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 1;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.modal .modal-dialog .modal-content .modal-header .btn-close:hover,
.modal .modal-dialog .modal-content .modal-header .btn-close:focus,
.modal .modal-dialog .modal-content .modal-header .btn-close:active{
    outline: none;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
    border: none;
}
.modal .modal-dialog .modal-content .modal-header .btn-close i{
    position: relative;
    bottom: 1px;
}
.modal .modal-dialog .modal-content .modal-body{
    background-color: white;
    border-radius: 5px;
}
.modal .modal-dialog .modal-content .modal-footer{
    border: none;
    padding: 0;
}
.toast-container{
    position: fixed;
    display: block;
    bottom: 50px;
    left: 16px;
    z-index: 1065;
}
.font-weight-bold{
    font-weight: bold;
}
.opacity-50{
    opacity: 0.5;
}
.text-left{
    text-align: left !important;
}
/* Global */
/* Body */
body{
    line-height: 24px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}
/* Body */

/* Pre Loader */
#preloader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-size: 80px;
    background: url('../media/loader.svg') center no-repeat #fff;
}
/* Pre Loader */

/* Scroll Top */
.top-scroll{
    position: fixed;
    bottom: 10px;
    right: 15px;
    display: none;
}
.top-scroll a{
    padding: 5px 10px;
}
.top-scroll a:hover{
    -webkit-transform: none;
    transform: none;
    opacity: 0.6;
}
/* Scroll Top */

/* Header */
.elementskit-menu-container ul > li > a::before{
    content: "";
    position: absolute !important;
    bottom: 2px;
    left: 0;
    width: 0;
    height: 2px;
    transition: all 400ms ease !important;
}
.elementskit-menu-container ul > li:hover > a::before{
    width: 100%;
    background: #16d5ff !important;
}
/* Header */
/* Footer */
.footer-nav ul{
    list-style: none;
    font-size: 1rem;
}
.footer-nav ul li:not(:first-child){
    padding-top: 0.5rem;
}
.footer-nav ul li a{
    color: #111111;
}
.footer-nav ul li a:hover{
    color: #16D5FF
}
/* Footer */