:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --warning: #dde299;
    --yell: #e5ee6d;
    --fireBtnWidth: 42;
    --fireBtnHeight: 40;
    --marb: 0;
    --crose: #ff1100;
    --cdanger: #e40000;
    --cwarning: #ffd900;
    --csky: #00e1ff;
    --cwhite: #ffffff;
    --cblack: #000000;
    --cblue: #0080ff;
    --cprimary: #053ae9;
    --csecondary: #5f5f5f;
    --cforest: #19f035;
    --csuccess: #0ecc27;
}
.right100 {
    right: 100px !important;
}
.right150 {
    right: 150px !important;
}
.right200 {
    right: 200px !important;
}
.right250 {
    right: 250px !important;
}
.right300 {
    right: 300px !important;
}
.endos-50d {
    right: 0 !important;
}
.fs10 {
    font-size: 10px;
}
.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs15 {
    font-size: 15px;
}
.fs16 {
    font-size: 16px;
}
.finger {
    cursor: pointer;
}
.pointer {
    cursor: pointer;
}
.editor {
    border: solid 1px #ccc;
    padding: 20px;
    min-height: 200px;
}
.sample-toolbar {
    border: solid 1px #ddd;
    background: #f4f4f4;
    padding: 5px;
    border-radius: 3px;
}

.sample-toolbar > span {
    cursor: pointer;
}

.sample-toolbar > span:hover {
    text-decoration: underline;
}

.toolbar-editor {
    border: solid 1px #ddd;
    background: #f4f4f4;
    padding: 5px;
    border-radius: 5px;
}
.toolbar-editor > span {
    cursor: pointer;
}
.toolbar-editor > span:hover {
    text-decoration: underline;
}
/* .btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none;
} */
.btnout-war {
    background: #313131;
    color: #ffe600;
    border-color: transparent;
}
.btnout-war:hover {
    background: #ffe600;
    color: #313131;
    border-color: transparent;
}
.btnout-dark {
    background: #444444;
    color: #ffffff;
    border-color: transparent;
}
.btn-dark-tog {
    background-color: #bebebe;
    color: #252525;
    border-width: 0;
    padding: 5px;
    border-radius: 20px;
}
.btn-dark-tog:hover {
    background-color: #252525;
    color: white;
    border-color: white;
    border-width: 0;
    border-radius: 20px;
}
.btn-gold {
    background: #ffe600;
    color: #0c0c0c;
    padding: 5px;
    margin: 3px 0 0 3px;
    border: none;
    border-radius: 20px;
}
.btn-gold:hover {
    background: #f1d901;
    color: #0c0c0c;
    padding: 5px;
    margin: 3px 0 0 3px;
    border: none;
    border-radius: 20px;
}
.btn-nav-dark {
    background-color: transparent;
    padding: 5px;
    margin: 3px 0 0 3px;
    border-width: 0;
    border-radius: 20px;
}
[data-bs-theme="light"].text-dark-light {
    color: white;
}
.btn-nav-dark:hover {
    background-color: #616060;
    color: white;
    border-color: white;
    border-width: 0;
    border-radius: 20px;
}
dd .btn-nav-dark:active {
    border-radius: 20px;
    color: #000000;
    background-color: var(--yell);
}
.btnout-dark:hover {
    background: #ffffff;
    color: #0c0c0c;
    border-color: #444444;
}
.btnout-roohgold {
    background: #ffe600;
    color: #0c0c0c;
    border-color: transparent;
}
.btnout-roohgold:hover {
    background: #444444;
    color: #ffe600;
    border-color: #ffe600;
}
.btnout-roohored {
    background: transparent;
    color: #d38181;
    border-color: transparent;
}
.btnout-roohored:hover {
    background: #d38181;
    color: #0c0c0c;
    border-color: #444444;
}
.btnout-roohwhite {
    background: transparent;
    border-color: #444444;
}
.btnout-roohwhite:hover {
    background: transparent;
    border-color: #ffffffea;
}
.btnout-darkgold {
    background: #444444;
    color: #ffffff;
    border-color: transparent;
}
.btnout-darkgold:hover {
    background: #fffc36;
    color: #0c0c0c;
    border-color: #444444;
}
.btnout-gray {
    background: #dbdbdb;
    color: #0c0c0c;
    border-color: transparent;
}
.btnout-gray:hover {
    background: #8f8f8f;
    color: #ffffff;
    border-color: #dbdbdb;
}
.btnout-light {
    background: #8f8f8f;
    color: #ffffff;
    border-color: #8f8f8f;
}
.btnout-light:hover {
    background: #8f8f8f;
    color: #ffffff;
    border-color: #dbdbdb;
}
.bgtrans {
    background-color: transparent;
    border: none;
}
.text-dark-light {
    color: #000000;
}
#btnReset {
    background-color: #14b4ff;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnReset:hover {
    background-color: #199edb; /* Add a dark-grey background on hover */
}
#btnPhone {
    background-color: #ff9f50;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnHome {
    background-color: #0ed6b5;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnHome:hover {
    background-color: #17af96; /* Add a dark-grey background on hover */
}
#btnTheme {
    background-color: #8d14ff;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnSwitch {
    background-color: #4e77fc;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}

#btnPlus {
    background-color: #29d829;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnMap {
    background-color: #bf0fd6;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnMap:hover {
    background-color: #971ea7; /* Add a dark-grey background on hover */
}
#btnMenu {
    background-color: #bf0fd6;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnMenu:hover {
    background-color: #971ea7; /* Add a dark-grey background on hover */
}
#btnLight {
    background-color: #888888;
    color: white;
    cursor: pointer;
    /* z-index: 1; */
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnLight:hover {
    background-color: #b6b6b6; /* Add a dark-grey background on hover */
}
#btnOverNavbar {
    background-color: #e6e208;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: 1;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnOverNavbar:hover {
    background-color: goldenrod;
    color: #000000;
}

#btnOLWarning {
    color: #ffc107;
    border-color: #ffc107;
}
#btnOLWarning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
#btnOLWarning:focus {
    box-shadow: rgb(255, 193, 7);
}
#btnOLWarning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#btnOLWarning:disabled {
    box-shadow: rgb(255, 193, 7);
    color: #ffc107;
    background-color: transparent;
    border-color: #ffc107;
}

#btnImages {
    background-color: #1bcbeb;
    color: rgb(255, 255, 255);
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnImages:hover {
    background-color: #0297b1; /* Add a dark-grey background on hover */
}
#btnGallery {
    background-color: #4adef8;
    color: rgb(255, 255, 255);
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnGallery:hover {
    background-color: #0297b1; /* Add a dark-grey background on hover */
}
#btnPlus:hover {
    background-color: #23b660; /* Add a dark-grey background on hover */
}
#btnTheme:hover {
    background-color: #7511d3; /* Add a dark-grey background on hover */
}
#btnSwitch:hover {
    background-color: #1135d3; /* Add a dark-grey background on hover */
}
#btnPhone:hover {
    background-color: #fd7221; /* Add a dark-grey background on hover */
}
#btnGoTop {
    background-color: #ff1493;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnGoTop:hover {
    background-color: #d11378; /* Add a dark-grey background on hover */
}

#btnWarr {
    background-color: #fffb14;
    color: black;
    cursor: pointer;
    z-index: 10000;
    border: none;
    outline: none;
    border-radius: 7px;
    width: var(--fireBtnWidth);
    height: var(--fireBtnHeight);
    margin-bottom: var(--marb);
}
#btnWarr:hover {
    background-color: #e6e208; /* Add a dark-grey background on hover */
}
.start10 {
    right: 10%;
}
.start20 {
    right: 20%;
}
.start30 {
    right: 30%;
}
.start40 {
    right: 40%;
}
.start50 {
    right: 50%;
}
.start60 {
    right: 60%;
}
.start70 {
    right: 70%;
}

.wd20 {
    width: 20%;
}
.wd30 {
    width: 30%;
}
.wd40 {
    width: 40%;
}
.wd50 {
    width: 50%;
}
.wd60 {
    width: 60%;
}
.wd70 {
    width: 70%;
}
.wd80 {
    width: 80%;
}
.wd90 {
    width: 90%;
}



.w0 {
    width: auto;
}
.w10 {
    width: 10px;
}
.w20 {
    width: 20px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w110 {
    width: 110px;
}
.w120 {
    width: 120px;
}
.w130 {
    width: 130px;
}
.w150 {
    width: 150px;
}
.w200 {
    width: 200px;
}
.w250 {
    width: 250px;
}
.w260 {
    width: 260px;
}
.w270 {
    width: 270px;
}
.w300 {
    width: 300px;
}
.w325 {
    width: 325px;
}
.w350 {
    width: 350px;
}
.w400 {
    width: 400px;
}
.w450 {
    width: 450px;
}
.w500 {
    width: 500px;
}

.h10 {
    height: 10px;
}
.h20 {
    height: 20px;
}
.h30 {
    height: 30px;
}
.h40 {
    height: 40px;
}
.h50 {
    height: 50px;
}
.h60 {
    height: 60px;
}
.h70 {
    height: 70px;
}
.h80 {
    height: 80px;
}
.h90 {
    height: 90px;
}
.h100 {
    height: 100px;
}
.h150 {
    height: 150px;
}
.h250 {
    height: 250px;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.bgNavMain {
    background-color: #222831;
    color: white;
}
.bgorangelight {
    background-color: #ffb24c;
}
.bgorange {
    background-color: #f78c00;
}
.bgoredlight {
    color: #000000;
    background-color: rgb(243, 194, 171);
}
.bgored {
    background-color: #ff4800;
}
.bgwarlight {
    color: #000000;
    background-color: transparent;
}
.bgwar {
    background-color: bisque;
}
.bgwar:hover {
    color: #000000;
    background-color: #e2ad6c;
}
.bgerrorlight {
    color: #000000;
    background-color: #e292bd;
}
.bgerror {
    background-color: #ff1493;
}
.bgorchidlight {
    color: #000000;
    background-color: #d3a0d3;
}
.bgorchid {
    background-color: #e611e6;
}
.bginfolight {
    color: #000000;
    background-color: #a4b2e0;
}
.bgdarklight {
    color: #000000;
    background-color: #aaaebb;
}
.bgolive {
    color: #000000;
    background-color: #879e53;
}
.bgolivelight {
    color: #000000;
    background-color: #b4cc7d;
}
.bginfo {
    background-color: #4e77fc;
}
.bgsuccesslight {
    color: #000000;
    background-color: #b7f1b7;
}
.bgsuccess {
    background-color: #32cd32;
}
.bgdanger {
    background-color: rgb(241, 65, 101);
}
.bgdanger:hover {
    background-color: rgb(214, 10, 51);
}
.txdanger {
    color: rgb(241, 65, 101);
}
.txdanger:hover {
    color: rgb(214, 10, 51);
}
.bgdangerr:hover {
    background-color: #b81233;
}

.bgerror:hover {
    background-color: #c91d79;
}
.bgorchid:hover {
    background-color: #aa22aa;
}
.bginfo:hover {
    background-color: #3150b9;
}
.bgsuccess:hover {
    background-color: #1d941d;
}
.cwgolden {
    color: #ffd000;
}
.cwgold {
    color: #eccb11;
}
.cwarr {
    color: bisque;
}
.corange {
    color: #eb6913;
}
.cinfo {
    color: #4e77fc;
}
.ciblue {
    color: #264dcc;
}
.corchid {
    color: #e611e6;
}
.cerror {
    color: #ff1493;
}
.csuccess {
    color: #32cd32;
}
.error {
    color: #ff1493;
}
.success {
    color: #32cd32;
}
.tagcenter {
    margin-left: auto;
    margin-right: auto;
}
.overaly-text {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translate(-50%, -50%);
    background-color: transparent;
    color: white;
    padding: 10px 20px;
    text-align: center;
}
.overaly-text-top {
    position: absolute;
    display: fixed;
    top: 10px;
    /* right: 50px; */
    transform: translate(-10%, -10%);
    background-color: transparent;
    color: #ffffff;
    /*text-align: right;*/
    margin-right: 10%;
}
.bg-dark-50 {
    background-color: #ffd900 50%;
}

.center-vert {
    /*display: block;*/
    vertical-align: middle;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
.fixed-top-start-80 {
    position: fixed;
    margin-inline-start: 80%;
}
.textshadow {
    text-shadow: 3px 3px 3px #060607;
}
.st-warning {
    color: white;
    font-size: 6em;
    margin: 0;
    --cw: var(--cwarning);
    text-shadow: 0em 0.075em var(--cw), 0.029em 0.069em var(--cw),
        0.053em 0.053em var(--cw), 0.069em 0.029em var(--cw),
        0.075em 0em var(--cw), 0.069em -0.029em var(--cw),
        0.053em -0.053em var(--cw), 0.029em -0.069em var(--cw),
        0em -0.075em var(--cw), -0.029em -0.069em var(--cw),
        -0.053em -0.053em var(--cw), -0.069em -0.029em var(--cw),
        -0.075em -0em var(--cw), -0.069em 0.029em var(--cw),
        -0.053em 0.053em var(--cw), -0.029em 0.069em var(--cw);
}
.st-danger {
    color: white;
    font-size: 6em;
    margin: 0;
    --cr: var(--cdanger);
    text-shadow: 0em 0.075em var(--cdanger), 0.029em 0.069em var(--cdanger),
        0.053em 0.053em var(--cdanger), 0.069em 0.029em var(--cdanger),
        0.075em 0em var(--cdanger), 0.069em -0.029em var(--cdanger),
        0.053em -0.053em var(--cdanger), 0.029em -0.069em var(--cdanger),
        0em -0.075em var(--cdanger), -0.029em -0.069em var(--cdanger),
        -0.053em -0.053em var(--cdanger), -0.069em -0.029em var(--cdanger),
        -0.075em -0em var(--cdanger), -0.069em 0.029em var(--cdanger),
        -0.053em 0.053em var(--cdanger), -0.029em 0.069em var(--cdanger);
}
.st-info {
    color: white;
    font-size: 6em;
    margin: 0;
    --ci: var(--csky);
    text-shadow: 0em 0.075em var(--ci), 0.029em 0.069em var(--ci),
        0.053em 0.053em var(--ci), 0.069em 0.029em var(--ci),
        0.075em 0em var(--ci), 0.069em -0.029em var(--ci),
        0.053em -0.053em var(--ci), 0.029em -0.069em var(--ci),
        0em -0.075em var(--ci), -0.029em -0.069em var(--ci),
        -0.053em -0.053em var(--ci), -0.069em -0.029em var(--ci),
        -0.075em -0em var(--ci), -0.069em 0.029em var(--ci),
        -0.053em 0.053em var(--ci), -0.029em 0.069em var(--ci);
}
.st-white {
    --cw: var(--cwhite);
    text-shadow: 0em 0.075em var(--cw), 0.029em 0.069em var(--cw),
        0.053em 0.053em var(--cw), 0.069em 0.029em var(--cw),
        0.075em 0em var(--cw), 0.069em -0.029em var(--cw),
        0.053em -0.053em var(--cw), 0.029em -0.069em var(--cw),
        0em -0.075em var(--cw), -0.029em -0.069em var(--cw),
        -0.053em -0.053em var(--cw), -0.069em -0.029em var(--cw),
        -0.075em -0em var(--cw), -0.069em 0.029em var(--cw),
        -0.053em 0.053em var(--cw), -0.029em 0.069em var(--cw);
}
.st-black {
    --cb: #000000;
    text-shadow: 0em 0.075em var(--cb), 0.029em 0.069em var(--cb),
        0.053em 0.053em var(--cb), 0.069em 0.029em var(--cb),
        0.075em 0em var(--cb), 0.069em -0.029em var(--cb),
        0.053em -0.053em var(--cb), 0.029em -0.069em var(--cb),
        0em -0.075em var(--cb), -0.029em -0.069em var(--cb),
        -0.053em -0.053em var(--cb), -0.069em -0.029em var(--cb),
        -0.075em -0em var(--cb), -0.069em 0.029em var(--cb),
        -0.053em 0.053em var(--cb), -0.029em 0.069em var(--cb);
}
.st-primary {
    --cp: #2f5fff;
    text-shadow: 0em 0.075em var(--cp), 0.029em 0.069em var(--cp),
        0.053em 0.053em var(--cp), 0.069em 0.029em var(--cp),
        0.075em 0em var(--cp), 0.069em -0.029em var(--cp),
        0.053em -0.053em var(--cp), 0.029em -0.069em var(--cp),
        0em -0.075em var(--cp), -0.029em -0.069em var(--cp),
        -0.053em -0.053em var(--cp), -0.069em -0.029em var(--cp),
        -0.075em -0em var(--cp), -0.069em 0.029em var(--cp),
        -0.053em 0.053em var(--cp), -0.029em 0.069em var(--cp);
}
.st-secondary {
    --cs: #5f5f5f;
    text-shadow: 0em 0.075em var(--cs), 0.029em 0.069em var(--cs),
        0.053em 0.053em var(--cs), 0.069em 0.029em var(--cs),
        0.075em 0em var(--cs), 0.069em -0.029em var(--cs),
        0.053em -0.053em var(--cs), 0.029em -0.069em var(--cs),
        0em -0.075em var(--cs), -0.029em -0.069em var(--cs),
        -0.053em -0.053em var(--cs), -0.069em -0.029em var(--cs),
        -0.075em -0em var(--cs), -0.069em 0.029em var(--cs),
        -0.053em 0.053em var(--cs), -0.029em 0.069em var(--cs);
}
.st-success {
    --cg: #19f035;
    text-shadow: 0em 0.075em var(--cg), 0.029em 0.069em var(--cg),
        0.053em 0.053em var(--cg), 0.069em 0.029em var(--cg),
        0.075em 0em var(--cg), 0.069em -0.029em var(--cg),
        0.053em -0.053em var(--cg), 0.029em -0.069em var(--cg),
        0em -0.075em var(--cg), -0.029em -0.069em var(--cg),
        -0.053em -0.053em var(--cg), -0.069em -0.029em var(--cg),
        -0.075em -0em var(--cg), -0.069em 0.029em var(--cg),
        -0.053em 0.053em var(--cg), -0.029em 0.069em var(--cg);
}
.end4040 {
}
.any-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    /* width: 50%; */
}
.any-center-around {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    /* width: 50%; */
}
.card-area .card-icon-wrapper {
    display: block;
    margin: 0 auto;
    width: 3.75rem;
    height: 3.75rem;
    background: #222831;
    transition: all ease-in-out 0.5s;
    border-radius: 3.125rem;
}
.card-area .card-icon-wrapper .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.my_section {
    padding: 35px 0 0 0;
    /* text-align: center; */
}
/* footer section*/
.footer_section {
    background-color: #222831;
    color: #ffffff;
    padding: 35px 0 20px 0;
    text-align: center;
}
.trans-33 {
    background: transparent 33%;
}
.trans-55 {
    background: transparent 55%;
}
.trans-66 {
    background: transparent 66%;
}
.trans-77 {
    background: transparent 77%;
}
.trans-88 {
    background: transparent 88%;
}
.footer_section h4 {
    font-size: 28px;
}

.footer_section h4,
.footer_section .footer-logo {
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Vazir", sans-serif;
    text-decoration: none;
}

.footer_section p {
    color: #dbdbdb;
}

.footer_section .footer-col {
    margin-bottom: 30px;
}

.footer_section .footer_contact .contact_link_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer_section .footer_contact .contact_link_box a {
    margin: 5px 0;
    color: #ffffff;
    text-decoration: none;
}

.footer_section .footer_contact .contact_link_box a i {
    margin-left: 5px;
}

.footer_section .footer_contact .contact_link_box a:hover {
    color: #ffbe33;
}

.footer_section .footer-logo {
    display: block;
    font-weight: bold;
    font-size: 38px;
    line-height: 1;
    color: #ffffff;
}

.footer_section .footer_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.footer_section .footer_social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222831;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0 2.5px;
    font-size: 18px;
}

.footer_section .footer_social a:hover {
    color: #ffbe33;
}

.footer_section .footer-info {
    text-align: center;
    margin-top: 25px;
}

.footer_section .footer-info p {
    color: #ffffff;
    margin: 0;
}

.footer_section .footer-info p a {
    color: inherit;
}
.frs {
    text-align: start;
    font-size: medium;
}
.wmeno {
    width: 250px;
}
.span-ghost {
    /* display:contents; */
}
.div-ghost {
    /* display:contents; */
}
.loginform {
    width: 350px;
}
/* Responsive */
@media (max-width: 1280px) {
}
@media (max-width: 1200px) {
    .btn-gold {
        padding: 10px;
        margin: 3px 0 0 3px;
    }
    .btn-gold:hover {
        padding: 10px;
        margin: 3px 0 0 3px;
    }
    .btn-nav-dark {
        padding: 10px;
        margin: 3px 0 0 3px;
        text-align-last: center;
    }
    .btn-nav-dark:hover {
        padding: 10px;
        margin: 3px 0 0 3px;
        text-align-last: center;
    }
    .span-ghost {
        display: none;
    }
    .div-ghost {
        margin-top: 1px;
        margin-bottom: 1px;
    }
}
@media (max-width: 1024px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
    .wmeno {
        width: 300px;
    }
}
@media (max-width: 767px) {
    .span-ghost {
        display: contents;
    }
    .wmeno {
        width: 100%;
    }
}
@media (max-width: 640px) {
    .loginform {
        width: 90%;
    }
    .wmeno {
        width: 100%;
    }
    .span-ghost {
        display: contents;
    }
}
/* مخفی کردن عنصر input */
/* استایل دادن به برچسب به عنوان دکمه */
/* .custom-photo {
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    border-radius: 4px;
    font-size: 14px;
  } */
/* .custom-photo-info {
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
    background-color: #4e77fc;
    color: white;
    border-radius: 4px;
    font-size: 14px;
  } */