@font-face {
    font-family: 'IranSans';
    src: url('../fonts/IranSans/iranans.eot');
    src: url('../fonts/IranSans/iranans.eot?#iefix') format('embedded-opentype'), url('../fonts/IranSans/iranans.woff2') format('woff2'), url('../fonts/IranSans/iranans.woff') format('woff'), url('../fonts/IranSans/iranans.ttf') format('truetype'), url('../fonts/IranSans/iranans.svg#iranans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.container .row {
    margin-right: -15px;
    margin-left: -15px;
}

.container .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.custom-container {
    max-width: 1450px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

a:hover {
    color: #005b83;
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    .custom-container {
        max-width: 1300px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {
    .custom-container {
        max-width: 1200px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .custom-container {
        max-width: 1100px;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1199px) {
    .custom-container {
        max-width: 1040px;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1080px) {
    .custom-container {
        max-width: 930px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1000px) {
    .custom-container {
        max-width: 910px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-container {
        max-width: 770px;
    }
}

@media only screen and (max-width: 576px) {
    .custom-container {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container {
        max-width: 650px;
    }
}

.custom-container .row {
    margin-right: -15px;
    margin-left: -15px;
}

.custom-container .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*common style
====================
*/

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    /*====== colors ========*/
    --darkblue: #555B6E;
    --green: #89B0AE;
    --lightgreen: #BEE3DB;
    --lightgray: #FAF9F9;
    --lightorange: #FFD6BA;
    --color: #707070;
    --white: #fff;
    /*====== shadow ========*/
    --box-shadow-1: 0px 10px 50px rgb(85 91 110 / 16%);
    --box-shadow-2: 0px 10px 30px rgb(85 91 110 / 16%);
    --shado-header: 0px 12px 12px rgb(0 0 0 / 16%);
}

body {
    font-family: IranSans;
}


/* h1{font-size:45px;} */


/* h2{font-size:30px;} */


/* h3{font-size:21px;} */


/* h4{font-size:18px;} */


/* h5{font-size:15px;} */


/* h6{font-size:13px;} */

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.12rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 0.9rem;
}

@media only screen and (max-width:576px) {
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    h4 {
        font-size: 1.1rem;
    }
    h5 {
        font-size: 1rem;
    }
    h6 {
        font-size: 0.9rem;
    }
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

*:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.margin-100 {
    margin: 0 100px;
}

.mt-10 {
    margin-top: 10rem;
}

.pt-10 {
    padding-top: 10rem;
}

.pt-7 {
    padding-top: 7rem;
}

.mt-n1 {
    margin-top: -1rem;
}

.margin-auto {
    display: flex !important;
    margin: auto;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

p {
    margin: 0;
}

a.btn1,
button.btn1,
.btn1 {
    background: var(--lightorange);
    color: var(--darkblue);
    padding: 7px 40px;
    border-radius: 50px;
    font-size: 16px;
    border: 1px solid var(--lightorange);
    width: fit-content;
    line-height: 2;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: fit-content;
}

a.btn2,
button.btn2,
.btn2 {
    background: var(--lightorange);
    color: var(--darkblue);
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 16px;
    border: 1px solid var(--lightorange);
    width: fit-content;
    line-height: 2;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: fit-content;
}

@media only screen and (max-width:576px) {
    a.btn1,
    button.btn1,
    .btn1 {
        padding: 7px 20px;
    }
}

.box-shadow {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}


/*mobile header 
==========================
*/

@media only screen and (max-width:991px) {
    header.header-content .custom-container {
        padding: 0 !important;
        max-width: 100%;
    }
}

.menu-overlay {
    background: #00000073;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}

.menu-mobile-active .menu-overlay {
    opacity: 1;
    visibility: visible;
}

.mobile-header {
    width: 300px;
    height: 100%;
    background: #ffffff;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(300px);
    transition: all 0.7s;
}

.mobile-header.open-sidebar {
    transform: translateX(0px);
    box-shadow: -50px ​0px 100px rgb(0 0 0 / 37%);
}

.mobile-header-top {
    padding: 1rem 0.5rem;
    background: var(--lightorange);
}

.mobile-header .logo h3 {
    color: var(--darkblue);
    margin: 0;
}

.close-sidebar button {
    background: transparent;
    border: 0;
}

.close-sidebar button img {
    width: 20px;
    height: 20px;
}

.mobile-header-inner {
    height: inherit;
}


.mobile-header li.active ul.mega-menu,.mobile-header ul.mega-menu li.active-child ul.mega-menu-child {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    z-index: 10;
}
.mobile-header li ul.mega-menu ,.mobile-header li ul.mega-menu-child {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    right: 0;
    height: auto;
    background: white;
    opacity: 0;
    transition: all 0.75s ease-in-out;
    transform:translateX(-300px);
    z-index: 999px;
    padding: 1.5rem 3rem;
}


.mobile-header-bottom {
    height: inherit;
    position: relative;
}

.mobile-header .logined-btn button {
    background: var(--darkblue);
    color: #fff;
    border-color: var(--darkblue);
}

.mobile-header .login a {
    background: var(--darkblue);
    border-color: var(--darkblue);
    color: #fff;
}

.mobile-header nav.navbar li a {
    display: flex;
    align-items: center;
    color: var(--darkblue);
    font-size: 18px;
}

.mobile-header nav.navbar li a img {
    width: 40px;
    height: 40px;
    margin-left: 1rem;
}

.mobile-header nav.navbar li {
    margin: 2rem 0;
    /* position:relative; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-header nav.navbar li ul.mega-menu img.back-chevron {
    left: 20px;
    position: absolute;
    top: 20px;
    width: 25px;
    height: 25px;
}

.mobile-header .navbar {
    padding: 1.5rem 3rem;
}

.mobile-header li a {
    font-size: 16px;
}

.mobile-header img.mega-chevron {
    width: 20px;
    height: 20px;
}

.mobile-header nav.navbar ul {
    width: 100%;
}


/*header
==========================
*/

header .login,
.mobile-header .login {
    padding: 0.5rem 0;
}

header.header-content {
    box-shadow: var(--shado-header);
    background: #fff;
}

header .logo h3 {
    color: var(--darkblue);
    margin: 0;
}

.navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation .menu-icon span {
    width: 25px;
    height: 3px;
    background: var(--lightgray);
    position: absolute;
    content: "";
    border-radius: 50px;
    right: 1rem;
}

@media only screen and (max-width:991px) {
    .logo {
        margin-right: 2rem;
    }
    .call-info {
        background: var(--white);
        padding: 10px 25px;
    }
    .navigation {
        background: var(--darkblue);
        padding: 10px 25px;
    }
    header .logo h3 {
        color: var(--lightgray);
    }
    header .logo a {
        border: 1px dashed var(--lightgray)!important;
    }
}

.menu-icon span:before {
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    background: inherit;
    border-radius: inherit;
    top: 8px;
}

.menu-icon span:after {
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    background: inherit;
    border-radius: inherit;
    top: -8px;
}

header .logo a,
.mobile-header-inner .logo a {
    display: flex !important;
    align-items: center !important;
    border: 1px dashed var(--darkblue);
    border-radius: 50px;
    padding: 3px;
    width: 150px;
    justify-content: space-around;
}

header .logo a img,
.mobile-header-inner .logo a img {
    width: 34px;
    height: 46px;
}

.add-new-insurance,
.mobile-login .logo,
.mobile-logo,
.close-sidebar {
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-new-insurance img {
    width: 40px;
    height: 40px;
}

.mobile-login .logined-btn .dropdown-menu[data-bs-popper] {
    right: 1rem;
}

header.header-content nav>ul {
    margin: 0 10px;
}

header.header-content nav>ul>li {
    display: inline-block;
    position: relative;
    /* line-height: 60px; */
    /* padding: 0 4px; */
    padding: 20px 12px;
}

header.header-content nav>ul>li a {
    color: var(--darkblue);
    /* font-size:14px; */
}

header.header-content nav.navbar ul li ul li img {
    width: 40px;
    height: 40px;
}

header.header-content nav.navbar ul li ul li a {
    line-height: 2;
    /* padding:0.5rem 1rem; */
    position: relative;
}

header.header-content nav>ul>li a:hover:before,
header.header-content nav>ul>li a.active:before {
    width: 100%;
}

header.header-content nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all 0.5s;
}

header.header-content nav>ul>li a:before {
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 5px;
    right: 0;
    left: 0;
    color: transparent;
    margin: auto;
    background: var(--lightorange);
    content: " ";
    z-index: -1;
}

ul.dropdown-menu.show {
    /* max-height: 340px; */
    /* overflow-y: auto; */
}

.header-content ul.mega-menu.dropdown-menu.show {
    display: flex;
    /* width: 100%; */
    /* position: absolute; */
    justify-content: space-around;
    /* flex-wrap: wrap; */
    /* left: 0; */
    /* right: 0; */
}

.header-content li.sub-mega-menu h5 {
    font-weight: 600;
    color: var(--green);
}

.header-content ul.mega-menu.dropdown-menu.show {
    padding: 2rem !important;
}

.header-content li.sub-mega-menu {
    margin: 0 0.5rem;
}

.header-content li.sub-mega-menu li {
    padding: 0.5rem 0;
}

.header-content ul.mega-menu.dropdown-menu.show {
    max-height: 490px;
    overflow-y: auto;
}

.header-content ul.mega-menu {
    width: 1140px;
    height: auto !important;
    right: -260px !important;
    position: absolute !important;
}

.header-content header.header-content nav.navbar ul li ul li.sub-mega-menu a {
    font-size: 15px;
}

@media (min-width:991px) and (max-width:1060px) {
    .header-content ul.mega-menu {
        width: 940px !important;
        right: -310px !important;
    }
}

@media (min-width:1061px) and (max-width:1200px) {
    .header-content ul.mega-menu {
        width: 940px !important;
    }
}


/* lllllllllllll */

.dropdown ul li {
    opacity: 0;
    transform-origin: bottom;
    animation: enter 0.2s ease forwards;
    background: white;
    /* margin: 0.2rem 0; */
    /* border-radius: 15px !important; */
    /* border:1px solid #ccc; */
    /* overflow:hidden; */
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: var(--lightgreen);
}

.dropdown .dropdown-menu {
    border: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 13%);
    border-radius: 25px;
    overflow: hidden;
}


/* @for $i from 0 through 10{ */


/* $deg: $i * 90deg; */


/* [data-rotation='#{$i}'] [data='']{ */


/* transform: rotate(#{$deg}); */


/* } */


/* } */

.dropdown ul li:nth-child(1) {
    animation-duration: 0.1s;
    animation-delay: 0s;
}

.dropdown ul li:nth-child(2) {
    animation-duration: 0.2s;
    animation-delay: 0.1s;
}

.dropdown ul li:nth-child(3) {
    animation-duration: 0.3s;
    animation-delay: 0.2s;
}

.dropdown ul li:nth-child(4) {
    animation-duration: 0.4s;
    animation-delay: 0.3s;
}

.dropdown ul li:nth-child(5) {
    animation-duration: 0.5s;
    animation-delay: 0.4s;
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: scaleY(0.98) translateY(10px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}


/* sssssssssssssssss */

.logined-btn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.logined-btn .dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0;
    margin-top: -0.875rem;
}

.logined-btn ul.dropdown-menu,
.logined-btn ul.dropdown-menu li {
    background: transparent !important;
    box-shadow: none !important;
    overflow: inherit;
}

.logined-btn ul.dropdown-menu li {
    margin: 0.3rem 0;
}

.logined-btn ul.dropdown-menu li a {
    background: var(--lightgray) !important;
    border-color: transparent !important;
    width: 96%;
    margin: auto;
}

.logined-btn ul.dropdown-menu li a:hover,
.logined-btn ul.dropdown-menu li a.active {
    background: var(--lightgreen) !important;
    color: var(--darkblue) !important;
}

@media only screen and (max-width:481px) {
    .logined-btn button,
    .logined-btn ul.dropdown-menu li a {
        padding: 5px;
        font-size: 15px;
    }
}

.logined-btn button:focus {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%)!important;
}


.logined-btn button img:last-child{
    width: 30px;
    height: 30px;
    margin: 2px;
    margin-right: 5px;
}

.logined-btn button:after {
    content: none;
}

.logined-btn button img:first-child {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    margin: 2px;
}

header .login a {
    padding: 7px 16px !important;
}

.dropdown-menu {
    width: max-content;
}

ul.mega-menu.dropdown-menu.show {
    padding: 0;
}


/* .modal-backdrop.show { */


/* opacity: .7; */


/* z-index: 1000; */


/* backdrop-filter: blur(10px); */


/* background-color: #00000061; */


/* } */

.modal-backdrop.fade.show {
    backdrop-filter: blur(10px) !important;
    background-color: #00000002 !important;
    opacity: 0.9 !important;
}

.modal-backdrop.show,
.modal-backdrop.fade.show {
    opacity: .9;
    z-index: 1000;
    backdrop-filter: blur(10px);
    background-color: #00000000;
}


/* login modal */

button#prev-step,
button.edit-mobile {
    background: transparent;
    border: 0;
    text-decoration: underline;
    color: var(--darkblue);
    margin: 0 1rem;
}

#login-modal .modal-dialog {
    padding: 1.5rem;
}

#login-modal button.close,
.modal button.close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -5%;
    right: 4%;
    background: transparent;
    border: 0;
    border-radius: 50px;
    padding: 0;
    z-index: 10;
}

#login-modal .login-form {
    padding: 4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#login-modal .modal-body>.row {
    min-height: inherit;
}

#login-modal .login-form h2 {
    color: var(--darkblue);
    font-weight: bold;
}

#login-modal .login-form input:not([type="checkbox"]),
.popup input:not([type="checkbox"]) {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    box-shadow: 0 0 20px rgb(0 0 0 / 16%);
    padding: 12px;
    border-radius: 15px;
    margin: 8px 0;
    color: var(--green);
    line-height: 1.5;
}

#login-modal .login-form input[type="text"]::placeholder,
.popup input[type="text"]::placeholder {
    color: var(--green);
    font-size: 13px;
    opacity: 0.8;
}

#login-modal .login-form input:not([type="checkbox"]):focus,
.popup input:not([type="checkbox"]):focus {
    border: 1px solid #bbbaba;
    box-shadow: 0 0 20px rgb(0 0 0 / 16%) !important;
}

#login-modal .login-form .confirm-code input[type="text"] {
    width: 9% !important;
    text-align: center;
    margin: 0 1px !important;
    direction: ltr !important;
    display: inline !important;
}

.coopration-modal {
    height: inherit;
}

.coopration-modal .login-form .confirm-code input[type="text"],
.popup .confirm-code input[type="text"] {
    width: 10% !important;
    text-align: center;
    margin: 0 3px !important;
    direction: ltr !important;
    display: inline !important;
    padding: 0.5rem !important;
}

.popup .confirm-code input[type="text"] {
    width: 11% !important;
}

.popup .modal-content {
    border: 0 !important;
    box-shadow: 0 0 10px #00000042;
    border-radius: 20px;
    direction: rtl !important;
}

.popup .modal-header {
    background: var(--lightgreen);
    border-radius: 20px 20px 0 0;
    border: 0;
    padding: 1.5rem !important;
    color: var(--darkblue);
}

.popup p,
.popup label {
    text-align: right;
}

#login-modal .confirm-button a {
    margin-right: 40px;
    color: var(--darkblue);
    text-decoration: underline;
    cursor: pointer;
}

#login-modal .login-form p {
    margin: 22px 0;
    color: var(--darkblue);
}

#login-modal .login-form .step label,
.popup .step label {
    display: block;
    font-size: 14px;
    color: #282331;
    margin: 22px 0;
}

#login-modal .login-icon {
    background: linear-gradient(145deg, var(--darkblue) 9%, var(--green), var(--lightgreen));
    border-radius: 30px 0 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

#login-modal .login-icon div {
    background: #bfe3dc;
    padding: 15px;
    border-radius: 50px;
}

#login-modal .login-icon div img {
    width: 60px;
    height: 60px;
}

#login-modal .modal-body,
#coopration-modal .modal-body {
    min-height: 350px;
    height: auto;
}

#login-modal .modal-body {
    min-height: 480px !important;
}

#login-modal .modal-body>div,
#coopration-modal .modal-body>div {
    height: inherit;
}

#login-modal .login-form .welcome h2 {
    text-align: center;
}

#login-modal .modal-content {
    border: 0;
    border-radius: 30px;
}

#login-modal .modal-body {
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
    border-radius: 30px;
}

.modal-dialog.modal-dialog-centered.modal-sm {
    max-width: 590px !important;
}

.modal-dialog.modal-dialog-centered.modal-sm .login-form {
    padding: 2rem !important;
    border-radius: 30px;
}

.modal-dialog.modal-dialog-centered.modal-sm .modal-body {
    min-height: 270px!important;
    height: auto;
}


/* coopration modal */

div.coopration-modal {
    background: #e4e7f0;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding: 1rem;
}

button#show-roule,
button#new-password {
    background: transparent;
    border: 0;
    text-decoration: underline;
    color: var(--darkblue);
    line-height: 2.2;
}


/* div#coopration-modal { */


/* overflow: hidden; */


/* } */

#coopration-modal .login-form {
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
    padding: 2% 7%;
    /* height: 550px; */
    height: auto;
    min-height: 300px;
    direction: rtl;
    margin: 2rem;
    z-index: 0;
}

#coopration-modal .modal-content {
    background: transparent;
    border: 0;
}

#coopration-modal .login-form form {
    height: inherit;
    display: flex;
    min-height: inherit;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* #coopration-modal form .step * { */


/* width: 100%; */


/* } */

#coopration-modal .login-form input:not(input[type="checkbox"]),
#coopration-modal .login-form form textarea {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    padding: 10px 12px;
    border-radius: 15px;
    margin: 5px 0;
}

#coopration-modal .login-form .step:nth-child(1) input {
    padding: 14px !important;
    margin: 2rem 0 1.5rem !important;
}

#coopration-modal .login-form .step:nth-child(1) label {
    color: var(--darkblue) !important;
    font-size: 16px;
}

.coopration-modal .login-form .step:nth-child(1) a {
    color: var(--darkblue) !important;
    text-decoration: none !important;
}

.coopration-modal .login-form {
    position: relative;
}

.coopration-modal .login-form form {
    align-items: center;
}

.coopration-modal .login-form>h3 {
    position: absolute;
    left: 9%;
    top: -1.5rem
}

.national-card-img {
    width: 100px;
    height: 80px;
    height: fit-content;
}

.coopration-modal .image-file,
#edit-profile-content .image-file {
    margin: 0.5rem 1rem;
}

.image-file {
    position: relative;
}

.image-file:before {
    position: absolute;
    content: "";
    background-image: url(../images/icon/close-alarm.svg);
    width: 20px;
    height: 20px;
    top: -8px;
    right: -5px;
    cursor: pointer;
}

button.national-card,
button.national-card2,
button.edit-national-card {
    background: #e4e7f096;
    border-radius: 15px !important;
    margin: 1rem 0;
    border: 2px solid #e4e7f0;
}

#coopration-modal .login-form input:not(input[type="checkbox"]),
#coopration-modal .login-form form textarea {
    line-height: 1.5;
    color: var(--darkblue);
    background: #E4E7F0;
}

#coopration-modal .login-form input:not(input[type="checkbox"])::placeholder,
#coopration-modal .login-form form textarea::placeholder {
    font-size: 14px;
}

#coopration-modal .login-form input:not(input[type="checkbox"]):focus,
#coopration-modal .login-form form textarea:focus {
    border: 1px solid #bbbaba;
}

#coopration-modal .login-form form button.confirm-register {
    line-height: 1.5;
    color: var(--white);
    background: #03AA1A;
    display: block;
    width: 100%;
    border: 1px solid transparent;
    padding: 12px;
    border-radius: 15px;
    margin: 10px 0;
}

#coopration-modal .login-form button.close {
    background: transparent;
    border: 0;
    line-height: 2;
    margin-top: 10px;
}

#coopration-modal .login-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#coopration-modal .login-icon img {
    width: 70%;
    margin-bottom: 2rem;
}


/* #coopration-modal .login-form  label { */


/* line-height: 2; */


/* text-align: center; */


/* } */


/* #coopration-modal .login-form label, #coopration-modal .login-form a ,.coopration-modal .login-form label,.coopration-modal .login-form  #edit-phone-number ,.coopration-modal .login-form a.come-back{ */


/* display: block; */


/* font-size: 15px; */


/* color: var(--green); */


/* line-height: 2; */


/* margin:1rem 0; */


/* background:transparent; */


/* border:1px solid transparent; */


/* } */

.coopration-modal .login-form button#edit-phone-number,
.coopration-modal .login-form a.show-roule,
.coopration-modal .login-form a:not(a[class^="btn"]) {
    background: transparent;
    border: 0;
    color: var(--green);
    text-decoration: underline;
    margin: 1rem;
}

#coopration-modal .login-form label {
    background: transparent;
    border: 0;
    color: var(--green);
    margin: 1rem 0;
    display: block;
}

div.coopration-modal h2 {
    color: var(--darkblue);
    margin: 2rem 0;
}

.coopration-modal .login-form p {
    margin: 1.5rem 0;
    color: var(--darkblue);
}


/* #coopration-modal .login-form a ,.coopration-modal .login-form #edit-phone-number { */


/* text-decoration: underline; */


/* text-align: center; */


/* /* margin: 5px auto 12px; */


/* } */

#coopration-modal .personal-info {
    background: var( --darkblue);
    color: var(--lightgray);
    border-color: var( --darkblue);
    border-radius: 30px;
    width: fit-content;
    padding: 10px 20px;
    font-size: 16px;
}

#coopration-modal .show-roules {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#coopration-modal .roules {
    overflow-y: scroll;
    height: 340px;
    box-shadow: 0 0 10px #0000003d;
    border-radius: 20px;
    margin: 20px 0;
}

#coopration-modal .roules p {
    line-height: 2;
    color: var(--green);
    font-size: 15px;
    text-align: justify;
    padding: 25px;
}

#coopration-modal .roules::-webkit-scrollbar,
.credit-input.manager-desc::-webkit-scrollbar,
.year-date .tab-content ul::-webkit-scrollbar {
    width: 5px;
}


/* Track */

#coopration-modal .roules::-webkit-scrollbar-track,
.credit-input.manager-desc::-webkit-scrollbar-track,
.year-date .tab-content ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

#coopration-modal .roules::-webkit-scrollbar-thumb,
.credit-input.manager-desc::-webkit-scrollbar-thumb,
.year-date .tab-content ul::-webkit-scrollbar-thumb {
    background: var(--green);
}


/* Handle on hover */

#coopration-modal .roules::-webkit-scrollbar-thumb:hover,
.credit-input.manager-desc::-webkit-scrollbar-thumb:hover,
.year-date .tab-content ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media (min-width: 1200px) and (max-width:1300px) {
    #login-modal .login-form {
        padding: 4rem 5rem;
    }
}

@media (min-width: 991px) and (max-width:1200px) {
    #login-modal .login-form {
        padding: 3rem 4rem;
    }
}

@media only screen and (max-width:991.5px) {
    #login-modal .login-icon {
        border-radius: 30px 30px 0 0 !important;
    }
    #login-modal .confirm-button {
        justify-content: center;
    }
    #login-modal .login-icon h2 {
        color: var(--lightgray);
    }
    #login-modal .confirm-button a {
        width: 100%;
        margin: 0px 0 10px 0;
        text-align: center;
    }
    #login-modal .login-form p {
        margin: 15px 0;
        color: var(--darkblue);
    }
    #login-modal .confirm-button a {
        order: 1 !important;
        width: 100%;
        margin: 0px 0 10px 0;
        text-align: center;
    }
}

@media (min-width:481px) and (max-width:991.5px) {
    #login-modal .login-form {
        padding: 2rem 3rem;
    }
    #login-modal .login-form .step label {
        margin: 1rem 0;
    }
    #login-modal .login-form input[type="text"] {
        padding: 9px;
    }
}

@media only screen and (max-width:481px) {
    #login-modal .login-form {
        padding: 1rem 2rem;
    }
    #login-modal .login-icon {
        border-radius: 30px 30px 0 0 !important;
        padding: 1.5rem;
    }
    #login-modal .login-form input[type="text"] {
        padding: 5px 15px;
    }
    #login-modal .login-form .step label {
        margin: 10px 0;
    }
    #login-modal .login-icon h2 {
        font-size: 20px;
        margin: 0;
        font-weight: 600;
        color: var(--lightgray);
    }
    #login-modal .confirm-button button {
        padding: 6px 40px;
    }
    #login-modal button.close {
        width: 40px;
        height: 40px;
        top: -4%;
        right: 6%;
    }
    #login-modal .step:nth-child(2) input[type="text"] {
        margin: 0 1px !important;
    }
    #coopration-modal .login-form {
        padding: 10% 7%;
    }
    #coopration-modal .login-icon h2 {
        font-size: 20px;
        margin-bottom: 3rem;
    }
    #coopration-modal .login-icon img {
        width: 50%;
    }
    #coopration-modal .login-form {
        height: auto !important;
    }
    div.coopration-modal {
        position: relative;
        /* height:170vh !important; */
    }
    div.coopration-modal .confirm-button {
        justify-content: space-between;
    }
    .coopration-modal .login-form .confirm-code input[type="text"] {
        width: 15% !important;
        margin: 0 !important;
    }
    .coopration-modal .login-form a.come-back,
    .coopration-modal .login-form button {
        padding: 7px 20px;
        margin: auto;
        text-decoration: none;
    }
}


/*call info*/

.call-info img {
    width: 40px;
    height: 40px;
}

.call-info h4 {
    margin: 0;
    color: var(--darkblue);
}

.call-info a {
    color: var(--darkblue);
    font-weight: bold;
    font-size: 18px;
}

@media only screen and (max-width:991px) {
    .call-info img {
        width: 30px;
        height: 30px;
    }
}


/*bime category section
==========================
*/

section.bime-section {
    overflow: hidden;
    margin-top: 11%;
    padding-bottom: 7rem;
    position: relative;
}

@media (min-width:768px) and (max-width:991px) {
    section.bime-section {
        overflow: hidden;
        margin-top: 25% !important;
    }
}

section.bime-section h1 {
    color: var(--darkblue);
}

section.bime-section p {
    color: var(--green);
    margin: 2% 0 3%;
}

section.bime-section .hands {
    position: relative;
}

section.bime-section:hover img.righthand {
    transform: translateX(0);
}

section.bime-section img.righthand {
    position: absolute;
    width: 24%;
    transition: 1.5s;
    transform: translateX(900px);
    right: 0;
    top: 30px;
}

section.bime-section:hover img.lefthand {
    transform: translateX(0);
}

section.bime-section img.lefthand {
    position: absolute;
    width: 24%;
    transition: 1.5s;
    transform: translateX(-900px);
    left: 0;
    top: 30px;
}

section.bime-section .bime-img {
    width: 160px;
    height: 160px;
    background: #bee3db;
    border-radius: 28px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: auto;
}

section.bime-section .bime-img svg {
    width: 120px;
    height: 120px;
}

section.bime-section .bime-img h5 {
    position: absolute;
    margin-top: 9rem;
    font-family: IranSans;
    transition: 0.8s ease-in-out;
    font-size: 14px;
    line-height: 1.3;
    color: #545b6f;
    text-align: center;
}

section.bime-section .bime-img a {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

section.bime-section .bime-item {
    margin: 22px 5px 40px;
    transition: 1s;
    position: relative;
}

section.bime-section:hover h5 {
    transform: translateY(-2.6rem);
    /*translateY(-40px); */
    opacity: 0;
}

section.bime-section .bime-img:hover h5 {
    opacity: 1 !important;
    color: #fff;
}

section.bime-section .bime-img:hover {
    background: #545b6f;
}

section.bime-section .bime-img:hover svg *[stroke="#545b6f"] {
    stroke: #fff;
}

section.bime-section .bime-img:hover svg path[fill="#545b6f"] {
    fill: #fff;
}

section.bime-section .bime-img:hover svg path[fill="#eded07"],
section.bime-section .bime-img:hover svg circle {
    fill: #6CC0FF;
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(1) {
    transform: translate(-30%, 23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(2) {
    transform: translate(-24%, 23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(3) {
    transform: translate(-30%, 0);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(4) {
    transform: translate(-24%, 0);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(5) {
    transform: translate(-30%, -23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(6) {
    transform: translate(-24%, -23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(1) {
    transform: translate(28%, 23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(2) {
    transform: translate(35%, 23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(3) {
    transform: translate(28%, 0);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(4) {
    transform: translate(35%, 0);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(5) {
    transform: translate(28%, -23%);
}

section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(6) {
    transform: translate(35%, -23%);
}

@media only screen and (max-width:481px) {
    section.bime-section {
        overflow: hidden;
        margin-top: 45%;
    }
    section.bime-section .bime-img {
        width: 95px !important;
        height: 95px !important;
    }
}

@media (min-width:481px) and (max-width:576px) {
    section.bime-section {
        overflow: hidden;
        margin-top: 38%;
    }
}

@media only screen and (max-width:767px) {
    section.bime-section .bime-item {
        margin: 22px 0px 35px;
        transition: 1s;
        position: relative;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    section.bime-section .bime-img {
        width: 90px;
        height: 90px;
        background: #ade6d9;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    section.bime-section .items {
        display: flex;
        justify-content: center;
        margin: auto;
    }
    section.bime-section .bime-img svg {
        width: 85px;
        height: 85px;
    }
    section.bime-section img.lefthand,
    img.righthand {
        display: none;
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(n) .bime-item:nth-child(n) {
        transform: none;
    }
    section.bime-section:hover h5 {
        transform: none;
        opacity: 1;
        color: #545b6f;
    }
    section.bime-section .bime-img:hover h5 {
        opacity: 1 !important;
        color: #545b6f;
    }
    section.bime-section .bime-img h5 {
        margin-top: 6rem;
        font-size: 13px;
    }
}

@media (min-width:576px) and (max-width: 768px) {
    section.bime-section .bime-img {
        width: 100px;
        height: 100px;
    }
    section.bime-section {
        overflow: hidden;
        margin-top: 45%;
    }
    section.bime-section .bime-img h5 {
        margin-top: 6rem;
        font-size: 13px;
    }
}

@media (min-width:481px) and (max-width: 768px) {
    section.bime-section .bime-img {
        width: 110px;
        height: 110px;
        background: #ade6d9;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    section.bime-section .bime-item {
        margin: 22px 0px 35px;
        transition: 1s;
        position: relative;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    section.bime-section .bime-img {
        width: 110px;
        height: 110px;
        background: #ade6d9;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    section.bime-section .bime-img svg {
        width: 85px;
        height: 85px;
    }
    section.bime-section .items {
        display: flex;
        justify-content: space-around !important;
        margin: auto;
    }
    img.lefthand,
    img.righthand {
        display: none;
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(n) .bime-item:nth-child(n) {
        transform: none;
    }
    section.bime-section:hover h5 {
        transform: none;
        opacity: 1;
        color: #545b6f;
    }
    section.bime-section .bime-img:hover h5 {
        opacity: 1 !important;
        color: #545b6f;
    }
    section.bime-section .bime-img h5 {
        margin-top: 6.5rem;
    }
}

@media (min-width:992px) and (max-width: 1200px) {
    section.bime-section .bime-img {
        width: 130px !important;
        height: 130px !important;
    }
    /* section.bime-section:hover h5 { */
    /* transform: translateY(-26px) !important; */
    /* opacity: 0; */
    /* } */
    section.bime-section img.lefthand {
        width: 26%;
        left: -4% !important;
        top: 30px;
    }
    section.bime-section img.righthand {
        width: 26%;
        right: -4% !important;
        top: 30px;
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(1) {
        transform: translate(-20%, 23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(2) {
        transform: translate(-15%, 23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(3) {
        transform: translate(-20%, 0);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(4) {
        transform: translate(-15%, 0);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(5) {
        transform: translate(-20%, -23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(1) .bime-item:nth-child(6) {
        transform: translate(-15%, -23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(1) {
        transform: translate(25%, 23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(2) {
        transform: translate(30%, 23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(3) {
        transform: translate(25%, 0);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(4) {
        transform: translate(30%, 0);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(5) {
        transform: translate(25%, -23%);
    }
    section.bime-section:hover .col-md-6.col-sm-6.col-12:nth-child(2) .bime-item:nth-child(6) {
        transform: translate(30%, -23%);
    }
}

@media (min-width:1200px) and (max-width: 1399px) {
    section.bime-section .bime-img {
        width: 145px;
        height: 145px;
    }
    /* section.bime-section:hover h5 { */
    /* transform: translateY(-32px); */
    /* opacity: 0; */
    /* } */
}


/* service section
============================
 */

section.service {
    background: #EFEFEF;
    padding: 20% 0 0;
    position: relative;
    overflow: hidden;
}

@media (min-width:1200px) and (max-width: 1399px) {
    section.service:after {
        height: 18% !important;
    }
}

@media only screen and (max-width: 481px) {
    .service-item {
        height: 255px !important;
        justify-content: center !important;
    }
    .service-item p {
        display: none;
    }
}

@media (min-width:768px) and (max-width: 1200px) {
    section.service:after {
        height: 18% !important;
    }
}

section.service:after {
    background-image: url(../images/icon/curve.svg);
    position: absolute;
    content: " ";
    top: 0;
    left: -3%;
    width: 104%;
    height: 22%;
    background-size: contain;
    background-repeat: no-repeat;
}

section.service:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 170px;
    background: var(--white);
    bottom: 0;
    right: 0;
}

.service-item {
    background: var(--white);
    border: 1px solid var(--darkblue);
    border-radius: 28px;
    height: 390px;
    display: flex;
    flex-flow: column;
    text-align: center;
    align-items: center;
    justify-content: flex-end;
    box-shadow: 0 0 30px rgb(186 184 191 / 35%);
    transition: all 1s ease-in-out;
    overflow: hidden;
}

section.service>div {
    position: relative;
}

.service-item:hover {
    background: var(--darkblue);
    box-shadow: 0 30px 30px rgb(186 184 191 / 35%);
}

.service-item:hover h3 {
    color: var(--lightorange);
    transform: translateY(-23px);
}

.service-item:hover p {
    transform: translateY(-15px);
    opacity: 1;
}

.service-item .border {
    border: 0px solid #dee2e6!important;
    margin: 27px 0 40px;
    width: 100px;
    height: 2px;
    background: var(--lightorange);
}

.service-item h3 {
    font-weight: bold;
    color: var(--darkblue);
    transition: all 0.5s ease-in-out;
}

.service-item p {
    height: 34%;
    padding: 0 30px;
    text-align: justify;
    font-size: 15px;
    color: var(--lightorange);
    transform: translateY(200px);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}

.service-icon img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    display: block;
}

.service-item:hover .service-icon img.defult-show {
    display: none;
}

.service-item .service-icon img.hover-show {
    display: none;
}

.service-item:hover .service-icon img.hover-show {
    display: block !important;
}


/* about section
	==========================
*/

section.about {
    margin: 9% 0;
}

.about .poster img {
    opacity: 0.1;
    transition: 1s ease-in-out;
}

.about:hover img {
    opacity: 1;
}

.about .title {
    margin: 75px 0 40px;
}

.about .title h3 {
    margin-bottom: 8%;
    position: relative;
    color: var(--darkblue);
    overflow: hidden;
}

.about .title h3:before {
    position: absolute;
    content: "";
    width: 220px;
    height: 3px;
    background: var(--lightorange);
    bottom: 0px;
    right: 0;
    z-index: -1;
}

.about .title h2 {
    margin: 0 0 8%;
    line-height: 1.6;
    color: var(--darkblue);
}

.about .title h2:before {
    width: 0;
}

.about .title p {
    color: var(--color);
    line-height: 28px;
    text-align: justify;
}

.about a.about-btn {
    background: linear-gradient( 145deg, var(--darkblue) 9%, var(--green), var(--lightgreen));
    padding: 5px 46px;
    font-size: 23px;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    margin-top: 7% !important;
}

@media only screen and (max-width: 481px) {
    .about a.about-btn {
        display: flex;
        justify-content: center;
        width: fit-content;
        margin: auto;
        margin-top: 10% !important;
        font-size: 20px;
    }
}


/* calender section
	==========================
*/

.calender .title {
    position: relative;
    margin: 6% 0;
}

.calender .title:before {
    position: absolute;
    content: "";
    width: 80%;
    height: 3px;
    background: var(--green);
    top: 50%;
    right: 10%;
    z-index: -1;
}

.calender .title h2 {
    background: #fff;
    color: var(--darkblue);
    width: fit-content;
    margin: auto;
    padding: 0 15px;
}

.calender-form {
    /* background-image: url(../images/calender-img.png); */
    /* background-size: 100%; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
    /* width: 100%; */
    /* height: 700px; */
    position: relative;
}

.calender-form .mobile-img {
    display: none;
}

.calender-form form {
    position: absolute;
    bottom: 0;
    padding: 8%;
}

@media only screen and (max-width:480px) {
    .calender-form form {
        position: absolute;
        bottom: 3%;
        padding: 8%;
    }
    .calender-form .mobile-img {
        display: block;
        width: 100%;
    }
    .calender-form .desktop-img {
        display: none;
    }
    .calender-form form button.popup-btn {
        font-size: 15px !important;
    }
    .calender-form form .form-select,
    .calender-form form .form-input {
        margin: 5px 0 !important;
        font-size: 10px;
    }
    .calender .title:before {
        width: 100%;
        right: 0;
    }
}

@media (min-width:400px) and (max-width:480px) {
    .calender-form form .form-select,
    .calender-form form .form-input {
        margin: 8px 0 !important;
    }
    .calender-form form {
        position: absolute;
        bottom: 4%;
        padding: 8%;
    }
}

@media (min-width:481px) and (max-width:576px) {
    .calender-form .mobile-img {
        display: block;
        width: 100%;
        margin: auto;
        height: 100%;
    }
    .calender-form .desktop-img {
        display: none;
    }
    .calender-form form .form-select {
        margin: 18px 0 !important;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .calender-form .mobile-img {
        display: block;
        width: 100%;
        margin: auto;
        height: 550px;
    }
    .calender-form .desktop-img {
        display: none;
    }
    .calender-form form .form-select {
        margin: 18px 0 !important;
    }
    .calender-form form {
        position: absolute;
        bottom: 2%;
        padding: 8%;
    }
    .calender-form form button.popup-btn {
        font-size: 15px !important;
        margin: 30px auto -20px !important;
    }
    .calender-form form * {
        font-size: 11px;
    }
}

@media (min-width:768px) and (max-width:850px) {
    .calender-form form .form-select,
    .calender-form form .form-input {
        margin: 5px 0 !important;
    }
    .calender-form form button.popup-btn {
        font-size: 15px !important;
        margin: 10px auto -20px !important;
    }
    .calender-form form * {
        font-size: 11px;
    }
}

@media (min-width:851px) and (max-width:991px) {
    .calender-form form .form-select,
    .calender-form form .form-input {
        margin: 12px 0 !important;
    }
    .calender-form form button.popup-btn {
        font-size: 15px !important;
        margin: 17px auto -20px !important;
    }
    .calender-form form * {
        font-size: 11px;
    }
}

@media (min-width:992px) and (max-width:1300px) {
    .calender-form form .form-select,
    .calender-form form .form-input {
        margin: 12px 0 !important;
    }
}

.calender-form form .form-select {
    border: 1px solid #acc3ed;
    border-radius: 17px;
    margin: 10px 0;
    padding: 11px;
    color: var(--darkblue);
    display: block;
    width: 100%;
    background: var(--lightgray);
    background-image: url(../images/Polygon-4.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left .75rem center !important;
    background-size: 16px 12px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.calender-form form .form-input {
    border: 1px solid #acc3ed;
    border-radius: 17px;
    margin: 10px 0;
    padding: 11px;
    color: var(--darkblue);
    display: block;
    width: 100%;
    background: var(--lightgray);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.calender-form form .form-select:focus,
.calender-form form .form-input:focus,
.comment-form input:focus,
.comment-form textarea:focus {
    border-color: var(--lightorange) !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
}

.calender-form form button.popup-btn {
    background: var(--darkblue);
    color: var(--lightorange);
    padding: 7px 37px;
    border-radius: 30px;
    border: 0;
    font-size: 20px;
    display: flex;
    margin: 16px auto -30px;
}

.calender-form form button.popup-btn:hover {
    color: var(--white);
}


/* carousel section
	==========================
*/

section.carousel {
    background: var(--darkblue);
    margin: 35px 0;
    padding: 9% 0 7%;
    overflow: hidden;
}

section.carousel:before {
    position: absolute;
    content: "";
    background-image: url(../images/parsian.png);
    background-repeat: no-repeat;
    width: 50%;
    height: 80%;
    background-position: right;
    background-size: contain;
    right: -38px;
    top: 45px;
    filter: grayscale(1);
}

.carousel-items p {
    padding: 20px 85px;
    margin: 0;
    color: var(--lightgray);
    line-height: 2;
}

.carousel-items h2 {
    color: var(--lightgray);
}

.owl-carousel {
    position: relative;
}

#carousel .arrow-next {
    position: absolute;
    right: 0;
    background-image: url(../images/icon/ios-arrow-next.svg);
    width: 4%;
    height: 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    top: 35%;
}

#carousel .arrow-prev {
    position: absolute;
    left: 0;
    background-image: url(../images/icon/ios-arrow-prev.svg);
    width: 4%;
    height: 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    top: 35%;
}

@media only screen and (max-width:480px) {
    .carousel-items p {
        padding: 20px 0px;
        margin: 0;
    }
}


/* testimonial section
	==========================
*/

.owl-dot span {
    display: block;
    background: var(--darkblue);
    width: 26px;
    height: 2px;
    margin: 3px;
}

button.owl-dot.active span {
    background: var(--lightorange);
}

section.testimonial {
    padding: 8% 0 12%;
    position: relative;
    overflow: hidden;
}

section.testimonial .testimonial-items .client-detail p {
    padding: 4% 9%;
    margin: 0;
    color: var(--darkblue);
    line-height: 2;
    position: relative;
}

section.testimonial .title p {
    margin: 2rem auto !important;
    color: var(--darkblue);
}

section.testimonial .title .border {
    border: 1px solid #dee2e6!important;
    width: 100px;
    margin: 4% auto;
    border-color: var(--darkblue) !important;
}

section.testimonial .title h2 {
    font-weight: bold;
    color: var(--darkblue);
}

section.testimonial .title h2,
section.blog .title h2,
.team-members h2,
.team-members h3,
.contact-us .title h2,
.title h2 {
    position: relative;
    width: fit-content;
    margin: 2rem auto 1.5rem;
    overflow: hidden;
}

section.testimonial .title h2:before,
section.blog .title h2:before,
.call-to-action h2:before,
.team-members h2:before,
.team-members h3:before,
.contact-us .title h2:before,
.title h2:before {
    position: absolute;
    content: "";
    width: 110%;
    height: 3px;
    background: var(--lightorange);
    bottom: 5px;
    z-index: -1;
}

.client-thumb {
    width: 65px;
    height: 65px;
    margin: auto auto 20px;
}

.client-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 2px 16px 28px rgb(83 83 83 / 38%);
}

.client-meta {
    margin-bottom: 40px;
}

.client-meta p,
.client-meta h3 {
    color: var(--darkblue);
    margin: 14px 0;
}

section.testimonial .testimonial-items .client-detail p:after {
    position: absolute;
    content: "";
    background-image: url(../images/icon/quote.svg);
    bottom: -20%;
    width: 10%;
    height: 30%;
    background-repeat: no-repeat;
    left: 3%;
    background-size: 27px;
}

section.testimonial .testimonial-items .client-detail p:before {
    position: absolute;
    content: "";
    background-image: url(../images/icon/quote.svg);
    top: 14px;
    width: 6%;
    height: 25%;
    background-repeat: no-repeat;
    right: 0%;
    background-size: 27px;
}

@media only screen and (max-width:481px) {
    section.testimonial .testimonial-items .client-detail p:before {
        width: 13%;
    }
    section.testimonial .testimonial-items .client-detail p:after {
        bottom: -30%;
        left: 0%;
    }
    section.testimonial .testimonial-items .client-detail p {
        padding: 48px 0px 20px;
    }
}

@media (min-width:481px) and (max-width:768px) {
    section.testimonial .testimonial-items .client-detail p:after {
        left: 0%;
    }
    section.testimonial .testimonial-items .client-detail p {
        padding: 10% 0%;
        text-align: justify;
    }
}


/* blog section
	==========================
*/

section.blog .title h2,
.title h2 {
    color: var(--darkblue);
}

.blog-item {
    margin: 15px;
    background: var(--white);
    border-radius: 30px;
    box-shadow: 0 20px 20px rgb(0 0 0 / 16%);
}

.blog-content {
    padding: 20px;
}

.blog-content h3 {
    font-size: 15px;
    line-height: 1.8;
    font-weight: 600;
    color: var(--darkblue);
}

.blog-thumb {
    width: 100%;
    height: 185px;
    overflow: hidden;
}

.blog-thumb img {
    width: inherit;
    height: inherit;
    border-radius: 30px 30px 0 0;
}

.blog-content .border {
    border: 1px solid var(--lightorange)!important;
    width: 40%;
    margin: 10px auto 20px;
}

.blog-content p {
    line-height: 1.5;
    color: var(--green);
    font-size: 15px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    margin: 10% 0;
}

.blog svg {
    width: 25px !important;
    height: 60px !important;
}

.blog svg path {
    fill: var(--darkblue);
}


/* .blog-content a.read-more{ */


/* background: var(--lightorange); */


/* color: var(--darkblue); */


/* padding: 7px 20px; */


/* border-radius: 30px; */


/* display: inline-block; */


/* margin: 12px; */


/* width:fit-content; */


/* } */

#blog .owl-item {
    margin: 35px 0;
}

#blog .arrow-prev {
    position: absolute;
    left: -5%;
    top: 42%;
}

#blog .arrow-next {
    position: absolute;
    right: -5%;
    top: 42%;
}

@media only screen and (max-width:481px) {
    .blog-content p {
        margin: 5% 0;
    }
    .blog svg {
        width: 20px !important;
    }
    .blog-item {
        margin: 30px;
    }
    .blog-thumb {
        height: 150px;
    }
    #blog .arrow-prev {
        left: -15px;
    }
    #blog .arrow-next {
        right: -15px;
    }
}

@media (min-width:450px) and (max-width:576px) {
    .blog-thumb {
        height: 185px !important;
    }
}

@media (min-width:481px) and (max-width:576px) {
    .blog-item {
        margin: 0 15%;
    }
    #blog .arrow-prev {
        position: absolute;
        left: 4%;
        top: 42%;
    }
    #blog .arrow-next {
        position: absolute;
        right: 4%;
        top: 42%;
    }
}

@media (min-width:481px) and (max-width:768px) {
    .blog-thumb {
        height: 140px;
    }
    .blog-content h3 {
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;
        display: -webkit-box;
    }
}

@media (min-width:1080px) and (max-width:1200px) {
    .blog-thumb {
        width: 100%;
        height: 155px;
        overflow: hidden;
    }
}


/*footer
========================
*/

footer {
    background: var(--darkblue);
    padding: 7% 0 1%;
}

footer a.logo-white {
    display: flex !important;
    align-items: center !important;
    border: 1px dashed var(--white);
    border-radius: 50px;
    padding: 3px;
    width: 150px;
    color: var(--white);
    justify-content: space-around;
}

footer nav.navbar li a {
    color: var(--lightgray);
    margin: 3px;
}

footer nav.navbar li a:hover {
    color: var(--lightgray);
}

footer h4 {
    color: var(--lightorange);
    margin: 60px 0 5%;
    font-weight: bold;
}

@media only screen and (max-width:481px) {
    footer h4 {
        margin: 30px 0 5%;
    }
    footer .apps a {
        width: 30%!important;
    }
}

@media only screen and (max-width:576px) {
    footer {
        background: var(--darkblue);
        padding: 7% 0 17%;
    }
    footer div {
        padding: auto 0 !important;
    }
}

footer .search form.input-group {
    background: transparent;
    border: 1px solid var(--lightgray);
    border-radius: 30px;
    padding: 0 10px;
    justify-content: space-between;
    transition: 0.5s;
}

footer .search input[type="search"],
footer .search button {
    background: transparent;
    border: 0;
    padding: 4px 0;
}

footer .search input[type="search"] {
    width: 90%;
    padding-right: 10px !important;
    color: var(--lightgray);
}

footer .search input[type="search"]::placeholder {
    color: var(--lightgray);
}

footer .search form.input-group:focus-within {
    border: 1px solid var(--lightorange) !important;
}

footer .search input[type="search"]:focus {
    border: 0;
    outline: 0;
}

footer .search button {
    display: flex;
    align-items: center;
    padding: 0;
}

footer .list-icon {
    display: flex;
    align-items: center;
    margin: 3% 0;
}

footer .list-icon img {
    width: 50px;
    height: 50px;
    margin-left: 4%;
}

footer .list-icon,
footer .list-icon p,
footer .list-icon a {
    color: var(--lightgray);
}

footer .apps a img {
    width: 100%;
}

footer .apps a {
    background: var(--lightorange);
    margin: 5px;
    border-radius: 6px;
    padding: 5px 10px;
    width: 22%;
}

footer .apps {
    position: relative;
    display: flex;
    flex-direction: row !important;
}

footer .bottom-footer {
    margin-top: 5% !important;
}

footer .social-media a {
    background: var(--lightgreen);
    width: 40px;
    margin: 5px;
    border-radius: 50%;
    padding: 7px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .social-media svg {
    width: 28px !important;
    height: 28px !important;
    transition: all 0.7s ease-in-out;
}

.social-media a:hover svg {
    transform: scale(1.3) rotate(360deg);
    transition: 1s;
}

footer .border {
    margin: 2% auto 10px;
    border-top: 1px solid var(--lightgray) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}

.copyright nav.navbar ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
    flex: 1 1 auto;
}

.copyright p {
    text-align: center;
    line-height: 2;
}

.copyright nav.navbar ul li {
    font-size: 13px;
    margin: 0 7px;
}

.copyright nav.navbar ul li a,
.copyright p,
.copyright a {
    font-size: 13px;
    margin: 0;
    color: var(--lightgray);
}

footer p {
    color: #fff;
}


/*floating chat icon
======================
*/


/* .chat img{ */


/* width: 35px; */


/* height: 35px; */


/* } */


/* .chat { */


/* border-radius: 50%; */


/* padding: 20px; */


/* position: fixed; */


/* bottom: 20px; */


/* right: 20px; */


/* background: #FC6600; */


/* z-index: 1; */


/* } */

.chat {
    position: relative;
}

.chat-main-box {
    width: 21rem;
    height: 84%;
    position: fixed;
    bottom: 0;
    right: 0;
    background: transparent;
    margin: 0 20px 20px 0;
    display: none;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9999;
}

.chat-main-body {
    height: 77%;
    width: 100%;
    background-color: #fff;
    margin: 60px 0;
    padding: 1.5rem;
    overflow: hidden;
    overflow-y: scroll;
}

.chat-main-body ul li {
    display: flex;
    align-items: end;
    margin: 10px 0;
}

.chat-main-body ul li.admin .chat-comment {
    display: flex;
}

.chat-main-body ul li.admin,
.chat-main-body ul li.admin .chat-comment {
    flex-direction: row-reverse;
}

.chat-main-body ul li.user {
    flex-direction: row;
}

.chat-profile {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid gray;
    overflow: hidden;
    background: #fff;
}

.chat-profile img {
    width: inherit !important;
    height: inherit !important;
    object-fit: contain;
}

.chat-main-body ul li .chat-comment p {
    background: var(--lightorange);
    padding: 1rem 0.5rem;
    margin: 0 0.5rem;
    border-radius: 10px;
    width: fit-content;
    line-height: 1.8;
    font-size: 14px;
    color: var(--darkblue);
}

.chat-main-body ul li.admin .chat-comment p {
    border-radius: 10px 10px 10px 0;
    background: var(--lightgreen);
}

.chat-main-body ul li.user .chat-comment p {
    border-radius: 10px 10px 0 10px;
    background: var(--lightorange);
}

.chat-main-footer {
    background: #fff;
    border-top: 1px solid #8080802e;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 12%;
}

.chat-main-footer textarea {
    border: 0;
    resize: none;
    padding: 20px 10px;
    height: 64px;
    overflow-y: auto;
    width: 80% !important;
}

.chat-main-header {
    background: #fc6600 !important;
    width: 100%;
    height: 12%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.chat-main-footer form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-chat button {
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
}

.chat-heading span {
    font-size: 12px;
    color: var(--darkblue);
    color: #fff;
}

.chat-heading p {
    color: var(--darkblue);
    font-weight: bold;
}

.chat-main-footer button {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
}

.chat-main-footer svg,
.close-chat button svg {
    width: inherit;
    height: inherit !important;
    max-width: 100%;
}

.close-chat button svg g,
.close-chat button svg rect {
    fill: #fff !important;
    stroke: #fff;
}

.chat-main-footer svg path {
    fill: gray;
}

.chat-main-footer svg:hover path {
    fill: var(--darkblue);
}

.chat-main-footer div {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
}

.chat .chat-main-icon {
    height: 70px;
    width: 70px;
    bottom: 0;
    right: 0;
    position: fixed;
    margin: 0 20px 20px 0;
    border-radius: 50%;
    cursor: pointer;
    background-color: #FC6600;
    background-image: url("../images/icon/chat.svg");
    background-size: 55% 63%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 999;
    transition: box-shadow .2s ease-in-out !important;
    box-shadow: 0 1px 6px rgb(0 0 0 / 6%), 0 2px 32px rgb(0 0 0 / 16%) !important;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.chat-count {
    position: relative;
}

.chat-count.active span {
    display: inline-block;
}

.chat-count span {
    background: var(--lightgreen);
    right: 0;
    top: -4px;
    height: 22px;
    width: 22px;
    position: absolute;
    color: var(--darkblue);
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;
    font-weight: 600;
}

.admin-icon {
    height: 40px;
    display: inline-block;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    border: 3px solid #fc6600;
}

.admin-icon img.admin-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.admin-icon.admin-icon-1 {
    right: 3%;
}

.admin-icon.admin-icon-2 {
    right: 9%;
}

.admin-icon.admin-icon-3 {
    right: 16%;
}

span.more-admin {
    position: absolute;
    right: 25%;
    background: var(--darkblue);
    border-radius: 50px 0 50px 50px;
    line-height: 1.5;
    padding: 3px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: var(--white);
    text-align: center;
    bottom: -9px;
    box-shadow: 0 0 10px #00000052;
}

.admin-status {
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #fc6600;
    bottom: -10%;
    background: transparent;
}

.admin-status.offline {
    background: none !important;
    border: none;
}

.admin-status.online {
    background: #2ECC71 !important;
}

.sabt-bime {
    /* border-radius: 50%; */
    position: fixed;
    bottom: 20px;
    left: 20px;
    /* background: #FC6600; */
    z-index: 1;
}

.sabt-bime img {
    width: 70px;
    height: 70px;
}

@media only screen and (max-width:576px) {
    .chat img {
        width: 25px;
        height: 25px;
    }
    .chat {
        padding: 15px;
        bottom: 55px;
    }
    .sabt-bime {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #FC6600;
        z-index: 1;
        border-radius: 20px 20px 0 0;
        box-shadow: 0 0 10px rgb(0 0 0 / 43%);
    }
    .sabt-bime img {
        width: 50px;
        height: 50px;
        margin: auto;
    }
    .chat-main-box {
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
        background: #fff;
    }
    .chat-main-body {
        height: 83%;
    }
}


/*aout-us section
======================
*/

.about-img img {
    border-radius: 30px;
}

@media only screen and (max-width:481px) {
    section.about-us .custom-container {
        padding: 0;
    }
    .about-us .left-detail h3 {
        margin-right: 0 !important;
        z-index: 0 !important;
    }
    .about-us .right-detail h3 {
        margin-right: 0 !important;
        z-index: 0;
    }
    .left-detail div:nth-child(2) {
        display: none;
    }
    .about-us p {
        padding: 20px 16px;
    }
    .about-us {
        margin-top: 29% !important;
    }
    .left-detail div:nth-child(1) {
        margin-top: 20%;
        margin-bottom: 5%;
    }
    .right-detail {
        padding: 5% !important;
    }
    .about-us h3:before {
        right: -18px !important;
    }
    .about-us p {
        padding: 16px 18px !important;
    }
    .about-img {
        background-color: #e3e5f1;
        padding: 0 !important;
        margin: 0 !important;
        display: flex;
    }
    .left-detail {
        background-color: #e3e5f1;
        margin: 0;
        padding: 0 !important;
    }
    .about-img img {
        border-radius: 0px;
    }
}

.about-us {
    margin-top: 10%;
    overflow: hidden;
}

.about-us p {
    padding: 16px 30px;
    color: var(--color);
    margin: 5% 0;
    line-height: 1.7;
}

.about-us h3 {
    margin: 0 50px;
    position: relative;
    width: fit-content;
    color: var(--darkblue);
    font-weight: bold;
}

@media (min-width:1366px) {
    .about-us h3 {
        margin: 0 0 0 35px;
    }
}

.about-us h3:before {
    position: absolute;
    content: "";
    width: 224px;
    height: 8px;
    background: var(--lightorange);
    bottom: 0px;
    right: -50px;
    z-index: -1;
}

.about-us .left-detail h3 {
    margin-left: auto;
}

.about-us .right-detail h3 {
    margin-right: auto;
}


/*counter section
================================
*/

.counter-wrapper {
    background: linear-gradient( 0deg, var(--darkblue), var(--green));
    margin: 4% auto !important;
    border-radius: 40px;
    border: 3px solid var(--white);
    box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
}

.counter-item {
    display: flex;
    justify-content: space-around;
    padding: 5% 40px 5%;
    color: #fff;
    align-items: center;
}

@media only screen and (max-width:480px) {
    .counter-wrapper {
        background: linear-gradient( 0deg, var(--darkblue), var(--green));
        margin: 4% auto !important;
        border-radius: 0px;
        border: 0px solid var(--white) !important;
        box-shadow: 0px 0px 0px rgb(0 0 0 / 30%);
    }
    .testimonial .counter-item {
        padding: 9% 40px 9%;
        background: linear-gradient(0deg, var(--darkblue), var(--green));
    }
    section.testimonial .title {
        padding: 0 15px;
    }
    section.testimonial .custom-container {
        padding: 0;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .counter-item * {
        font-size: 1rem !important;
        text-align: center;
        margin: 0;
    }
    .counter-item {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .counter-item * {
        font-size: 1.1rem !important;
        text-align: center;
        margin: 0;
    }
}

.counter-item i,
.counter-item .counter {
    font-size: 24px;
    font-style: normal !important;
}


/*call to action section
================================
*/

section.call-to-action {
    background: var(--lightorange);
    margin: 0;
    position: relative;
    overflow: hidden;
}

.call-to-action h2 {
    position: relative;
    width: fit-content;
    color: var(--darkblue);
    z-index: 0;
    font-size: 35px;
}

.call-to-action h2:before {
    background: var(--white) !important;
}

.call-to-action p.subtitle {
    color: var(--green);
    margin: 5% 0 !important;
}

.call-to-action p {
    color: var(--darkblue);
    margin: 3% 0 8%;
    display: inline-block;
}

.call-to-action a {
    background: var(--darkblue);
    padding: 10px 40px;
    border-radius: 20px;
    color: var(--white);
    display: inline-block;
}

section .call-to-action-detail {
    position: relative;
    overflow: hidden;
    padding: 5% 0;
}

section.call-to-action:before {
    position: absolute;
    content: " ";
    background-image: url("../images/about/money-icon.svg");
    width: 250px;
    height: 250px;
    left: -3%;
    top: 20%;
    background-size: contain;
    filter: opacity(0.35);
    background-repeat: no-repeat;
}

.call-to-action-img {
    z-index: 1;
}

@media only screen and (max-width:480px) {
    section.call-to-action:before {
        position: absolute;
        content: " ";
        background-image: url(../images/about/money-icon.svg);
        width: 90px;
        height: 90px;
        left: 7%;
        top: 1%;
        background-size: contain;
        filter: opacity(0.35);
        background-repeat: no-repeat;
    }
    .call-to-action h2 {
        position: relative;
        width: fit-content;
        color: var(--darkblue);
        z-index: 0;
        font-size: 30px;
    }
    .call-to-action h2:before {
        background: var(--lightorange) !important;
    }
    .call-to-action p {
        color: var(--darkblue);
        margin: 9% 0 8%;
    }
    .call-to-action a {
        background: var(--darkblue);
        padding: 10px 40px;
        border-radius: 20px;
        color: var(--white);
        display: flex;
        justify-content: center;
        margin: auto;
        width: fit-content;
    }
}

@media only screen and (max-width:400px) {
    section.call-to-action:after {
        height: 270px;
    }
}

@media (min-width:401px) and (max-width:480px) {
    section.call-to-action:after {
        height: 300px;
    }
}

@media (min-width:481px) and (max-width:575px) {
    section.call-to-action:after {
        height: 350px;
    }
}

@media only screen and (max-width: 575px) {
    section.call-to-action:after {
        position: absolute;
        content: "";
        background: #ffd6ba;
        width: 100%;
        bottom: 0;
        /* z-index: -1; */
    }
    section.call-to-action {
        background: var(--white);
        margin: 0;
    }
}


/*team members section
================================
*/

section.team-members {
    padding: 9% 0;
    position: relative;
    overflow: hidden;
}

section.team-members .title img {
    width: 100%;
    height: 280px;
    border-radius: 30px;
    margin: 30% 0 12%;
    box-shadow: 2px 4px 10px #00000021;
}

section.team-members .title {
    /* margin: 1%; */
    /* padding:0; */
}

@media (min-width:1200px) {
    section.team-members .title {
        margin: 1%;
        padding: 0;
    }
}

section.team-members .title p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 20px !important;
}

@media (max-width:768px) and (max-width:992px) {
    section.team-members .title {
        margin: 0% !important;
    }
}


/*---------------------------- contact page */


/*map and comment section
================================
*/

section.map-comment {
    margin: 12% 0 8%;
}

@media only screen and (max-width:480px) {
    section.map-comment {
        margin: 41% 0 8%;
    }
    .comment-form button {
        display: flex;
        margin: 10px auto 30px !important;
    }
    .contact-us .list-icon {
        flex-direction: column;
    }
    .list-icon div {
        margin: 4% 0 8%;
    }
    .contact-us img {
        border-radius: 0 !important;
        margin: 11% 0px 0 !important;
    }
}

section.map-comment .map iframe {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    box-shadow: 2px 1px 10px #0000001a;
}


/* section.map-comment #map > div { */


/* height: 100%; */


/* width: 100%; */


/* position: inherit !important; */


/* top: unset !important; */


/* left: unset !important; */


/* background-color: rgb(229, 227, 223); */


/* } */

.comment-form input,
.comment-form textarea {
    border: 1px solid #acc3ed;
    border-radius: 17px;
    margin: 14px 0;
    padding: 11px;
    color: var(--darkblue);
    display: block;
    width: 100%;
    background: var(--lightgray);
}

input::placeholder,
textarea::placeholder {
    text-align: right;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

.contact-us {
    color: var(--darkblue);
}

.contact-us img {
    border-radius: 30px;
    height: 420px;
    width: auto;
    margin: 11% 0px 20%;
    object-fit: cover;
}

.comment-form button {
    background: var(--lightorange);
    color: var(--darkblue);
    padding: 10px 40px;
    border-radius: 20px;
    display: inline-block;
    margin: 12px;
    width: fit-content;
    padding: 10 px 40 px !important;
    border-radius: 20 px !important;
}

section.contact-us .list-icon svg path {
    fill: #555B6E;
}

.list-icon svg {
    width: 43px;
    height: 43px;
    margin-left: 3%;
}

.contact-us .list-icon {
    display: flex;
    align-items: center;
    margin: 2% 0;
}

.list-icon p,
.list-icon a {
    margin-right: 10px !important;
    text-align: justify;
    margin: 0;
}

section.contact-us h4,
section.contact-us .list-icon,
section.contact-us .list-icon p,
section.contact-us .list-icon a {
    color: var(--darkblue);
    font-weight: bold;
    opacity: 0.9 !important;
}

.contact-us h4,
.contact-us .list-icon,
.contact-us .list-icon p,
.contact-us .list-icon a {
    color: var(--white);
    font-weight: bold;
    opacity: 0.9 !important;
}

section.social-icons .row,
section.news-register .row {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 24%);
    padding: 2%;
    margin: 7% 0 0;
    z-index: 8;
}

section.social-icons,
section.news-register {
    position: relative;
}

section.social-icons:before,
section.news-register:before {
    width: 100%;
    height: 100px;
    position: absolute;
    content: "";
    background: var(--darkblue);
    bottom: 0;
    z-index: -1;
}

.media-icon {
    background: var(--white);
    text-align: center;
    padding: 30px 2px;
    border-radius: 20px;
    transition: box-shadow 0.3s 0.3s;
}

.media-icon:hover {
    background: var(--lightgreen);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 24%);
}

.media-icon p {
    opacity: 0;
    color: var(--darkblue);
    font-size: 12px;
    margin: 20px 0px 0px;
    transform: scale(0);
    transition: transform 0.8s;
}

.media-icon:hover p {
    opacity: 1;
    transform: scale(1);
}

.media-icon .icon {
    background: var(--lightgreen);
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 11px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:768px) {
    .media-icon {
        background: var(--lightgreen);
        margin: 10px 0;
        padding: 15px 2px;
    }
    .media-icon p {
        opacity: 1;
        transform: scale(1);
        margin: 5px 0px 0px;
    }
}

@media (min-width:576px) and (max-width:768px) {
    .media-icon {
        background: var(--lightgreen);
        margin: 10px;
        padding: 30px 2px;
    }
}


/*user panel
================================
*/


/* panel tabs */

.panel-tabs {
    margin: 3rem 0 1rem;
}

.tab-content h3 {
    color: #555b6e;
    margin: 0;
}

.user-img img,
.profile-img {
    width: 75px;
    height: 75px;
    padding: 10px;
    border-radius: 50px;
}

button.edit-profile {
    background: transparent;
    padding: 0;
    border: 0;
}

.user-meta img {
    width: 30px;
    height: 30px;
    /* margin: 0 20px; */
}

.chevron-icon img {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 7px #00000038;
    background: #fff;
    padding: 4px;
    display: flex;
    border-radius: 50px;
}

.main-panel-btn a {
    color: var(--darkblue);
}

.user-name a {
    margin: 0 1.5rem 0 0;
}

.user-panel .panel-tabs .nav-item a {
    width: 100%;
    background: #89b0af;
    margin: 10px 0;
    padding: 12px;
    text-align: start;
    color: var(--lightgray);
    border-radius: 30px !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 33%);
    display: flex !important;
    justify-content: space-between;
    font-size: 18px;
}


/* .panel-tabs .nav-item a:focus { */


/* background: #545b6f !important; */


/* box-shadow: 0 0 10px rgb(0 0 0 / 33%) !important; */


/* } */


/* .panel-tabs .nav-item a.active {
    background: var(--darkblue) !important;
	box-shadow: 0 0 10px rgb(0 0 0 / 33%) !important;
} */

.free-credit {
    margin: 10px 0;
    padding: 15px;
    display: none !important;
}

.free-credit h3 {
    font-weight: 600;
    text-align: center;
    margin: 1.5rem 0px;
    color: var(--darkblue);
}

.free-credit p {
    text-align: justify;
    color: var(--green);
}

.reagent-code,
.increase-balance {
    box-shadow: 0 0 15px rgb(0 0 0 / 33%);
    border-radius: 20px;
    margin: 30px 0;
    padding: 15px;
    background: var(--white);
    display: none !important;
}

.reagent-code button {
    padding: 10px 25px;
    margin: 10px auto;
    display: flex;
    background: #545b6f;
    color: #fff;
    border: 0;
    border-radius: 30px;
    font-size: 15px;
}

.reagent-code p {
    margin: 0;
}

.reagent-code button img {
    width: 20px;
    margin-left: 6px;
}

.gift-icon img {
    padding: 15px 0 15px 15px;
}

.gift-icon {
    width: 30%;
}

.line {
    width: 100%;
    height: 3px;
    background: #ffd6ba;
    margin: 2rem 0;
    border-radius: 15px;
}

.increase-balance .line {
    margin: 20px 0;
}

.increase-balance p,
.increase-balance a {
    margin: 12px;
}

i {
    font-style: normal;
}


/*panel content*/

div.panel-content {
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
    border-radius: 30px;
    padding: 4rem 5rem;
    margin-bottom: 3rem;
    background: var(--white);
}

@media only screen and (max-width:481px) {
    div.panel-content {
        padding: 3rem 1.5rem;
    }
    .panel-tabs {
        margin: 3rem 0 !important;
    }
    .panel-sidebar,
    .main-panel {
        padding: 0 30px !important;
    }
    .wallet p {
        font-size: 18px;
    }
    .line {
        margin: 3rem 0;
    }
    .panel-content .user-img img {
        padding: 0px;
    }
    .empty-notif p {
        line-height: 2;
    }
    .notification p {
        line-height: 2;
    }
}

@media (min-width:768px) and (max-width:991px) {
    div.panel-content {
        padding: 5rem 3rem;
    }
}

.empty-notif p {
    color: var(--color);
    text-align: center;
    padding: 1rem 0;
    margin: 1.5rem 0;
    font-size: 19px;
    line-height: 2;
}

.notification p {
    color: var(--color);
    text-align: center;
    margin: 2.5rem 0;
    font-size: 17px;
    line-height: 2.2;
}

.empty-notif.empty-bg {
    background: #E4E7F0;
    border-radius: 25px;
}


/* main panel */

div#user-panel-content h2 {
    text-align: center;
    color: var(--darkblue);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
}

#user-panel-content button img {
    width: 35px;
}

#user-panel-content button span,
#user-panel-content a span {
    margin: 0 12px;
}

.wallet img {
    width: 60px;
    margin-left: 25px;
}

.wallet p {
    margin: 15px 0px;
    font-size: 20px;
    text-align: center;
    color: var(--darkblue);
    display: flex;
    justify-content: space-evenly;
}


/* edit profile */

.profile-input {
    display: block;
    width: 100%;
    padding: 1rem 0.7rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkblue);
    background-color: #E4E7F0;
    background-clip: padding-box;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

textarea.profile-input {
    border-radius: 25px;
}

.profile-input:focus {
    border: 1px solid var(--darkblue);
}

.profile-input::placeholder,
input[type="date"] {
    color: var(--color);
    font-size: 14px;
}

div#edit-profile-content label {
    font-size: 17px;
    color: var(--darkblue);
}

div#edit-profile-content button.come-back,
#my-reminder-content button.come-back,
#coopration-modal button.come-back,
.credits button.come-back,
.add-credit a.come-back,
.remove-row button.come-back,
.increase-wallet .come-back,
.come-back {
    background: var( --darkblue) !important;
    color: var(--lightgray) !important;
    border-color: var( --darkblue) !important;
}

@media only screen and (max-width:481px) {
    div#edit-profile-content .user-img img {
        width: 50px !important;
        height: 50px !important;
    }
}

.btn1 span {
    margin: 0 10px;
}

.insurance-icon img {
    width: 55px;
    height: 55px;
    margin: 0 15px;
}

.insurance-info {
    padding: 3rem 4.3rem 3rem 2rem !important;
}

.insurance-info,
.transaction-info,
.reminder-info,
.insurance-posted-info {
    background: #E4E7F0;
    padding: 2rem;
    border-radius: 30px;
}

.insurance,
.transaction {
    position: relative;
    margin: 5rem 0;
}

.insurance {
    padding-right: 2.3rem;
}

.insurance *,
.transaction * {
    color: var(--darkblue);
    font-size: 15px;
    line-height: 2;
    word-break: break-word;
}

.transaction button {
    font-size: 13px;
    background: #f7d5d5;
    border: 1px solid #f7d5d5!important;
    padding: 5px 15px;
    margin: 1rem auto 0 0;
}

p.request-status {
    background: var(--lightgreen);
    border-color: var(--lightgreen);
    color: var(--darkblue);
}

@media only screen and (max-width:576px) {
    .transaction button {
        margin: 1rem auto 0;
    }
}

.insurance span,
.transaction p {
    font-weight: 600;
}

.transaction span {
    font-weight: 500;
}

.insurance-img {
    width: 140px;
    height: 140px;
    position: absolute;
    top: 11%;
    right: -4%;
}

.insurance .damage-price,
.insurance-posted .show-detail {
    position: absolute;
    bottom: -17%;
    left: 6%;
}

.bime-img img {
    overflow: hidden;
    position: relative;
    /* transition:1s ease-in-out; */
    filter: drop-shadow(0px 0px 0px #ff963d);
}

.bime-img {
    position: relative;
    transition: 1s;
}

.bime-sidebar .bime-img img.animated1 {
    animation: contrast 2s;
}

@keyframes contrast {
    50% {
        filter: contrast(1.2);
        transition: filter 2s ease-in-out;
    }
}

.bime-sidebar .bime-img::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    opacity: 0;
}

.bime-sidebar .bime-img.animated::before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
    opacity: 1;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@media only screen and (max-width:481px) {
    .insurance-img {
        width: 125px;
        height: 125px;
        position: absolute;
        top: -14%;
        right: 27%;
    }
    .insurance {
        position: relative;
        padding-right: 0;
        margin: 7rem 0 9rem;
    }
    .insurance-info,
    .transaction-info {
        padding: 4rem 3rem 3rem !important;
        flex-direction: column;
    }
    .insurance-info div,
    .transaction-info div,
    .reminder-info div,
    .insurance-posted-info div {
        justify-content: center;
        margin: 0.5rem 0;
    }
    .insurance .damage-price,
    .insurance-posted .show-detail {
        position: relative !important;
        bottom: unset;
        left: unset;
        margin: -30px auto;
    }
    .insurance *,
    .transaction * {
        color: var(--darkblue);
        font-size: 17px;
        line-height: 2;
    }
    .transaction .pay-date,
    .transaction .reminder-date {
        position: relative !important;
        top: unset !important;
        right: unset !important;
        margin: -30px auto;
        padding: 10px 20px;
    }
}


/* my transaction */

.transaction .pay-date,
.transaction .reminder-date {
    position: absolute;
    top: -17%;
    right: 32%;
}


/* my reminder */

.reminder-info {
    padding: 3.5rem 2rem 2rem !important;
}

.transaction .reminder-date span {
    color: red;
}


/* price inquiry */

#price-inquiry-content p,
#request-insurance-content p,
#request-supplement-content p {
    color: var(--darkblue);
    margin: 2rem 0;
    font-size: 17px;
    line-height: 2.1;
}

.insurance-type-item {
    position: relative;
    margin: 4% 0;
}

.insurance-type img {
    width: 65px;
    height: 65px;
    position: absolute;
    top: -35%;
    right: 0;
}

.insurance-type a:nth-child(2) {
    background: #E4E7F0;
    flex: 1 1 auto!important;
    text-align: center;
    color: var(--darkblue);
    padding: 12px 15px;
    border-radius: 30px 0 0 30px;
    margin-right: 3rem;
}

.insurance-type a h3 {
    font-size: 16px;
    margin: 0;
}

@media only screen and (max-width:481px) {
    .insurance-type-item {
        margin: 7% 0;
        padding: 0;
    }
}

@media (min-width:576px) and (max-width:991px) {
    .insurance-type {
        justify-content: center !important;
    }
    .insurance-type-item {
        position: relative;
        margin: 4% 0 !important;
    }
    .insurance-type img {
        width: 65px;
        height: 65px;
        position: absolute;
        top: -29%;
        right: 0;
    }
    .insurance-type a:nth-child(2) {
        margin-right: 2.5rem;
    }
}


/* request insurance */

.request-insurance {
    background: #E4E7F0;
    padding: 10px;
    border-radius: 25px;
    margin: 17px 0;
}

.request-insurance p,
.request-insurance a {
    margin: 5px 15px !important;
}

.request-insurance img {
    width: 40px;
    height: 40px;
}


/* suggestion */

#suggest-header,
.suggest-row-content,
.suggest-row-note,
#suggest-header-note {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
    padding: 2rem 1rem;
    position: relative;
}

.suggest-row-note,
#suggest-header-note {
    grid-template-columns: 2fr 2fr 1fr 1fr 1fr 2.5fr;
}

.suggest-row {
    position: relative;
    margin: 2rem 0 3rem;
}

div#suggest-header,
#suggest-header-note {
    border-bottom: 2px solid var(--color);
    margin: 2rem 0 0;
    padding: 1rem;
    font-weight: 600;
    color: var(--darkblue);
}

.note-table .suggest-row {
    margin: 2rem 0;
}

.suggest-row-note,
#suggest-header-note {
    text-align: center;
}

.suggest-row-content,
.suggest-row-note {
    background: #E4E7F0;
    border-radius: 25px;
    position: relative;
    align-items: center;
}

.show-all a {
    position: absolute;
    left: 4%;
    margin: -1.7rem 0px 1rem;
    z-index: 42 !important;
}

.suggest-body-cell a {
    margin: auto;
}

@media only screen and (max-width:991px) {
    #suggest-header,
    .suggest-row-content {
        grid-template-columns: 1fr;
        text-align: right;
        padding-right: 5rem;
    }
    .suggest-body-cell:before {
        position: absolute;
        right: 5%;
        font-weight: 600;
    }
    div#suggest-header {
        display: none;
    }
    .suggest-body-cell {
        margin: 0.5rem 0;
        text-align: center !important;
    }
    .suggest-row-content .suggest-body-cell:nth-child(1):before {
        content: "موضوع";
    }
    .suggest-row-content .suggest-body-cell:nth-child(2):before {
        content: "وضعیت";
    }
    .suggest-row-content .suggest-body-cell:nth-child(3):before {
        content: "کد تیکت";
    }
    .suggest-row-content .suggest-body-cell:nth-child(42):before {
        content: "تاریخ ارسال";
    }
}

@media only screen and (max-width:1200px) {
    .suggest-row-note,
    #suggest-header-note {
        grid-template-columns: 1fr;
        text-align: right;
        padding-right: 5rem;
    }
    #suggest-header-note {
        display: none;
    }
    .suggest-row-note .suggest-body-cell {
        margin: 0.5rem 0;
        text-align: center !important;
    }
    .suggest-row-note,
    #suggest-header-note {
        padding-right: 6.3rem !important;
    }
    .suggest-body-cell:before {
        position: absolute;
        right: 5%;
        font-weight: 600;
    }
    .suggest-row-note .suggest-body-cell:nth-child(1):before {
        content: "موضوع";
    }
    .suggest-row-note .suggest-body-cell:nth-child(2):before {
        content: "دسته بندی";
    }
    .suggest-row-note .suggest-body-cell:nth-child(3):before {
        content: "تاریخ ارسال";
    }
    .suggest-row-note .suggest-body-cell:nth-child(4):before {
        content: "نوع فایل";
    }
    .suggest-row-note .suggest-body-cell:nth-child(5):before {
        content: "وضعیت";
    }
    .suggest-row-note .suggest-body-cell:nth-child(6):before {
        content: "لینک دانلود";
    }
}

@media only screen and (max-width:576px) {
    .show-all a {
        margin: -1.7rem auto !important;
        position: relative !important;
        left: unset !important;
    }
}


/* .suggest-table tr:nth-child(even) td:last-child { */


/* position: absolute; */


/* bottom: -3rem; */


/* left: 15px; */


/* } */


/* .suggest-table .table tr { */


/* margin: 20px 0px 30px; */


/* width: 100%; */


/* display: table; */


/* border-radius: 20px !important; */


/* } */


/* .suggest-table tr:nth-child(odd) */


/* { */


/* margin-bottom:0; */


/* } */


/* .suggest-table tr:nth-child(even) */


/* { */


/* margin-top:0; */


/* } */


/* .suggest-table tr:nth-child(odd).open */


/* { */


/* border-radius: 20px 20px 0 0 !important; */


/* } */


/* li.nav-item a.active-item { */


/* background: #b7d1d0 !important; */


/* } */


/* .suggest-table tr:nth-child(even).open */


/* { */


/* border-radius:0 0  20px 20px!important; */


/* } */

table.table {
    overflow: hidden;
    min-width: max-content;
}


/* .suggest-table tbody tr { */


/* position: relative; */


/* background: #E4E7F0; */


/* border:25px solid transparent; */


/* } */


/* .suggest-table tr:nth-child(even) td[colspan="5"] { */


/* display: none; */


/* width: 100%; */


/* position: relative; */


/* } */


/* .suggest-table tr td { */


/* border: 0; */


/* padding: 2rem 5px; */


/* } */

.add-ticket-form input:not(input[type="file"]),
.add-ticket-form textarea,
.add-ticket-form button.ticket-file {
    background: #fff;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 16%);
    padding: 1rem;
    border: 1px solid transparent;
    margin: 0.5rem 0;
    border-radius: 20px;
    transition: 0.3s;
}

.add-ticket-form input:not(input[type="file"]):focus,
.add-ticket-form textarea:focus,
.add-ticket-form button.ticket-file:focus {
    border: 1px solid var(--color);
    box-shadow: 0px 2px 10px rgb(0 0 0 / 16%) !important;
}

.add-ticket-form button.ticket-file i {
    font-size: 20px;
    margin: 0 7px 0 0;
}

.add-ticket-form button.ticket-file {
    width: fit-content;
    margin: 1rem 0rem;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    color: var(--darkblue);
    justify-content: center;
}

.add-ticket-form button {
    /* margin: 1rem 0; */
    padding: 0.4rem 40px;
    /* border-radius: 20px; */
    font-size: 18px;
}

@media only screen and (max-width:481px) {
    .request-insurance {
        flex-wrap: wrap;
    }
    .request-insurance p,
    .request-insurance a {
        text-align: center;
    }
    .add-ticket-form button.ticket-file {
        width: auto;
    }
}

@media only screen and (max-width:610px) {
    .request-insurance div {
        flex: 1 1 auto !important;
        width: 100%;
        text-align: center;
    }
}

@media (min-width:481px) and (max-width:768px) {
    .request-insurance p,
    .request-insurance a {
        margin: 5px 5px !important;
    }
    .request-insurance {
        flex-wrap: wrap;
    }
}

.suggest-table .table td p {
    color: var(--darkblue);
    line-height: 2.2;
    padding: 0 1rem;
    margin-top: -2rem;
}

@media only screen and (max-width:768px) {
    .suggest-table table,
    .suggest-table thead,
    .suggest-table tbody,
    .suggest-table th,
    .suggest-table td,
    .suggest-table tr {
        display: block;
    }
    .suggest-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .suggest-table tr {
        margin: 2rem 0 2rem 0;
    }
    .suggest-table tr:nth-child(odd) td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 32%;
        right: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: pre-wrap;
        font-weight: 600;
        font-size: 15px;
    }
    div.panel-content .suggest-table table.table tr:nth-child(odd) td {
        padding: 1rem;
        vertical-align: middle;
        background: #E4E7F0;
        border: none;
        border-bottom: 1px solid var(--color);
        position: relative;
        padding-right: 45% !important;
    }
    div.panel-content .suggest-table table.table tr:nth-child(odd) td:last-child {
        border-radius: 0px 0 30px 30px;
        border-bottom: 0;
        margin-bottom: 2.5rem;
    }
    div.panel-content .suggest-table table.table tr:nth-child(odd) td:first-child {
        border-radius: 30px 30px 0px 0px;
    }
    .suggest-table tr:nth-child(odd) td:nth-of-type(1):before {
        content: "موضوع";
    }
    .suggest-table tr:nth-child(odd) td:nth-of-type(2):before {
        content: "کد تیکت ارسال شده";
    }
    .suggest-table tr:nth-child(odd) td:nth-of-type(3):before {
        content: "تاریخ ثبت";
    }
    .suggest-table tr:nth-child(odd) td:nth-of-type(4):before {
        content: "وضعیت";
    }
    .suggest-table tr:nth-child(odd) td:nth-of-type(5):before {
        content: "تاریخ پاسخ";
    }
    .suggest-table .table td p {
        text-align: justify;
    }
}


/* suggestion content */

@media only screen and (max-width:610px) {
    #suggestion-content h3 {
        text-align: center;
    }
}


/* 
view ticket page 
========================
*/

div#view-ticket {
    min-height: 565px;
    height: auto;
}

#reply-heading button.accordion-button img {
    width: 30px;
    height: 30px;
    margin: 0 10px;
}

div#reply-ticket form {
    width: 100%;
}

#reply-heading .accordion-button:not(.collapsed),
#reply-heading button.accordion-button.collapsed,
#reply-ticket .d-flex.accordion-body.add-ticket-form {
    background: var(--lightgreen) !important;
}

#reply-ticket .accordion-body img {
    width: 50px !important;
    height: 70px !important;
    margin-left: 10px;
}


/* ticket chat */

.ticket-section {
    min-height: 50vh;
    height: auto;
    max-height: 150vh;
    overflow-y: scroll;
    padding: 10px;
    position: relative;
    margin-top: 1rem;
}

.ticket-title h2 {
    text-align: right !important;
    margin-top: 4rem;
}


/* width */

.ticket-section::-webkit-scrollbar,
.chat-main-body::-webkit-scrollbar {
    width: 3px;
}


/* Track */

.ticket-section::-webkit-scrollbar-track,
.chat-main-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.ticket-section::-webkit-scrollbar-thumb,
.chat-main-body::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

.ticket-section::-webkit-scrollbar-thumb:hover,
.chat-main-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.message-box button {
    width: 42px;
    height: 42px;
    background: var(--lightorange);
    border: 0;
    border-radius: 50px;
    margin: 2px;
}

@media only screen and (max-width:1024px) {
    .message-box button {
        width: 36px;
        height: 36px;
    }
}

.message-box button img {
    width: inherit !important;
    height: inherit !important;
}

.message-box textarea {
    width: 100%;
    border: 0;
    border-radius: 15px;
    padding: 3px 7px;
    line-height: 2;
    color: var(--color);
}


/* .ticket-section img{ */


/* position: sticky; */


/* bottom: 0; */


/* transform: rotate(-90deg); */


/* width: 38px; */


/* height: 38px; */


/* background: #fff; */


/* border-radius: 50px; */


/* box-shadow: 0 0 10px #0000004f; */


/* padding: 10px; */


/* } */

.message-box textarea::-webkit-scrollbar {
    display: none;
}

.message-box {
    background: #e4e7f0;
    padding: 1rem 0.5rem;
    border-radius: 20px;
    margin-top: 2rem;
}

ul.ticket-list {
    display: flex;
    flex-direction: column-reverse;
}

.users-ticket li.ticket {
    background: var(--white);
    margin: 2rem 1rem 1rem 0;
    /* padding: 1rem; */
    border-radius: 20px;
    border: 1px solid gray;
    position: relative;
}

.ticket-info {
    background: #e4e7f0;
    border-radius: 15px;
    color: var(--darkblue);
    line-height: 2;
    padding: 1rem;
}


/* .users-ticket .btn2 {
    background: #545b6f;
    border-color: #e4e7f0;
    color: #ffffff;
    border-radius: 15px;
} */

.users-ticket li.ticket.support {
    border: 1px solid var(--lightorange);
}

.users-ticket li.ticket.user {
    border: 1px solid var(--lightgreen);
}

li.ticket .user-meta img {
    width: 55px;
    height: 55px;
    position: absolute;
    right: -20px;
    box-shadow: 0 0 10px #00000047;
    border-radius: 50px;
    object-fit: none;
    background: #fff;
    top: -22px;
}

li.ticket .user-meta {
    display: flex;
    padding: 1rem !important;
    flex-wrap: wrap;
    align-items: center;
}

li.ticket .ticket-content {
    padding: 1rem;
}

li.ticket.support .user-meta {
    background: var(--lightorange);
    border-radius: 18px 18px 0 0;
    color: var(--darkblue) !important;
}

li.ticket.user .user-meta {
    background: var(--lightgreen);
    border-radius: 18px 18px 0 0;
    color: var(--darkblue);
}

li.ticket .user-meta * {
    color: var(--darkblue);
}

li.ticket .ticket-content p {
    line-height: 2;
    color: var(--color);
    font-size: 15px;
}


/* .accordion-button::after { */


/* background-image: none !important; */


/* content: "+"; */


/* } */


/* .accordion-button:not(.collapsed)::after { */


/* transform: rotate(0deg) !important; */


/* content: "-"; */


/* } */


/* .accordion-button:not(.collapsed)::after { */


/* background-image: none !important; */


/* transform: rotate(0deg) !important; */


/* } */


/* increase-wallet */

.increase-wallet img {
    width: 3.5rem;
    height: 3.5rem;
    margin: 1rem;
}

.increase-wallet p {
    font-size: 1.7rem;
    color: var(--darkblue);
    line-height: 2;
}

.wallet-price {
    background: #E4E7F0;
    padding: 1rem 2rem;
    border-radius: 30px;
}

.wallet-price input {
    flex: 1 1 auto;
    background: transparent;
    border: 0;
    padding: 1rem;
    font-size: 1.3rem;
    text-align: left;
    color: var(--darkblue);
}

.wallet-price p {
    font-size: 1.3rem;
}

.prices p {
    font-size: 1.2rem;
}

.prices p:first-child span {
    color: #1C26FB;
}

.prices p:last-child span {
    color: #05BE01;
}

@media only screen and (max-width:481px) {
    .increase-wallet * {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .increase-wallet p {
        font-size: 1.2rem;
    }
    .wallet-price input {
        width: -webkit-fill-available;
    }
}


/*marketer panel
================================
*/


/*main panel*/

.marketer-panel {
    background: var(--darkblue);
}

.marketer-panel .panel-tabs .nav-item a {
    background: var(--lightorange);
    color: var(--darkblue);
}

.marketer-panel .user-meta * {
    color: #fff;
}

.marketer-panel .free-credit h3 {
    color: var(--white);
}

.insurance-posted {
    position: relative;
    margin: 3rem 0;
}

.insurance-posted-info {
    padding: 2rem 2rem 3rem;
}

.insurance-posted .show-detail {
    background: var(--darkblue);
    border-color: var(--darkblue);
}

.insurance-posted .show-detail p {
    color: var(--white) !important;
}

.insurance-posted-info div {
    background: var(--white);
    padding: 10px;
    margin: 5px 30px;
    border-radius: 15px;
}

.insurance-posted * {
    color: #1f2022;
    font-size: 16px;
    line-height: 2;
}

.insurance-posted-info div:nth-child(1) span {
    color: var(--color);
}

.insurance-posted-info div:nth-child(2) span {
    color: #17d300;
}

@media only screen and (max-width:576px) {
    .insurance-posted-info div {
        margin: 5px 0px !important;
    }
    .insurance-posted-info {
        flex-direction: column;
    }
}

@media (min-width:576px) and (max-width:1200px) {
    .insurance-posted-info div {
        background: var(--white);
        margin: 5px;
    }
    .insurance-posted-info {
        padding: 1rem 1rem 2.5rem;
    }
}


/* my notes */

h3.panel-title {
    background: var(--lightorange);
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    margin: 10px 0;
}




.month-notes ul {
    display: flex;
    justify-content: space-between;
}

.month-notes ul li {
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    margin: 2px;
}

.month-notes ul li.active-month a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #ffd6ba;
    bottom: -5px;
    right: 0;
    transition: 0.5s ease-in-out;
}

.month-notes ul li a {
    color: var(--darkblue);
    position: relative;
    transition: 0.5s ease-in-out;
}

.month-notes {
    background: var(--white);
    border-radius: 15px;
    padding: 15px 10px;
    margin: 1rem 0;
    box-shadow: 0 0 10px #0000004d
}

div.panel-content.my-notes,
div.panel-content.daneshname {
    padding: 4rem 2rem;
}

div.panel-content.my-notes div.note-table,
div.panel-content.my-notes.marketing-credit .credits {
    background: #e4e7f0;
    border-radius: 20px;
    padding: 1rem;
    margin: 1rem 0;
    position: relative;
    width: 100%;
}

div.panel-content.my-notes table.table th,
div.panel-content.my-notes table.table td,
div.panel-content.daneshname table.table td,
div.panel-content.daneshname table.table th {
    font-size: 14px;
}

div.panel-content.my-notes table.table th {
    color: var(--green);
    padding: 1rem;
}

div.panel-content.my-notes table.table tr td {
    border-bottom: 1px solid var(--color);
    vertical-align: middle;
    padding: 1.5rem 1rem;
}

div.panel-content.my-notes table.table tr:last-child td {
    border: 0 !important;
}

div.panel-content.my-notes table.table th:nth-child(1),
div.panel-content.my-notes table.table td:nth-child(1) {
    text-align: center;
}

div.panel-content.my-notes table.table td.description p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: 0.5s ease-in-out
}

div.panel-content.my-notes table.table td.description.view-all-note p {
    display: block !important;
    transition: 0.5s ease-in-out;
    line-height: 2;
}

table.table.my-note td p {
    width: 400px;
    word-break: break-word;
}

table.table.my-note td img {
    width: 45px;
    height: auto;
}

table.table.my-note td img.zoom {
    width: 45px;
    height: auto;
}

.edit-note img,
.edit-insurance img {
    width: 25px !important;
    height: 25px !important;
}

.edit-note button,
.edit-insurance button {
    background: transparent;
    border: 0;
    margin: 10px;
}

div.panel-content.my-notes button.view-all-note svg,
a.view-all-note svg {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
    margin-top: 4px;
}

button.view-all-note,
a.view-all-note {
    background: var(--white);
    border: 0;
    padding: 7px;
    border-radius: 30px;
    float: left;
    /* margin: 10px 0; */
    display: flex;
    width: max-content;
    color: #18181a;
}

.pagination {
    align-items: center;
}

.note-table .pagination .page-item:nth-child(1) .page-link,
.note-table .pagination .page-item:last-child .page-link,
.note-table .pagination .page-item .page-link[aria-label] {
    color: var(--darkblue);
    background-color: transparent !important;
    border: 0px solid #dee2e6 !important;
    width: fit-content;
    padding: 5px;
}

.note-table .pagination {
    font-size: 15px;
}

.note-table .pagination a.page-link,
.archive-blog .pagination a.page-link {
    background: var(--white);
    color: var(--darkblue);
    border: 0;
    margin: 5px 10px;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.panel-content.my-notes .pagination a.page-link:hover,
div.panel-content.my-notes .pagination .page-item.active .page-link,
div.panel-content.my-notes .pagination a.page-link:focus,
.archive-blog .pagination a.page-link:hover,
.archive-blog .pagination .page-item.active .page-link,
.archive-blog .pagination a.page-link:focus {
    background: var(--lightorange);
    color: var(--darkblue);
}

.note-table li.page-item svg,
.archive-blog li.page-item svg {
    width: 23px;
    height: 23px;
}

.note-table li.page-item a[aria-label="Previous"],
.archive-blog li.page-item a[aria-label="Previous"] {
    transform: rotate(180deg);
}


/* custom scrollbar */

.note-table .table-responsive::-webkit-scrollbar {
    height: 10px;
}


/* Track */

.note-table .table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}


/* Handle */

.note-table .table-responsive::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 5px;
}


/* Handle on hover */

.note-table .table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--darkblue);
}

div.panel-content .note-form-style textarea,
div.panel-content .note-form-style input {
    width: -webkit-fill-available;
    line-height: 1.5;
    display: block;
    border: 1px solid var(--color);
    border-radius: 30px;
    padding: 12px;
    margin: 0.5rem 0;
}

div.note-form-style {
    margin: 2rem 0;
    background: #e4e7f0;
    padding: 1rem;
    border-radius: 30px;
}

div.note-form-style p {
    color: var(--white);
    background: var(--darkblue);
    padding: 0.5rem;
    display: inline-block;
    border-radius: 30px;
    margin: 1rem;
}

div.note-form-style input#add-note-file,
div.note-form-style input#edit-note-file,
#edit-profile {
    visibility: hidden;
    position: absolute;
    width: 10px;
}

button.add-note-file,
button.edit-note-file {
    margin: 0.5rem 0;
    background: #fff;
    border: 1px dashed var(--color);
    width: 100%;
}

div.note-form-style input#add-note-file2,
div.note-form-style input#edit-note-file,
#edit-profile {
    visibility: hidden;
    position: absolute;
    width: 10px;
}

button.add-note-file2,
button.edit-note-file {
    margin: 0.5rem 0;
    background: #fff;
    border: 1px dashed var(--color);
    width: 100%;
}

div.note-form-style div {
    position: relative;
}

.upload-images {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

button.upload-file {
    background: var(--white);
    border: 2px dashed #ffd6ba !important;
}

.upload-images div {
    margin: 10px;
    position: relative;
}

.upload-images img {
    width: 50px;
    height: auto;
}

.upload-images div:before {
    position: absolute;
    content: "";
    background-image: url("../images/icon/close-alarm.svg");
    width: 20px;
    height: 20px;
    top: -8px;
    right: -5px;
    cursor: pointer;
}

.filter form {
    /* display: flex; */
    /* align-items:center; */
    /* flex-wrap:wrap; */
    width: 100%;
}

.filter form input,
.filter form select:not(.bd-calendar select) {
    border: 1px solid var(--green);
    padding: 0.6rem 1rem;
    border-radius: 50px;
    width: 100%;
    margin-left: 5px;
    color: var(--color);
    font-size: 14px !important;
}

.filter form label {
    color: var(--darkblue);
    font-size: 15px;
    margin: 10px 0 5px;
}

.form-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filter form select:not(.bd-calendar select) {
    padding: 0.5rem 1rem;
}

.filter form button:not(.bd-calendar button) {
    background: var(--green);
    padding: 8px 20px;
    border-radius: 50px;
    border: 0;
    color: var(--white);
}

.filter a.export-file {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0.5rem 0;
}

@media only screen and (max-width:481px) {
    div.panel-content.my-notes .pagination {
        display: flex;
        padding-right: 0;
        list-style: none;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
    }
    div.note-form-style div:last-child {
        justify-content: space-between;
    }
    div.note-form-style div:not(.bd-main) {
        padding: 0 !important;
    }
}

@media only screen and (max-width:991px) {
    .month-notes ul {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .month-notes ul li {
        margin: 10px;
    }
    div.panel-content.my-notes,
    div.panel-content.daneshname {
        padding: 4rem 1rem;
    }
    div.panel-content.my-notes .pagination {
        font-size: 14px;
    }
    div.panel-content.my-notes div.note-table {
        background: #e4e7f0;
        border-radius: 20px;
        padding: 1rem;
        margin: 1rem 0;
        overflow-x: scroll;
    }
}


/* insurance posted */

button.delete-row {
    background: var(--white);
    border: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border-radius: 30px;
    color: var(--darkblue);
}

.remove-row .modal-content img {
    width: 40px;
    height: 40px;
    margin-left: 1rem;
}

.remove-row .modal-content {
    border: 0;
    border-radius: 30px;
    box-shadow: 0 0 10px #0000004d;
}


/* daneshname */

.search-box .search form.input-group {
    background: transparent;
    border: 1px solid var(--darkblue);
    border-radius: 30px;
    padding: 6px 10px;
    justify-content: space-between;
    transition: 0.5s;
}

.search-box .search input[type="search"],
.search-box .search button {
    background: transparent;
    border: 0;
    padding: 4px 0;
}

.search-box .search input[type="search"] {
    width: 90%;
    padding-right: 10px !important;
    color: var(--darkblue);
}

.search-box .search input[type="search"]::placeholder {
    color: var(--darkblue);
}

.search-box .search form.input-group:focus-within {
    border: 1px solid var(--lightorange) !important;
}

.search-box .search input[type="search"]:focus {
    border: 0;
    outline: 0;
}

.search-box .search button {
    display: flex;
    align-items: center;
    padding: 0;
}

div.panel-content.daneshname table.table th {
    color: var(--darkblue);
    padding: 1rem 0.5rem;
}

.downloads img {
    width: 25px;
    height: 25px;
}

a.downloads {
    background: var(--white);
    padding: 7px 10px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
    color: var(--darkblue);
}

.ticket-content a.downloads {
    padding: 10px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
    box-shadow: 0 0 10px #0003;
}

a.downloads span {
    color: var(--darkblue);
    padding-left: 5px;
}

div.panel-content.daneshname table.table td {
    vertical-align: middle;
    padding: 1.5rem 0.5rem;
    background: #E4E7F0;
    border: 0;
}

div.panel-content.daneshname table.table td:first-child {
    border-radius: 0 30px 30px 0;
}

div.panel-content.daneshname table.table td:last-child {
    border-radius: 30px 0 0 30px;
}

@media only screen and (max-width:576px) {
    .panel-content .search input[type="search"] {
        width: 80%;
    }
    .panel-content .search form.input-group {
        margin-top: 4%;
    }
    .search {
        padding: 0;
    }
}

@media only screen and (max-width:768px) {
    .daneshname table,
    .daneshname thead,
    .daneshname tbody,
    .daneshname th,
    .daneshname td,
    .daneshname tr {
        display: block;
    }
    .daneshname thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .daneshname tr {
        margin: 2rem 0 2rem 0;
    }
    .daneshname td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 32%;
        right: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 600;
    }
    div.panel-content.daneshname table.table td {
        padding: 1rem;
        vertical-align: middle;
        background: #E4E7F0;
        border: none;
        border-bottom: 1px solid var(--color);
        position: relative;
        padding-right: 40% !important;
    }
    div.panel-content.daneshname table.table td:last-child {
        border-radius: 0px 0 30px 30px;
        border-bottom: 0;
    }
    div.panel-content.daneshname table.table td:first-child {
        border-radius: 30px 30px 0px 0px;
    }
    .daneshname td:nth-of-type(1):before {
        content: "موضوع";
    }
    .daneshname td:nth-of-type(2):before {
        content: "دسته بندی";
    }
    .daneshname td:nth-of-type(3):before {
        content: "تاریخ ارسال";
    }
    .daneshname td:nth-of-type(4):before {
        content: "نوع فایل";
    }
    .daneshname td:nth-of-type(5):before {
        content: "وضعیت";
    }
    .daneshname td:nth-of-type(6):before {
        content: "لینک دانلود";
    }
    .panel-content .search input[type="search"] {
        width: 80%;
    }
    .search button img {
        width: 25px;
        height: 25px;
    }
    .panel-content .search form.input-group {
        padding: 7px;
    }
}


/* marketing credit */

.credit-input {
    background: #fff;
    margin: 0.7rem 0;
    padding: 0.7rem;
    border-radius: 30px;
}

.credit-input input {
    width: 185px;
    background: transparent;
    border: 0;
}

.credit-input.file-input {
    border: 2px dashed #a6adc3;
}

button.file-upload,
button.upload-nameh {
    background: #ffffff !important;
    padding: 10px 20px;
    border-radius: 50px !important;
    border: 0px solid #a6adc3;
    box-shadow: 0 0 5px -1px #0000001f;
    width: auto !important;
    color: var(--darkblue);
}

.credit-input.file-input img {
    width: 100px;
    height: 50px;
}

.credit-input input[type="file"].visuallyhidden,
.add-ticket-form input[type="file"].visuallyhidden,
.visuallyhidden {
    visibility: hidden;
    position: absolute;
    width: 0 !important;
}

.credit-button {
    position: absolute;
    bottom: -4%;
    left: 0;
    justify-content: end;
}

.credit-button button {
    background: var(--darkblue) !important;
    border-color: var(--darkblue);
    color: var(--white);
}

.credit-input textarea {
    width: 100%;
    background: transparent;
    border: 0;
    line-height: 2;
}

.credit-input label {
    margin-left: 0.5rem;
}

.credits h3 {
    position: absolute;
    top: 0;
    right: 6%;
    margin-top: -1.5rem;
}

button.upload-nameh1,
button.upload-cheque {
    background: #ffd6ba !important;
    padding: 10px 20px;
    border-radius: 50px !important;
    border: 0px solid #a6adc3;
    box-shadow: 0 0 5px -1px #0000001f;
    width: auto !important;
}

.credit-input.file-input .image-file {
    margin: 7px 5px;
}

.credits h3 span {
    margin-right: 10px;
}

.credit-input.manager-desc {
    background: var(--green);
    height: 160px;
    overflow-y: scroll;
}

.credit-input.manager-desc ul li {
    padding: 0.5rem 1.5rem 0.5rem;
    line-height: 1.7;
    position: relative;
    color: var(--white);
}

.credit-input.manager-desc ul li span {
    color: var(--lightgreen);
}

.credit-input.manager-desc ul li:before {
    position: absolute;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    background: var(--lightgreen);
    right: 2px;
    top: 16px;
    border-radius: 50px;
}

.panel-content .filter {
    background: var(--lightgray);
    border-radius: 15px;
    margin-top: 2rem;
}

.credits p {
    color: var(--darkblue);
    font-weight: 600;
}

.credits.success {
    background: #e4edce !important;
}

.credits.unsuccess {
    background: #ffc5c5 !important;
}

.credits img.status {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    top: -7%;
    background-size: contain;
    left: -3%;
    z-index: 1;
    transform: rotate(-15deg);
    background-repeat: no-repeat;
}

@media only screen and (max-width:415px) {
    .credit-input {
        flex-direction: column;
    }
    .credit-input input[value] {
        text-align: center;
    }
}

@media only screen and (max-width:991px) {
    .credit-button {
        bottom: -5%;
    }
    .credits img.status {
        top: -6%;
    }
}


/* marketing credit history */

.marketing-credit {
    position: relative;
}

.marketing-credit .note-table,
.marketing-credit .credits {
    padding: 2.5rem 1rem 2.5rem !important;
    margin: 4rem 0 2rem !important;
    display: inline-block;
}

div.panel-content.my-notes h3.history-title {
    position: absolute;
    top: 40%;
    right: 10%;
    z-index: 10;
}

@media only screen and (max-width:481px) {
    div.panel-content.my-notes h3.history-title {
        position: absolute;
        top: 39%;
        right: 15%;
    }
}

@media (min-width:482px) and (max-width:576px) {
    div.panel-content.my-notes h3.history-title {
        position: absolute;
        top: 49%;
        right: 10%;
    }
}

@media (min-width:577px) and (max-width:1200px) {
    div.panel-content.my-notes h3.history-title {
        position: absolute;
        top: 41%;
        right: 10%;
    }
}

@media only screen and (max-width:481px) {
    .credits img.status {
        width: 70px;
        height: 70px;
        top: -3%;
        left: -6%;
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .credits img.status {
        width: 90px;
        height: 90px;
        top: -5%;
        left: -5%;
    }
}


/* add credit */

.add-credit {
    background: #fff !important;
}

.add-credit .credit-input {
    background: #e4e7f0;
}

.add-credit button,
.add-credit a {
    margin: 10px 0;
    width: 48%;
    justify-content: center;
}

.add-credit .credit-input input,
.add-credit .credit-input textarea {
    width: 100%;
}

.add-credit-description button,
.add-credit-description a img {
    width: 100%;
    height: 120px;
    padding: 0;
    border: 0;
    box-shadow: 0 0 5px -1px #00000075;
    margin: 1rem 0;
}

.add-credit-description button img {
    width: 100% !important;
    height: 100% !important;
}

.add-credit-description .description-info {
    background: #ffc5c5;
    margin: 0.5rem 0;
    padding: 1rem;
    border-radius: 25px;
}

.add-credit-description .description-info p,
.add-credit-description .description-info h4 {
    line-height: 2;
    color: var(--bs-gray-800);
}


/*form bime
================================
*/

.bime-panel,
.bime-sidebar {
    margin: 1rem 0;
}

.bimeha {
    background: var(--darkblue);
}

.bime-panel .bime-filter,
.bime-sidebar .bime-img,
.bime-panel .bime-search-list {
    background: var(--white);
    border-radius: 30px;
    height: 100%;
    padding: 1rem 0;
    /* overflow:hidden; */
}

.bime-sidebar .bime-img {
    overflow: hidden;
}

.bime-panel .bime-filter {
    padding: 2rem 1rem;
    /* height:650px; */
}

.bime-panel .bime-filter form {
    /* min-height:560px; */
    height: auto;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.disable {
    display: none;
}

fieldset select:not(.bd-calendar select),
fieldset input:not(.bd-calendar select,
fieldset input[type="checkbox"],
fieldset input[type="radio"]),
fieldset textarea {
    width: 100%;
    border: 1px solid #e4e7f0;
    background: #fff;
    padding: 8px 15px;
    border-radius: 30px;
    margin: 8px 0 20px;
    line-height: 1.7 !important;
}

fieldset input[type="checkbox"],
fieldset input[type="radio"],
.bime-search-list input[type="checkbox"],
.bime-sidebar input[type="checkbox"] {
    margin: 10px 0 10px 5px;
    vertical-align: middle;
}

.coverage-form {
    background: #fff;
    display: flex;
    border-radius: 25px;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    padding: 1.5rem 1rem;
    margin-top: 3rem;
}

.bime-search-list h4 {
    text-align: center !important;
    background: var(--green);
    color: var(--white) !important;
    padding: 10px;
    border-radius: 20px;
    margin: 1rem 0 2rem;
}

.year-date .tab-content ul {
    overflow: auto;
    height: 200px;
}

ul#progressbar {
    overflow: hidden;
    padding: 2rem 0 4rem;
    display: flex;
}

ul#progressbar li {
    width: 25%;
    float: right;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}

ul#progressbar li:after {
    width: 30px;
    height: 30px;
    background: var(--darkblue);
    position: absolute;
    content: "";
    border-radius: 50px;
    border: 10px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 32%);
    z-index: 1;
}

ul#progressbar li.active-bar:after {
    background-image: url(../images/icon/mark.svg);
    background-color: #fff;
    border: 0 !important;
}

ul#progressbar li:before {
    width: 100%;
    height: 4px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 29%);
    position: absolute;
    content: "";
    top: 12px;
    left: 50%;
}

ul#progressbar li.active-bar:before {
    background: var(--darkblue);
}

#progressbar li:first-child:before {
    content: none;
}

.bime-category {
    border-radius: 0 0 25px 25px;
    padding: 2rem 0 1rem;
    margin-top: -6rem;
    margin-bottom: 3rem;
    background: transparent;
}

.bimeha .bime-category {
    background: var(--white);
}

.bime-results .bime-category {
    background: var(--darkblue);
}

.bime-results .bime-category li a p {
    color: var(--white);
}

.bime-results .bime-category li a.active p {
    color: var(--darkblue);
}

.bime-section .bime-category {
    overflow: hidden;
}

.bime-category ul {
    display: flex;
    justify-content: space-between;
}

.bime-category ul li a {
    display: flex;
    margin: 0 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    padding: 2px 5px;
}

.bime-category li a p {
    margin: 4px 0;
    font-size: 13px;
    color: var(--darkblue);
    width: max-content;
    text-align: center;
}

.bime-category li a.active {
    background: var(--lightgreen);
}

.bime-category li a img {
    width: 55px;
    height: 55px;
}

button.action-button {
    background: transparent;
    border: 0;
    color: var(--green);
    margin: 1rem 2rem;
}

button.action-button img {
    width: 35px;
    height: 35px;
}


/* .bime-panel { */


/* height: 540px; */


/* } */


/* .bime-filter { */


/* height: inherit !important; */


/* } */

.bime-search-list table {
    width: 100%;
}

.insu-buy {
    font-size: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.insu-buy button.btn2 {
    padding: 2px 15px;
    font-size: 14px;
    transition: 0.2s ease-in-out;
}

.insu-buy button.btn2:hover {
    background: transparent;
    border: 1px solid #545b6f !important;
}

.price-table.table-one-col .insu-buy {
    font-size: 17px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.price-table.table-one-col .insu-buy * {
    margin-right: 52px !important;
}

.price-table.table-one-col .price-header,
.price-table.table-one-col .price-body .price-row-content {
    grid-template-columns: 1fr !important;
}

.bime-search-list table {
    width: 100%;
}

.bime-search-list tbody,
.bime-search-list thead {
    width: inherit;
}

.bime-search-list thead tr {
    display: flex;
}

.bime-search-list tbody tr {
    margin: 1rem 0 !important;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    display: flex!important;
    /* width: max-content; */
    flex-direction: row;
    /* flex-wrap: wrap; */
    width: 100% !important;
    border-radius: 20px;
    background: var(--white);
}

.bime-search-list td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    flex: auto;
    /* flex-flow: column; */
    padding: 1rem !important;
}

.bime-search-list th {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    flex: auto;
    padding: 1rem !important;
    width: 100% !important;
}

.bime-search-list .responsive-table {
    background: #E4E7F0;
    padding: 1rem;
    border-radius: 20px;
    margin-top: 2rem;
}

.bime-filter.bime-search-list p.btn1 {
    font-weight: 600;
}

.bime-filter button.come-back {
    background: var( --darkblue);
    color: var(--lightorange);
    border: 1px solid var( --darkblue);
    margin: auto;
    display: block;
    padding: 7px 40px;
    border-radius: 50px;
    font-size: 16px;
}

.bime-filter h3 , .bime-filter h1{
    color: var(--darkblue);
    /* margin: 2rem 0 1.5rem!important; */
    font-weight: 600;
    font-size : 1.3rem;
}

.bime-filter h4,
.bime-category-sidebar h4 {
    color: var(--green);
}

.bime-filter label,
.bime-sidebar label {
    color: var(--darkblue);
}

.bime-filter fieldset p {
    margin: 2rem 0 2.7rem;
}

.bime-filter form>div h3,
.bime-filter form>h3,
.bime-filter>h3 ,.bime-filter form>div h1,
.bime-filter form>h1,
.bime-filter>h1 {
    position: relative;
    z-index: 0;
}

.bime-filter form>div h3:before,
.bime-filter form>h3:before , .bime-filter form>div h1:before,
.bime-filter form>h1:before {
    position: absolute;
    content: "";
    width: 125%;
    height: 7px;
    background: var(--lightorange);
    bottom: 0px;
    right: 0;
    z-index: -1;
}

.bime-result-form {
    max-height: 5rem;
    transition: max-height 0.5s ease-out;
    position: relative;
    overflow: hidden;
    align-items: baseline;
}

.bime-result-form.show {
    max-height: 500px;
    position: relative;
    overflow: visible !important;
}

.edit-bime-form button.show-more,
.payment button.show-more {
    background: transparent;
    border: 0;
    color: var(--green);
    float: left !important;
    margin-left: 10px;
}

.edit-bime-form button.show-more svg,
.payment button.show-more svg {
    width: 15px;
    height: 15px;
    transform: rotate(-90deg);
    transition: 0.3s ease;
}

.edit-bime-form button.show-more.show svg {
    transform: rotate(90deg) !important;
}


/* .bime-result-form p {
    margin: 0.5rem 0 !important;
    background: #FAF9F9;
    padding: 0.5rem 1rem;
    border: 1px solid #e4e7f0;
    border-radius: 30px;
} */

.tab-date {
    position: relative;
}

.year-date {
    position: absolute;
    background: #fff;
    z-index: 99;
    width: 100%;
    box-shadow: 0 0 10px #0000003d;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px;
    top: 80px;
    right: 0;
}

.year-date .nav-pills .nav-link.active,
.year-date .nav-pills .show>.nav-link,
.year-date .nav-pills .nav-link {
    color: #fff;
    background-color: var(--green);
    color: var(--white);
    border-radius: 50px;
}

.year-date .nav-pills .nav-link {
    background-color: #f2f5ff;
    color: var(--darkblue);
}

.year-date .tab-content ul li,
ul.select-options li {
    padding: 5px 0;
    cursor: context-menu;
    transition: 0.3s ease-in-out;
    color: var(--darkblue);
}

.tab-content ul li:hover,
ul.select-options li:hover {
    background: var(--lightgreen);
}

.edit-bime-form select:not(.bd-calendar select),
.edit-bime-form input:not(.bd-calendar select),
.bime-search-list select,
.bime-sidebar select {
    width: 100%;
    border: 1px solid var(--green);
    border-radius: 25px;
    padding: 4px !important;
    line-height: 1.7;
    margin: 5px 0 20px 0;
    background: var(--white);
}

.quantity-field {
    display: flex;
    align-items: baseline;
}

button.decrease_n,
button.increase_n {
    width: 60px;
    background: #fff;
    border: 1px solid #e4e7f0;
    border-radius: 50px;
    margin: 3px;
    padding: 10px;
    background: #e4e7f0;
}

.quantity-field input {
    text-align: center;
}

.mosafer {
    display: flex;
    align-self: center;
    background: var(--green);
    padding: 7px;
    border-radius: 20px;
    margin: 5px 0 -4px 0;
}

.bime-img h3 {
    margin: 1rem 0 2rem;
    /*  font-size: 19px; */
    font-weight: 600;
}

.bime-img ul li {
    margin: 0.5rem 0;
}

.bime-img ul li a {
    display: flex;
    align-items: center;
    color: var(--darkblue);
    transition: 0.3s ease-in-out;
    background: var(--white);
    border-radius: 10px;
    padding: 0 0 0 1rem;
}

.bime-img ul li a:hover {
    background: var(--darkblue);
    color: var(--white);
}

.bime-img ul li img {
    width: 40px;
    height: 40px;
    margin-left: 10px;
}

.bime-category-sidebar {
    width: 85%;
    /* justify-content: center; */
    background: #fff;
    display: flex;
    border-radius: 25px;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    padding: 1.5rem 1rem;
}


/* .bime-category-sidebar ul {
    margin: 1rem 1rem 1rem 0;
} */

.bime-filter>h3:before {
    position: absolute;
    content: "";
    width: 30%;
    height: 7px;
    background: var(--lightorange);
    bottom: 0px;
    right: 0;
    z-index: -1;
}

.stars,
.stars ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.stars ul li {
    margin: 0 1px;
}

.off-price p {
    text-decoration: line-through;
    opacity: 0.7;
}

.bime-search-list {
    height: 100% !important;
}

.bime-search-result p {
    margin: 0.7rem 0 !important;
    font-weight: 600;
    color: var(--darkblue);
}

.bime-search-result,
.single-post-content,
.single-post-sidebar,
.user-comment-form,
.users-comments {
    background: var(--lightgray);
    padding: 1rem 0.5rem;
    border-radius: 20px;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    margin: 1.5rem 0;
    flex-wrap: wrap;
}

.bime-search-result>div {
    margin: 0.5rem;
}

.faq-title h3 {
    margin: 0 !important;
    padding: 0.7rem;
    background: var(--lightorange);
    border-radius: 30px;
    position: relative;
    z-index: 0;
}

.faq-title img {
    transform: rotate(-90deg);
    width: 20px;
    height: 27px;
    margin-top: -1%;
}

.faq-title h3:before {
    position: absolute;
    content: "";
    width: 24%;
    height: 50px;
    background: #ffd6ba;
    bottom: -50%;
    border-radius: 0 0 15px 15px;
    right: 38%;
    z-index: -1;
}

.accordion-body img {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}


/* .accordion-button::after { */


/* flex-shrink: 0; */


/* width: 1rem !important; */


/* height: 1.5rem !important; */


/* margin-right: auto; */


/* content: ""; */


/* background-image: url("../../../images/user-panel/arrow-icon-prev.svg") !important; */


/* background-repeat: no-repeat; */


/* background-size: 0.8rem; */


/* transition: transform .2s ease-in-out; */


/* transform: rotate(-90deg) !important; */


/* } */

.accordion-item {
    margin: 2rem 0;
    border: 0px solid;
    border-radius: 15px !important;
    overflow: hidden;
}

.accordion-button {
    color: var(--darkblue);
    font-weight: 600;
    background-color: var(--lightgray);
    line-height: 1.8;
}

.accordion-button:not(.collapsed) {
    color: var(--darkblue) !important;
    background-color: var(--lightgray) !important;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    font-size: 16px !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    transform: rotate(180deg);
}

.accordion-body p {
    color: var(--green) !important;
    line-height: 2;
}

.bime-description {
    background: #fff;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    border-radius: 30px;
    overflow: hidden;
}

.category-title {
    background: var(--lightgray);
    padding: 1rem 1rem 0.5rem;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
}

.category-content {
    padding: 2rem;
}

.category-content h1,
.category-content h2,
.category-content h3,
.category-content h4,
.category-content h5,
.category-content h6,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 1rem 0;
    display: block;
    color: var(--color);
    line-height: 1.8;
}

.category-content p,
.category-content a,
.post-content p,
.post-content a,
.post-tags li a {
    margin-bottom: 1rem;
    line-height: 2.5;
    color: var(--color);
    text-align: justify;
}

.category-content ul,
.post-content ul {
    list-style: disc;
    margin: 0 2.5rem 0 0;
}

.category-content ul li,
.category-content ol li,
.post-content ul li,
.post-content ol li {
    line-height: 2;
    color: var(--color);
}

.category-content a,
.post-content a,
.post-tags li a {
    color: var(--green) !important;
    transition: 0.3s;
    text-decoration: underline;
}

.category-content a:hover,
.post-content a:hover {
    color: var(--color) !important;
}

.category-content blockquote,
.post-content blockquote {
    margin: 1rem 0;
    position: relative;
    display: inline-block;
}

.category-content blockquote:before,
.post-content blockquote:before {
    position: absolute;
    content: "";
    background-image: url(../images/icon/quote.svg);
    width: 1.5rem;
    height: 1rem;
    background-size: contain;
    top: -1rem;
    background-repeat: no-repeat;
    right: -8px;
}

.category-content figcaption,
.post-content figcaption {
    font-style: italic;
    color: var(--darkblue);
    font-size: 14px;
}

.category-content img,
.category-content figure>img,
.post-content img,
.post-content figure>img {
    margin: 1rem 0;
    height: auto !important;
    max-width: 100%;
}

.category-content figure,
.post-content figure {
    max-width: 100%;
}

@media only screen and (max-width:481px) {
    .category-content {
        padding: 2rem 1rem;
        text-align: justify;
    }
    .bime-search-result {
        flex-direction: column;
    }
    .bime-filter>h3:before {
        width: 60%;
    }
}

@media only screen and (max-width:576px) {
    .bime-category li a p {
        width: 120px;
    }
    .bime-category ul li a {
        margin: 0;
        padding: 0;
    }
    .bime-category li a.active {
        background: transparent;
    }
    .bime-category li a.active p {
        color: var(--green);
    }
    .bime-results .bime-category li a.active p {
        color: var(--lightorange);
    }
}

@media only screen and (max-width:767px) {
    .bime-search-list .responsive-table {
        overflow: scroll;
        overflow-y: hidden;
    }
    .bime-search-list table {
        width: max-content !important;
    }
    .bime-panel .bime-filter {
        padding: 2rem 1rem;
        height: auto;
        /* position: relative;
        overflow: hidden; */
    }
    .bime-result-form.show {
        max-height: 1000px;
    }
    /* } */
    /* .action-button {
		margin: 0 0 1rem !important;
	}
	.step-btn
	{
		justify-content:space-between;
	} */
    .bime-filter form>div h3:before,
    .bime-filter form>h3:before {
        width: 200px;
    }
    .bime-filter form>div h3,
    .bime-filter form>h3,
    .bime-filter>h3 {
        margin: 1rem 0 !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bime-panel .bime-filter {
        padding: 2rem 1rem;
        height: auto;
    }
}

@media only screen and (max-width:1300px) {
    .bime-category {
        overflow-x: scroll;
        margin-top: -2rem;
    }
    /* .bime-category ul { */
    /* display: flex; */
    /* justify-content: flex-start; */
    /* } */
}


/*blog
========================
*/

.title-over-img article,
.title-over-img-2 article {
    position: relative;
    overflow: hidden !important;
    border-radius: 30px;
    margin: 1.5rem 0;
    transition: 0.5s ease-in-out;
}

.title-over-img article:hover,
.title-over-img-2 article:hover {
    box-shadow: 0 0 17px rgb(0 0 0 / 30%);
}

.title-over-img article img {
    width: 100%;
    height: 360px !important;
}

.title-over-img-2 article img {
    width: 100%;
    border-radius: 30px;
    height: 235px !important;
}

.article-img,
.post-img {
    position: relative !important;
}

.article-img:before,
.post-img:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    left: 1rem;
    top: 1rem;
    background-size: auto;
}

.title-over-img-2 article .article-img:before {
    background-size: 50%;
}

.title-over-img .article-title,
.title-over-img-2 .article-title {
    position: absolute;
    bottom: 0;
    padding: 3rem 0.5rem 0.3rem;
    text-align: center;
    background: linear-gradient(0deg, var(--darkblue), var(--green), transparent);
    display: flex;
    justify-content: center;
    height: 130px;
    align-items: center;
}

.title-over-img .article-title h3 {
    color: #fff;
    line-height: 1.8;
}

.title-over-img-2 article .article-title h3 {
    color: #fff;
    line-height: 1.8;
    font-size: 16px;
}

.archive-blog .title h2 {
    margin-right: 0;
}

.archive-blog article {
    display: flex;
    flex-wrap: wrap;
}

.article-blog {
    box-shadow: 0 6px 25px rgb(0 0 0 / 16%);
    border-radius: 30px;
    overflow: hidden;
    margin: 3rem 0;
}

.article-meta,
.article-meta div,
.article-meta div p,
.article-title,
.article-options,
.like-article,
.share-article,
.share-submenu {
    display: flex;
    /* align-items:center; */
}

.article-title img {
    margin-top: 10px !important;
}

.archive-blog .article-img img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 30px;
    width: 100%;
}

.archive-blog .article-img:before {
    left: 2rem;
    top: 2rem;
}

.archive-blog .article-meta img,
.archive-blog .article-title img {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 5px;
}

.archive-blog .article-content,
.archive-blog .article-img {
    padding: 1rem;
}

.article-meta p {
    font-size: 14px;
    color: var(--green);
}

.article-meta p span {
    margin-right: 3px;
}

.archive-blog .article-meta div {
    padding: 10px 0px;
}

.article-title {
    width: 100% !important;
}

.archive-blog .article-title {
    margin: 1rem 0;
}

.article-title h3 {
    line-height: 1.8;
    color: var(--darkblue);
    font-weight: 600;
    margin: 0;
}

.article-description p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--green);
    margin-bottom: 1.5rem;
}

ul.share-menu img,
.article-options svg {
    width: 27px;
    height: 27px;
    margin: 0 10px;
    z-index: 15;
    cursor: pointer;
}

ul.share-menu svg path {
    fill: var(--white);
}

.like-article.liked svg path {
    fill: red;
}

.like-article svg:hover path,
.liked {
    fill: red !important;
}

li.share:hover {
    background: var(--green);
}


/* li.share { */


/* display:flex; */


/* flex-direction: row-reverse; */


/* padding: 5px; */


/* border-radius: 23px; */


/* background: #fff; */


/* } */

.article-options .share-article,
.article-options .like-article {
    margin: 0.7rem;
}

ul.share-submenu {
    position: relative;
}

ul.share-submenu li {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    transform: translateX(0);
    transition: 0.9s;
    opacity: 0;
    max-width: 0;
}

li.share:hover ul.share-submenu li:nth-child(1) {
    z-index: 0;
    transition-delay: 0.3s;
    transform: translateX(0);
    opacity: 1;
    position: relative;
}

li.share:hover ul.share-submenu li:nth-child(2) {
    z-index: 0;
    transition-delay: 0.2s;
    transform: translateX(0);
    opacity: 1;
    position: relative;
}

li.share:hover ul.share-submenu li:nth-child(3) {
    z-index: 0;
    transition-delay: 0s;
    transform: translateX(0);
    opacity: 1;
    position: relative;
}

#article-slider button.owl-prev svg,
button.owl-next svg {
    width: 65%;
}

#article-slider button.owl-prev {
    position: absolute;
    top: 37%;
    right: -3%;
}

#article-slider button.owl-next {
    position: absolute;
    top: 37%;
    left: -3%;
}

.news-register-info {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.news-register-form form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.news-register .border {
    width: 10%;
    margin: 1rem auto 2rem;
}

section.news-register .news-register-info img {
    width: 30px;
    height: 30px;
    margin-left: 1rem
}

.news-register-info p {
    color: var(--darkblue);
    font-size: 17px;
}

.news-register-form input {
    flex: 1 1 auto;
    margin: 1rem 0 1rem 1rem;
    border-radius: 30px;
    border: 1px solid var(--color);
    padding: 10px 20px;
}

section.news-register .row {
    box-shadow: inset 0px 3px 15px rgb(0 0 0 / 16%) !important;
}

section.news-register h3 {
    color: var(--darkblue);
    font-weight: 600;
}

.hide-article a:last-child {
    display: none;
}

article:hover .hide-article a:first-child {
    display: none;
}

article:hover .hide-article a:last-child {
    display: block;
}

@media only screen and (max-width:768px) {
    .title-over-img article .article-title h3 {
        color: #fff;
        line-height: 1.8;
        font-size: 16px;
    }
    .title-over-img article,
    .title-over-img-2 article {
        margin: 0.5rem 0;
    }
}

@media only screen and (max-width:576px) {
    .article-options {
        justify-content: center !important;
    }
    .news-register-form input {
        margin: 1rem 0;
    }
}

@media only screen and (max-width:375px) {
    .title-over-img article img,
    .title-over-img-2 article img {
        height: 200px !important;
    }
}

@media (min-width:376px) and (max-width:576px) {
    .title-over-img article img,
    .title-over-img-2 article img {
        height: 220px !important;
    }
}

@media (min-width:576px) and (max-width:768px) {
    .title-over-img-2 article img {
        width: 100%;
        border-radius: 30px;
        height: 190px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .title-over-img article img,
    .title-over-img-2 article img {
        width: 100%;
        height: 220px !important;
    }
}


/* single post */

.single-post-content,
.user-comment-form,
.users-comments {
    padding: 2rem !important;
}

.single-post-sidebar {
    padding: 1rem !important;
}

.single-post-content .article-title img {
    width: 25px;
    height: 25px;
    margin: 0 10px 0 5px;
}

.user-comment-form,
.users-comments {
    background: #fff !important;
}

.single-post-content .article-title {
    margin-bottom: 2rem;
}

.post-option {
    margin: 1.5rem 0;
}

.post-img img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* height: 390px; */
}


/* .like:before, .like-article:before { */


/* position: absolute; */


/* content:  ""; */


/* width: fit-content; */


/* background: transparent; */


/* right: 5px; */


/* padding: 5px 3rem 5px 10px; */


/* border-radius: 50px; */


/* top: 0; */


/* z-index: -1; */


/* /* transition:1s; */


/* height: 38px; */


/* } */


/* .like:hover:before , .like-article:hover:before{ */


/* content: attr(aria-label); */


/* width: max-content; */


/* background: var(--green) !important; */


/* transition:1s; */


/* } */

ul.like li,
ul.share-menu li.share {
    overflow: hidden;
    list-style: none;
    white-space: nowrap;
    border-radius: 25px;
    display: inline-block;
    padding: 5px;
    transition: background 0.6s ease-in-out .1s;
}

ul.like li:hover {
    background: var(--green);
}

ul.like li p {
    opacity: 0;
    max-width: 0;
    float: left;
    display: block;
    padding-left: 5px;
    transition: max-width 0.6s ease-in-out .1s, opacity 0.6s ease-in-out .1s, color .2s;
}

ul.like li:hover p {
    opacity: 1;
    max-width: 150px;
}

ul.share-menu li.share:hover ul {
    max-width: 150px;
    opacity: 1;
}

ul.share-menu>li ul {
    max-width: 0;
    opacity: 0;
    float: right;
    transition: opacity 0.6s ease-in-out .1s, color .2s;
}

li.share:hover ul li {
    max-width: 100px;
}


/* .like { */


/* position: relative; */


/* background: transparent; */


/* border-radius: 30px; */


/* padding: 5px; */


/* z-index: 0; */


/* } */

.post-tags ul li {
    display: inline-block;
    margin: 0 1rem;
}

.post-tags {
    padding: 2rem 0;
}

.post-tags p {
    color: var(--darkblue);
    margin: 0 0 1rem 0;
    font-weight: 600;
}

.user-comment-form input,
.user-comment-form textarea,
.reply-form input,
.reply-form textarea {
    border: 1px solid transparent;
    border-radius: 17px;
    margin: 14px 0;
    padding: 11px;
    color: var(--darkblue);
    display: block;
    width: 100%;
    background: var(--lightgray);
    box-shadow: inset 0 0 5px -2px #00000070;
}

.user-comment-form input:focus,
.user-comment-form textarea:focus,
.reply-form input:focus,
.reply-form textarea:focus {
    border: 1px solid var(--lightorange);
}

.user-comment-form button {
    border-radius: 17px;
}

.users-comments .title h3 {
    position: relative;
    width: fit-content;
    margin: 1rem;
    overflow: hidden;
    z-index: 0;
    color: var(--darkblue);
}

.users-comments .title h3:before {
    position: absolute;
    content: "";
    width: 110%;
    height: 3px;
    background: var(--lightorange);
    bottom: 5px;
    z-index: -1;
}


/* request form */

.request-btn-list {
    margin: 3rem 0;
}

.request-form {
    /* border: 1px solid var(--green); */
    border-radius: 15px;
    padding: 1rem;
    margin: 2rem 0 0 0;
    background: #E4E7F0;
}

a.request-form-btn,
a.request-history-btn {
    padding: 7px 10px;
    border-radius: 20px;
    display: flex;
    background: var(--lightgreen);
    width: 100%;
    height: 120px;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    text-align: center;
    line-height: 2;
    color: var(--darkblue);
    font-size: 16px;
    overflow: hidden;
    transition: 0.75s ease-in-out;
}

a.request-form-btn:hover {
    box-shadow: 0 0 10px #00000045;
    background: var(--lightorange);
}

a.request-history-btn {
    background: var(--green);
    color: var(--lightgray);
    height: 170px;
}

a.request-history-btn:hover {
    box-shadow: 0 0 10px #00000045;
    background: var(--lightgreen);
    color: var(--darkblue);
}

.request-form form h3 {
    font-size: 18px;
    margin: 15px 10px;
    color: var(--darkblue);
}

.request-form form .info p,
div.note-form-style .info p,
.filter .info p,
.info p {
    color: #fc6600;
    line-height: 2;
    font-size: 14px;
    background: transparent;
    margin: 0 0 0 10px;
    width: 100%;
    padding: 0;
}

.request-form form label.label-form {
    width: 100%;
}

.radio-input {
    display: flex;
    align-items: center;
    margin: 0.6rem 15px;
}

.request-form label:not(.form-check-label) {
    color: var(--darkblue);
    margin: 1rem 0 0;
    font-size: 15px !important;
}

.request-form label.form-check-label {
    color: var(--darkblue);
}

.request-form input[type=number] {
    width: 100px;
    height: fit-content;
    border: 1px solid var(--darkblue);
    border-radius: 50px;
    padding: 7px 15px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-groups-text {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e4e7f0;
    border-radius: 15px;
    margin: 5px 0;
    width: 100%;
    padding: 0 10px;
    border: 1px solid transparent;
}

span.input-groups-text.focus_border {
    border: 1px solid #bbbaba;
}

.input-group input {
    margin: 0 !important;
}

.input-group input:focus {
    border: 1px solid transparent !important;
}

.input-group input:focus .input-group {
    border: 1px solid red !important;
}

.request-form input.form-control,
.request-form select.form-control {
    border-color: transparent !important;
    border-radius: 50px;
    padding: 10px 20px;
    height: fit-content;
}

.request-form select.form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    padding: 8px 20px;
}

.request-form textarea.form-control {
    border-color: transparent !important;
    border-radius: 25px;
    padding: 10px 20px;
}


/* .form-step input:not([type=radio],[type=checkbox],[type=number],.price-input input), .form-step textarea { */


/* width: 100%; */


/* } */

.price-input i {
    background: #fff;
    /* width: fit-content; */
    /* height: 100%; */
    padding: 9px;
    border-radius: 50px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: 600;
}

.form-step {
    display: flex;
    flex-direction: column;
}

.request-form h3.label-form img {
    width: 15px;
    height: 15px;
    margin: 0 10px;
    transition: 0.5s;
}

.dropdown-input {
    display: none;
    transition: 0.5s;
}

.request-form h3.label-form img.rotate {
    transform: rotate(-90deg);
}

.checkbox-input label {
    display: inline;
}

.request-form .upload-btn {
    background: #ffffff !important;
    padding: 10px 20px;
    border-radius: 50px !important;
    border: 0px solid #a6adc3;
    width: auto !important;
    color: var(--darkblue);
}

ul.show-upload img:nth-child(2) {
    width: 70px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

ul.show-upload {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

ul.show-upload li {
    position: relative;
    margin: 1rem 0;
}

ul.show-upload p {
    width: 100px;
    height: 35px;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    margin-top: 6px;
}

ul.show-upload button {
    position: absolute;
    background: transparent;
    border: 0;
    right: 6px;
    top: -15px;
    width: 40px;
    height: 40px;
}

.row-inputs,
.price-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem 0;
}

.row-inputs input[type=text] {
    width: 200px;
    margin-left: 10px;
}

button.add-field,
.remove-field {
    background: #fff;
    border: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50pc;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 2.1;
}

.remove-field {
    height: 20px;
    line-height: 1;
    color: red;
}

.req_step .para p {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: var(--darkblue)
}

@media only screen and (max-width:481px) {
    .single-post-content,
    .single-post-sidebar,
    .user-comment-form,
    .users-comments {
        padding: 1rem 0.7rem!important;
    }
    .post-option {
        margin: 1.5rem 0;
        justify-content: flex-start !important;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .article-options .share-article,
    .article-options .like-article {
        margin: 0.3rem 0;
        flex-direction: column;
        align-items: flex-start !important;
    }
    ul.like li,
    ul.share-menu li.share {
        display: flex;
    }
    ul.share-submenu {
        position: relative;
    }
    .share-article {
        align-items: flex-start !important;
    }
    .request-form {
        padding: 0;
    }
    .row-inputs {
        flex-direction: column;
        align-items: start !important;
    }
    .row-inputs input {
        width: 100% !important;
    }
}

@media only screen and (max-width:1080px) {
    .row-inputs {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:1300px) {
    .request-form input[type=number] {
        width: 100%;
    }
}


/* post sidebar */

.post-meta,
.post-category {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    margin: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
}

.post-category {
    padding: 1rem;
}

.add-bime img {
    border-radius: 20px;
}

.post-meta img,
.post-category img {
    width: 25px;
    height: 25px;
    margin-left: 10px;
}

.post-meta li {
    display: flex;
    align-items: center;
    margin: 1rem;
    font-size: 15px;
    color: var(--darkblue);
}

.post-category div li {
    margin: 0.5rem;
    font-size: 15px;
}

.post-category div {
    margin-top: 10px;
    height: 150px;
    overflow-y: scroll;
    width: 100%;
}


/* comments */

.comment-section {
    margin: 5rem 0 3rem;
}

.users-comments li.comment {
    margin: 4rem 2rem 4rem 0;
}

.users-comments ul.comment-children li.comment {
    margin: 4rem 1rem 1rem 0rem;
}

.comment-time,
.users-comments .user-name {
    display: flex;
    justify-content: space-between;
    margin: 0.7rem 0;
    align-items: center;
}

.users-comments .user-meta {
    position: relative;
    padding: 0.3rem 3.5rem 0.3rem 1rem;
    width: 60%;
    background: var(--lightgray);
    border-radius: 20px;
}

.comment-children .user-meta,
.users-comments .comment-children .comment-content {
    background: var(--lightgreen);
}

.users-comments .comment-content {
    padding: 1rem;
    background: var(--lightgray);
    border-radius: 20px;
    margin: 1rem 0;
}

.comment-content p {
    font-weight: 600;
    color: var(--darkblue);
}

.users-comments .user-img {
    position: absolute;
    width: 75px;
    height: 75px;
    border-radius: 50px;
    box-shadow: -4px 10px 17px rgb(0 0 0 / 30%);
    top: -30%;
    right: -6%;
    background-color: var(--white);
}

.users-comments .user-img img {
    width: inherit;
    height: inherit;
}

.comment-body p.user-type {
    background: var(--darkblue);
    padding: 2px 15px;
    color: var(--white);
    border-radius: 30px;
    font-size: 14px;
}

.comment-body .user-name {
    font-size: 17px;
    color: var(--darkblue);
}

.comment-time {
    color: var(--color);
    flex-wrap: wrap;
}

.comment-time span {
    font-size: 14px;
}

.reply-comment {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.reply-comment .post-option {
    margin: 0;
}

ul.comment-children {
    margin-right: 2rem;
}

ul.comment-children li {
    position: relative;
}

ul.comment-children li.comment:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon/reply.svg);
    top: -0.3rem;
    right: -4rem;
    z-index: 1;
    background-repeat: no-repeat;
}

.reply-comment button {
    border-radius: 20px;
}

@media only screen and (max-width:767px) {
    .users-comments .user-meta {
        padding: 2rem 1rem 0.3rem 1rem;
        width: 100%;
    }
    ul.comment-children {
        margin-right: 1.5rem;
    }
    ul.comment-children li.comment:before {
        right: -3.5rem;
    }
    .users-comments input::placeholder,
    .users-comments textarea::placeholder {
        font-size: 13px;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .users-comments .user-meta {
        padding: 2rem 1rem 0.3rem 1rem;
        width: 80%;
    }
}


/*این قسمت بعدا حذف بشه*/


/* section.bime-section .bime-img:hover img:first-child { */


/* display: none; */


/* } */


/* .bime-img  img.hover-img { */


/* display: none; */


/* } */


/* .bime-img:hover img.hover-img { */


/* display: block !important; */


/* } */


/* .bime-img img { */


/* width: 100%; */


/* height: 100%; */


/* } */


/*این قسمت بعدا حذف بشه*/

.menu-mobile ul li {
    margin: 10px;
    text-align: center;
    background: #ffd6ba;
    border-radius: 20px;
    padding: 10px;
}

.menu-mobile ul li a {
    color: #555b6e;
}

@media only screen and (max-width:481px) {
    section.bime-section h1 {
        color: var(--darkblue);
        font-size: 2rem;
    }
}

.bd-calendar button {
    background-size: 15px;
}


/* shapes */


/* .shape2 { */


/* position: absolute; */


/* top: 35%; */


/* right: -25%; */


/* width: 37%; */


/* z-index: -1; */


/* } */


/* .shape1 { */


/* position: absolute; */


/* top: 6%; */


/* width: 50%; */


/* left: -30%; */


/* z-index: -1; */


/* } */


/* .shape1{ */


/* position: absolute; */


/* top: 6%; */


/* width: 50%; */


/* left: -35%; */


/* } */


/* .shape2{ */


/* position: absolute; */


/* top: 6%; */


/* width: 50%; */


/* right: -40%; */


/* } */

.shapes {
    position: absolute;
    top: 0;
    width: 100%;
}

.shape1 {
    position: absolute;
    top: 12rem;
    right: -27%;
    width: 43%;
    z-index: -1;
    filter: blur(22px);
}

.shape2 {
    position: absolute;
    top: 13rem;
    left: -26%;
    width: 42%;
    z-index: -1;
    filter: blur(10px);
}

.shape3 {
    position: absolute;
    top: 4rem;
    right: 5%;
    width: 12%;
    z-index: -1;
    filter: blur(22px);
}

.shape4 {
    position: absolute;
    top: 10rem;
    right: 3%;
    width: 9%;
    z-index: -1;
    filter: blur(10px);
}

.shape5 {
    position: absolute;
    top: 23rem;
    left: -10%;
    width: 24%;
    z-index: -1;
    filter: blur(22px);
}

.testimonial .shape5 {
    top: 12rem;
}

.testimonial .shape6 {
    top: 26rem;
}

.shape6 {
    position: absolute;
    top: 37rem;
    left: 3%;
    z-index: -1;
    width: 9%;
    filter: blur(11px);
}

.shape7 {
    position: absolute;
    width: 8%;
    top: 30rem;
    right: 34%;
    filter: blur(10px);
    z-index: -1;
}

.shape8 {
    position: absolute;
    width: 6%;
    top: 27rem;
    right: 37%;
    filter: blur(10px);
    z-index: -1;
}

.shape9 {
    position: absolute;
    width: 13%;
    top: 6rem;
    right: 67%;
    filter: blur(15px);
    z-index: -1;
}

.shape10 {
    position: absolute;
    width: 7%;
    top: 12rem;
    right: 65%;
    filter: blur(15px);
    z-index: -1;
}

.shape11 {
    position: absolute;
    top: 50rem;
    right: 10%;
    width: 9%;
    filter: blur(12px);
    z-index: -1;
}

.shape12 {
    position: absolute;
    top: 49rem;
    right: 33%;
    width: 5%;
    filter: blur(12px);
    z-index: -1;
}

.shape13 {
    position: absolute;
    top: 50rem;
    left: 5%;
    width: 13%;
    filter: blur(20px);
    z-index: -1;
}

.shape14 {
    position: absolute;
    top: 49rem;
    left: 5%;
    width: 6%;
    filter: blur(20px);
    z-index: -1;
}

.shape15 {
    position: absolute;
    top: 80rem;
    right: 0;
    width: 13%;
    filter: blur(12px);
    z-index: -1;
}

.shape16 {
    position: absolute;
    top: 88rem;
    right: 7%;
    width: 7%;
    filter: blur(12px);
    z-index: -1;
}

.shape17 {
    position: absolute;
    top: 98rem;
    left: -1%;
    width: 13%;
    filter: blur(12px);
    z-index: -1;
}

.shape18 {
    position: absolute;
    top: 106rem;
    left: 7%;
    width: 7%;
    filter: blur(12px);
    z-index: -1;
}

@media only screen and (max-width:576px) {
    .shape1 {
        top: -5rem;
        right: -103%;
        width: 126%;
    }
    .shape2 {
        top: 19rem;
        left: -89%;
        width: 120%;
    }
    .shape3 {
        top: 2rem;
        right: -51%;
        width: 69%;
        ;
    }
    .shape4 {
        top: 10rem;
        right: -20%;
        width: 38%;
    }
    .shape5 {
        top: 23rem;
        left: -65%;
        width: 92%;
    }
    .shape6 {
        top: 40rem;
        left: -11%;
        width: 29%;
    }
    .testimonial .shape5 {
        top: 9rem;
    }
    .testimonial .shape6 {
        top: 28rem;
    }
    .shape7 {
        width: 25%;
        top: 27rem;
        right: -3%;
    }
    .shape8 {
        width: 19%;
        top: 25rem;
        right: 4%;
    }
    .shape9 {
        width: 30%;
        top: 4rem;
        right: 78%;
    }
    .shape10 {
        width: 13%;
        top: 8rem;
        right: 77%;
    }
    .shape11 {
        width: 24%;
        right: 0%;
        top: 111rem;
    }
    .shape12 {
        top: 115rem;
        right: 4%;
        width: 20%;
    }
    .shape13 {
        top: 44rem;
        left: -16%;
        width: 34%;
    }
    .shape14 {
        top: 50rem;
        left: 5%;
        width: 12%;
        filter: blur(12px);
    }
    .shape15 {
        top: 155rem;
        right: 6%;
        width: 26%;
    }
    .shape16 {
        top: 154rem;
        right: 5%;
        width: 13%;
    }
    .shape17 {
        top: 220rem;
        left: -1%;
        width: 26%;
    }
    .shape18 {
        top: 218rem;
        left: 10%;
        width: 16%;
    }
}

@media (min-width:576px) and (max-width:991px) {
    .shape1 {
        top: -5rem;
        right: -103%;
        width: 126%;
    }
    .shape2 {
        top: -4rem;
        left: -89%;
        width: 120%;
    }
    .shape3 {
        top: 2rem;
        right: 2%;
        width: 19%;
    }
    .shape4 {
        top: 7rem;
        right: 2%;
        width: 15%;
    }
    .shape5 {
        top: 32rem;
        left: -13%;
        width: 30%;
    }
    .shape6 {
        top: 41rem;
        left: 3%;
        width: 12%;
    }
    .testimonial .shape5 {
        top: 8rem;
        left: -7rem;
    }
    .testimonial .shape6 {
        top: 18rem;
    }
}


/* taghvim */


/* .bd-main { */


/* border: 1px solid #e4e7f0 !important; */


/* border-radius: 5px !important; */


/* } */


/* .bd-table thead { */


/* background-color: var(--green) !important; */


/* color: #fff; */


/* } */


/* .bd-table thead tr th:first-child { */


/* border-radius: 0 5px 0 0 !important; */


/* } */


/* .bd-table thead tr th:last-child { */


/* border-radius: 5px 0 0 0 !important; */


/* } */


/* .bd-holiday { */


/* background-color: #ffd6bacf!important; */


/* } */


/* .bd-today { */


/* background-color: var(--lightgreen)!important; */


/* color: #227e57 !important; */


/* } */


/* .bd-table-days button:hover:enabled { */


/* color: var(--bs-pink) !important; */


/* } */

.slide-menu {
    max-height: 0;
    overflow: hidden;
}

.is-active .slide-menu {
    max-height: 200vh;
    padding-right: 1rem;
    padding-left: 3px;
}


/* .is-active .toggle-menu > a
{
    background:var(--darkblue);
} */

.is-active ul.toggle-menu {
    position: relative;
    padding-right: 1rem;
    max-height: 200px;
}

.toggle-menu {
    position: relative;
}

.toggle-menu i {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
    width: 17px;
    height: 17px;
}

.toggle-menu i svg {
    width: inherit;
    height: inherit;
    transition: 0.3s ease-in-out;
}

.is-active svg path {
    fill: var(--white);
}

.is-active i svg {
    transform: rotate(-90deg);
}

.panel-tabs a.nav-link.active-item i {
    transform: rotate(45deg);
}


/* user sidebar */

.user-panel .is-active .slide-menu li a {
    background: var(--lightorange);
    color: var(--darkblue);
}

.user-panel li a.active {
    background: var(--darkblue) !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 33%) !important;
    color: var(--white) !important;
}


/* .panel-tabs a.nav-link.active-item
{
	background: #b6d9d7 !important;
	box-shadow: 0 0 10px rgb(0 0 0 / 33%) !important;
} */


/* marketer panel */

.marketer-panel .is-active .slide-menu li a {
    background: var(--lightgreen);
    color: var(--darkblue);
}

.marketer-panel li a.active {
    background: var(--green) !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 33%) !important;
    color: var(--white) !important;
}


/* .marketer-panel .is-active .slide-menu li a{
    background: var(--lightgreen) ;
}
*/

.marketer-panel .is-active svg path {
    fill: var(--darkblue);
}

.price-table .price-header,
.price-table .price-body .price-row-content {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr;
    text-align: center;
    /* grid-gap: 30px; */
}

.price-table.table-two-col .price-header,
.price-table.table-two-col .price-body .price-row-content {
    grid-template-columns: 1fr 1fr;
}

.price-body-cell {
    display: flex;
    justify-content: space-around;
    padding: 2rem 1rem;
}

.table-two-col .price-body-cell {
    padding: 1.5rem 1rem !important;
}

.price-table {
    margin-top: 2rem;
    background: #E4E7F0;
    border-radius: 25px;
    padding: 1rem;
}

.price-table .price-header {
    font-weight: 600;
    padding: 1rem;
}

.price-row-content {
    margin: 1rem 0 2rem !important;
    box-shadow: 0 0px 8px rgb(0 0 0 / 16%);
    width: 100% !important;
    border-radius: 20px;
    background: var(--white);
    /* padding: 0 1rem; */
    position: relative;
    overflow: hidden;
}


/* .price-body-cell:first-child {
    background: linear-gradient(45deg, transparent ,transparent 47%, #0dcb1c 111%);
    border-radius: inherit;
} */

.price-row-content:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 97%;
    border-radius: 0 96px 76px 0;
    /* width: 50px;
    height: 50px;
    border-radius: 100px;
    right: 0px;
    top: 2px; */
    /* width: 100%;
    height: 5px;
    border-radius: 100px;
    right: 0px;
    top: 0px; */
}


/* .price-row-content:after {
    position: absolute;
    background: linear-gradient(70deg,transparent 11%, #20bd2c 111%);
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100px;
    right: 1px;
    top: 51px;
} */

.price-row-content.red:before,
.price-row-content.red:after {
    background: linear-gradient(70deg, transparent 11%, #c90e0e 111%);
    /* background-image: repeating-linear-gradient(-45deg,#c90e0e 0px,#c90e0e 10px,transparent  10px,transparent 20px);   */
}

.price-row-content.darkyellow:before,
.price-row-content.darkyellow:after {
    background: linear-gradient(70deg, transparent 11%, #e49502 111%);
    /* background-image: repeating-linear-gradient(-45deg,#e49502 0px,#e49502 10px,transparent  10px,transparent 20px);   */
}

.price-row-content.lightyellow:before,
.price-row-content.lightyellow:after {
    background: linear-gradient(70deg, transparent 11%, #e4bb02 111%);
    /* background-image: repeating-linear-gradient(-45deg,#e4bb02 0px,#e4bb02 10px,transparent  10px,transparent 20px);   */
}

.price-row-content.lightgreen:before,
.price-row-content.lightgreen:after {
    background: linear-gradient(70deg, transparent 11%, #0ec90e 111%);
    /* background-image: repeating-linear-gradient(-45deg,#0ec90e 0px,#0ec90e 10px,transparent  10px,transparent 20px);   */
}

p.row-info {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: right;
    padding: 0 1rem 0.5rem;
    width: fit-content;
    cursor: pointer;
}

@media only screen and (max-width:768px) {
    .price-table .price-row-content {
        padding-top: 2rem;
    }
    .price-table .price-body .price-row-content,
    .price-table.table-two-col .price-body .price-row-content {
        display: grid;
        /* grid-template-rows: 1fr 1fr 1fr !important; */
        grid-template-columns: 1fr;
        text-align: center;
    }
    p.row-info {
        grid-column-end: 1;
        text-align: center;
    }
    .price-body-cell {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .price-header {
        display: none !important;
    }
    /* .price-row-content .price-body-cell:first-child {
        justify-content: end;
    } */
    .table-two-col .price-row-content .price-body-cell:first-child {
        justify-content: center;
    }
    .price-row-content .price-body-cell {
        position: relative;
        padding: 2.5rem 1rem !important;
    }
    .price-row-content .price-body-cell:before {
        position: absolute;
        content: attr(data-title);
        top: -5px;
        font-weight: 600;
    }
}

.popover {
    min-width: 300px;
    width: fit-content;
    max-width: 300px;
    left: 0 !important;
    border-radius: 15px !important;
    font-family: 'IranSans' !important;
    box-shadow: 0 0px 16px -2px rgb(0 0 0 / 30%);
    border: 0;
    z-index: 99 !important;
}

.popover .popover-arrow {
    z-index: -1;
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
    filter: blur(4px);
}

.popover-body {
    font-size: 16px !important;
    background-color: #ffffff !important;
    border-bottom: 0px solid rgba(0, 0, 0, .2) !important;
    line-height: 1.5 !important;
    border-radius: inherit !important;
}


/* select option custom style */

.select-hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.select {
    width: 100%;
    height: 43px;
    border: 1px solid #e4e7f0;
    border-radius: 50px;
    position: relative;
    margin: 8px 0 20px;
}

ul.select-options {
    position: absolute;
    top: 43px;
    z-index: 1;
    width: 100%;
    max-height: 300px;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 0 10px #0000003d;
    display: none;
    overflow: hidden;
    overflow-y: auto;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 15px;
}

ul.select-options li {
    padding: 8px;
}

.select-styled:after {
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate( -90deg);
    content: " ";
    width: 10px;
    height: 15px;
    position: absolute;
    top: 13px;
    left: 13px;
    background-image: url(../images/icon/arrow-icon-prev.svg);
}


/* passenger-list */

.list-head p,
.list-body p {
    margin: 15px 0 !important;
    text-align: center;
}

.passenger-list .list-head,
.passenger-list .list-body {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    width: 100%;
}

.passenger-list .list-head p {
    margin-right: 25px !important;
}

.passenger-list .list-head {
    background: var(--green);
    border-radius: 25px;
    color: #fff;
}

.passenger-list button {
    background: transparent;
    border-radius: 50px;
    color: #d90303;
    border: 1px solid #d90303;
    width: 25px;
    height: 25px;
}

@media only screen and (max-width:576px) {
    .list-head,
    .list-body {
        font-size: 14px;
    }
    .list-head p {
        margin-right: 10px !important;
    }
}


/* payment */

.payment {
    margin-top: 8em;
}

.payment h3 {
    color: var(--darkblue);
    margin-top: 2em;
}

.payment-content {
    /* border: 1px solid #d1d5d5; */
    border-radius: 25px;
    padding: 25px 10px;
    overflow: hidden;
    margin: 0.5rem 0 1rem 0;
    /* max-height: 235px !important; */
    transition: max-height 0.5s ease-out;
    background: #e6efed;
    box-shadow: 0 0 10px #00000012;
}

.payment input {
    vertical-align: middle;
}

.payment-content .form-control {
    color: var(--darkblue);
    background-color: #fff;
    border: 1px solid #dfe4e9;
    border-radius: 50px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-top: 10px;
}

.payment-content .form-control:focus,
button.file-upload:focus {
    border-color: var(--lightgreen);
}

.payment a {
    color: var(--green);
}

.payment-content .file-upload {
    padding: 20px 30px;
    border: 1px solid #dfe4e9;
    box-shadow: 0 0 0 0 #0000001f !important;
    width: 100% !important;
    height: 180px;
    line-height: 2;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}


/* .table-info.show {
    max-height: 100% !important;
}
.table-info table{
    width:100%;
}
.table-info th {
    width: 25%;
    border-bottom: 1px solid #cde1e0;
    vertical-align: baseline;
    color: var(--darkblue);
    padding: 10px 30px 10px 0;
}
.table-info table:last-child tr:last-child th,.table-info table:last-child tr:last-child td{
    border-bottom: 0px solid #cde1e0;
}
.table-info td {
    border-bottom: 1px solid #cde1e0;
}
.table-info td p {
    background: var(--green);
    color: #fff;
    margin: 5px;
    padding: 3px 15px;
    border-radius: 5px;
    width:fit-content;
    margin: auto;
} */

.pament-price {
    background: var(--green);
    margin: 1rem 0;
    border-radius: 25px;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    float: left;
    width: 100%;
}

.payment-info {
    margin: 5px 0;
}

.payment-info p {
    color: #ff9d5a;
    background: #ff9d5a;
    color: #fff;
    line-height: 2;
    padding: 0 10px;
    border-radius: 20px;
    font-size: 15px;
}

.payment-title p {
    color: var(--green);
    margin-right: 10px;
}

.payment i {
    color: #ff9d5a;
}

.payment-info i {
    background: #ff9d5a;
    width: 27px;
    height: 27px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    line-height: 2;
    margin-left: 5px;
    font-size: 15px;
}

.payment label.form-lable {
    color: var(--darkblue);
}

.payment-content .nav-pills .nav-link.active,
.payment-content .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--green) !important;
}

.installment-payment {
    display: inline-block;
    width: 100%;
}

.payment-content .nav-link {
    color: var(--darkblue);
    background: #d1e9e7 !important;
    margin: 0 5px;
    border-radius: 50px;
    position: relative;
}

.payment-content a.active:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #89b0ae;
    top: -10px;
    right: 0;
    border-radius: 50px;
}

.payment-content ul {
    margin-bottom: 2rem;
}

.payment-radio input[type="radio"] {
    appearance: none;
    display: none;
}

.payment-content textarea.form-control {
    border-radius: 20px !important;
}

.payment-radio label {
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: inherit;
    width: fit-content;
    height: 40px;
    text-align: center;
    border-radius: 100px;
    overflow: hidden;
    transition: linear 0.3s;
    color: var(--darkblue);
    background: #d1e9e7 !important;
    padding: 0 40px;
    margin: 5px 15px;
}

.payment-radio input[type="radio"]:checked+label {
    background-color: var(--green) !important;
    color: var(--white);
    transition: 0.3s;
}

.add-passport button,
.payment-content #add-new-address {
    background: transparent;
    border: 0;
    transform: rotate(45deg);
}

.payment-content #add-new-address {
    margin-top: 1rem;
    float: left;
}

.payment-content div {
    position: relative;
}

.payment-content button.close {
    background: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 10px;
}

.payment-content .doktor-address {
    list-style-type: none;
    counter-reset: css-counter 0;
    /* initializes counter to 0; use -1 for zero-based numbering */
}

.payment-content .doktor-address p {
    counter-increment: css-counter 1;
    width: 30px;
    height: 30px;
    background: #ff9d5a;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    right: 4px;
    line-height: 2;
}

.payment-content .doktor-address textarea {
    padding: 6px 50px;
}

.payment-content .doktor-address p:before {
    content: counter(css-counter);
    /* Apply counter before children's content. */
}

.payment-content .doktor-address div button.close {
    background: transparent;
    border: 0;
    position: absolute;
    top: 3px;
    left: -2px;
    right: unset;
}

.table-info .column-1 {
    padding: 1.5em;
}

.table-info {
    border: 1px solid var(--green);
    border-radius: 25px;
    margin-top: 1rem;
}

.table-info .column-1>div {
    border-bottom: 1px solid var(--lightgreen);
    padding: 0.8rem 0;
}

.table-info .column-1 div:last-child {
    border: 0;
}

.table-info .column-1 div p {
    font-size: 15px;
    line-height: 1.8;
}

.table-info .column-1>div>p:first-child {
    font-weight: bold;
}

.installment-price {
    display: flex;
    background: var(--lightgreen);
    padding: 0.5rem 2rem;
    border-radius: 50px;
    margin: 5px;
    width: 335px;
    justify-content: center;
}

.installment-price p {
    margin: 0 10px;
}

form.installment-terms div {
    padding: 1rem;
    border: 1px solid #bee3db;
    border-right: 0;
    border-left: 0;
    margin: 2rem 0;
}

form.installment-terms label {
    padding: 10px 0;
    color: var(--darkblue);
    line-height: 1.8;
}

form.installment-terms input {
    margin-left: 10px;
}

@media only screen and (max-width:423px) {
    .payment-content .nav-link {
        font-size: 12px;
    }
    .payment-content ul.nav {
        justify-content: center !important;
    }
}

@media(min-width:424px) and (max-width:576px) {
    .payment-content .nav-link {
        font-size: 15px;
    }
}

@media only screen and (max-width:480px) {
    .pament-price {
        font-size: 18px;
    }
    .payment-content .file-upload {
        padding: 10px 20px;
        border-radius: 35px !important;
    }
    .payment-content button.close svg {
        width: 25px;
    }
}

@media only screen and (max-width:576px) {
    .payment-content .doktor-address textarea {
        height: 100px;
        padding: 10px 40px 10px 33px;
    }
    .table-info .column-1 {
        padding: 0 1.5em;
    }
    .table-info {
        padding: 1.5em 0;
    }
    .table-info .column-1:first-child div:last-child {
        border-bottom: 1px solid inherit;
    }
    .table-info .column-1:last-child div:last-child {
        border: 0;
    }
    .table-info .column-1 div p {
        font-size: 13px;
    }
    .installment-price {
        padding: 0.5rem 1rem;
    }
}



.enamad {
    width: 150px;
    height: 150px;
    background: #f1f2f7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5rem auto 0;
    border-radius: 100%;
}

.info-icon{
width: 20px;
vertical-align: middle;
animation: palse 2s infinite;
transform: scale(1);
margin-right: 5px;
}
@keyframes palse{
0%{
transform: scale(1);
}
50%{
transform: scale(0.8)
}
}


.dropdown.logined-btn button img:first-child {
    width: 6px;
    margin-left: 10px;
}

p.file-name {
    font-size: 14px;
    margin-top: 10px;
}
p.file-name button img {
    width: 18px;
}
p.file-name button {
    background: transparent;
    border: 0;
    padding: 0;
}