* { margin: 0px; padding: 0px; box-sizing: border-box; font-family: Tanha; text-align: right !important; }
a { color: rgb(255, 255, 255) !important; }
input{outline: none !important;filter: none;}
a:hover { text-decoration: none !important; }
:root { --green-one:#6ccb82; --light-blue:#007BFC; --font-color:#5e7290 ; }
p { color: rgb(131, 132, 135); line-height: 1.7; font-size: 16px !important; }
.scheme_title {color: #6ccb82 !important;}
.sc_item_subtitle { color: rgb(175, 177, 184); }
img{max-width: 100%;height: auto;}
strong { color: rgb(33, 33, 33); }
button{outline:none;}
@font-face { font-family: Tanha; src: url("../fonts/Tanha.ttf") format("truetype"); font-weight: normal; }
.index_slider img { width: 100%; }
.site-header { position: absolute; z-index: 100; background: transparent; width: 100%; }
.topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.topbar::before { display: table; content: ""; }
.info { padding-top: 11.25pt; color: rgb(255, 255, 255); }
.info ul li { float: right; list-style: none; font-size: 15px; }
.info ul li:first-child { margin-left: 26px; }
.info ul li i { float: right; margin-left: 6px; margin-top: 4px; }
.info { padding-top: 15px; color: rgb(255, 255, 255); }
.info ul li { float: right; list-style: none; }
.info ul li:first-child { margin-left: 26px; }
.info ul li i { float: right; margin-left: 6px; margin-top: 4px; }
.social-quote { float: left; }
.social-links ul li { list-style: none; float: left; }
.social-links ul li:not(last-child) { margin-left: 11px; }
.social-links ul li i { color: rgb(255, 255, 255); font-size: 1.2rem; }
.social-links { float: left; padding: 15px 25px 0px 0px; }
.social-links ul li a:hover i { color: var(--green-one); }
.quote-btn { float: left; }
.quote-btn a { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: rgb(108, 203, 130); font-weight: bold; color: rgb(255, 255, 255); padding: 16px 60px 16px 30px; display: inline-block; position: relative; }
.quote-btn a:hover { background: rgb(70, 190, 98); }
.navbar-brand img { max-width: 84px; }
.nav-main-menu ul li { list-style: none; float: right; position: relative; line-height: 1.8em; padding: 25px 0px; }
.nav-main-menu ul li a { font-size: 1.8rem; font-weight: 200; color: rgb(255, 255, 255); cursor: pointer; padding: 0px 20px; position: relative; }
.nav-main-menu ul li a::before { content: ""; background: rgb(108, 203, 130); width: 100%; height: 43px; border-radius: 43px; position: absolute; left: 0px; top: calc(50% - 21px); opacity: 0; transition: all 0.3s ease 0s; z-index: -1; }
.nav-main-menu ul li a:hover::before { opacity: 1; }
nav.navbar-collapse.collapse.navigation-holder.navbar-left.nav-main-menu { border-left: 1px solid rgba(255, 255, 255, 0.3); display: table !important; }
.navbar-header { border-left: 1px solid rgba(255, 255, 255, 0.3); }
.navbar-collapse ul { padding-top: 17px; display: table; width: 100%; height: 100%; }
.container-main-menu { border-top: 1px solid rgba(255, 255, 255, 0.3); margin-top: 1px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.social-quote::before { content: ""; display: table; }
.container-fluid.container-main-menu::after { content: ""; margin-top: 1px; border-top: 1px solid rgba(255, 255, 255, 0.3); height: 2.5px; width: 100%; }
.search-contact { background-color: rgb(108, 203, 130); position: relative; float: left; margin-left: -15px; }
.search-contact > div { float: right; text-align: center !important; }
.search-contact .contact a { background: rgb(108, 203, 130); display: block; padding: 26px 30px 26px 100px; position: relative; color: rgb(255, 255, 255); text-align: center !important; }
.search-contact .contact a h5 { font-size: 2rem; font-weight: bold; color: rgb(255, 255, 255); margin: 0px 0px 0.2em; }
.header-search-area { border-right: 1px solid rgba(255, 255, 255, 0.3); }
.header-search-area .open-btn { background: rgb(108, 203, 130); color: white; font-size: 23px; padding: 27px 25px 26px; border-radius: 0px; border-left: 1px solid rgba(255, 255, 255, 0.3); position: relative; text-align: center !important; }
.header-search-area .open-btn::before { content: ""; background-color: rgba(255, 255, 255, 0.3); width: 1px; height: 100%; position: absolute; right: 1px; top: 0px; }
.open-btn span { display: block; font-size: 1.875rem; font-weight: bold; text-transform: uppercase; }
.navbar-header { margin-top: 30px; height: 100%; }
nav.navbar-collapse.collapse.navigation-holder.navbar-right.nav-main-menu { border-right: 1px solid rgba(255, 255, 255, 0.3); position: relative; }
nav.navbar-collapse.collapse.navigation-holder.navbar-right.nav-main-menu::before { display: table; content: ""; }
.left-seprator { width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: 1px; top: 0px; }
.slider-inner { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background-size: cover; background-position: center center; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: left; }
.slide-title { max-width: 790px; margin: 0px auto; }
.slide-text p { font-size: 1.375rem; font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 1.63em; text-align: center !important; }
.slide-text { max-width: 800px; margin: 0px auto; }
.slide-title h2 { font-size: 5.125rem; font-weight: bold; color: rgb(255, 255, 255); margin: 0px 0px 0.24em; text-transform: uppercase; }
.theme-btn {background-color: #6ccb82;font-size: 14px;font-weight: bold;color: rgb(255, 255, 255);padding: 14px 24px;border: 0px;border-radius: 60px;display: inline-block;position: relative;z-index: 1;transition: 0.25s ease-in-out all;}
.theme-btn::after {content: "";background-color: #6ccb82bd;width: 100%;height: 100%;position: absolute;left: 5px;top: 5px;border-radius: 60px;z-index: -1;transition: all 0.2s ease;}
.theme-btn:hover { background-color: rgb(70, 190, 98); z-index: 1; }
.theme-btn:hover::after { left: 0px; top: 0px; }
.slide-btns { text-align: center !important; }
.pagi { background-color: rgb(255, 255, 255); width: 150px; height: 95px; border-bottom: 1px solid rgb(235, 235, 235); position: absolute; right: 0px; bottom: 0px; z-index: 1; }
.service-li { padding: 0px; cursor: pointer; text-align: revert; background: none !important; border: none !important; }
.service-li a { padding: 14px 20px; display: block; border: solid transparent; position: relative; transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s; box-shadow: none; }
.service-li a { color: red; border: 5px solid rgba(44, 52, 89, 0.08); height: 8em; line-height: 8em; width: 8em; border-radius: 50%; transition: all 0.3s ease 0s; margin-right: 38px; font-size: 1em !important; display: inline-block !important; }
.index-title span { text-align: center; color: rgb(108, 203, 130); font-size: 18px; }
.index-title h4 { font-size: 23px; margin-top: 0.4em; text-align: center !important; }
.service-li a i { font-size: 64px; color: rgba(44, 52, 89, 0.08); text-align: center !important; }
.service-li a span { width: 100%; font-size: 15px; margin-top: 13px !important; text-align: center !important; }
.ins-active i, .ins-active span, .ins-active { color: rgb(108, 203, 130) !important; border-color: rgb(108, 203, 130) !important; }
.insurance-index-pag { width: 15%; position: relative; height: 50px; margin: auto; }
.insurance-index-wrapper { height: 20% !important; }
.ti-home::before { content: "îš›"; font-size: 70px; right: 39px; position: absolute; top: 11px; }
.service-li a span { display: block; line-height: 1.8333em; padding: 1.2857em 0px 0px; color: rgb(176, 178, 184); text-align: center !important; }
.service-active { color: rgb(149, 211, 67); }
.fk-02 { width: 50%; float: right; padding-left: 15px; padding-right: 15px; }
.service-img { max-width: 100%; height: auto; vertical-align: middle; }
.service-title::after { content: ""; position: absolute; display: block; width: 40px; height: 2px; background-color: rgb(149, 211, 67); bottom: 0px; right: 0px; }
.service-title { position: relative; margin-bottom: 1.3571em !important; padding-bottom: 2.2857em !important; }
.reminder-lable { transform: translate(-14px, 17.5px) scale(1); transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; position: absolute; border: 0px; right: 0px; transform-origin: right top; top: -22px; }
.rem1 { color: rgba(0, 0, 0, 0.87); cursor: text; display: inline-flex; font-size: 12px; font-family: IRANSansFaNum; line-height: 1.1875em; align-items: center; }
fieldset.rem-fieldset { top: 0px; right: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; box-sizing: border-box; transition: padding-right 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.23); border-radius: 4px; pointer-events: none; }
legend.rem-legend { padding: 0px; text-align: right; transition: width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; font-size: 10px; }
.rem2 { width: 100%; position: relative; direction: rtl; }
.rem21 { width: auto; height: auto; overflow: hidden; min-height: 1.1875em; white-space: nowrap; text-overflow: ellipsis; }
.rem-inner { width: 100%; border: 0px; display: inline-flex; padding: 6px; z-index: 0; position: relative; min-width: 0px; direction: rtl; flex-direction: column; margin-top: 0px; margin-bottom: 6px; height: 32px; vertical-align: middle; }
.full-page { background: transparent; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000000000; position: fixed; }
.full-page-inner { top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: -1; position: fixed; touch-action: none; background: transparent; }
.rem-services { outline: none; position: absolute; min-width: 16px; max-width: calc(100% - 32px); overflow: hidden auto; min-height: 16px; max-height: calc(100% - 32px); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.rem-services-ul { display: none; }
.reminder-index:focus { border: 1px solid red; }
.about-app { background-color: rgb(242, 255, 246); padding: 53px 0px; }
.index-blog-right { padding-right: 6pc; margin-left: 0px; }
.index-blog-left { background-color: rgba(108, 203, 130, 0.1); padding-left: 13pc; padding-top: 0.75in; padding-right: 3.75pc; }
.index-blog-left .post:not(:first-child) { margin-top: 100px; padding-top: 40px; border-top: 1px solid rgba(108, 203, 130, 0.2); }
.section-title-s3 { margin-bottom: 37.5pt; }
.post h3 { margin-bottom: 0.75em; }
.post .text { margin-bottom: 1.5em; }
footer.footer-site { background: rgb(33, 34, 44); }
section.newsLetter { text-align: center; }
form.nl-form { padding-left: 30px; padding-top: 1.5pc; position: relative; }
form.nl-form input { padding: 0.0625in 1.25pc; border: 1px solid rgb(255, 255, 255); border-radius: 41px; width: 90%; height: 60px; }
.nl-form button { position: absolute; height: 60px; padding: 0px 31px; border-radius: 47px; left: 81px; border: 1px solid rgb(108, 203, 130); background: rgb(108, 203, 130); color: rgb(255, 255, 255); }
.nl-text { color: rgb(255, 255, 255); }
section.newsLetter { padding: 66px 0px 80px; }
img.logo-footer { margin-bottom: 23px; }
h5.footer-menu-title { font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 20px; }
.footer-menu li { list-style: none; color: rgb(197, 197, 197); margin-bottom: 8px; }
.footer-menu li a { color: rgb(197, 197, 197) !important; }
section.footer { padding: 67.5pt 0px; border-top: 0.5px solid rgb(131, 132, 135); border-bottom: 0.5px solid rgb(131, 132, 135); }
.down-footer { padding: 20px 0px; }
.theme-btn-2 { border: 1px solid rgb(108, 203, 130); color: rgb(108, 203, 130); padding: 10px 28px; border-radius: 30px; background-color: rgb(255, 255, 255); transition: all 0.3s ease-in-out 0s; cursor: pointer; font-size: 16px !important; }
.theme-btn-2:hover { background-color: rgb(108, 203, 130); color: rgb(255, 255, 255) !important; }
.index-contact a { font-size: 35px; color: rgb(108, 203, 130) !important; }
.index-contact { }
.index-contact div { width: 100%; margin-top: 28px; }
.like-left { background: rgba(108, 203, 130, 0.1); }
.index-contact { padding-top: 47px; padding-right: 5.9375pc; padding-bottom: 6.3125pc; }
.video-area { position: relative; text-align: center; }
.video-area img { right: 6%; }
.like-right h3 { margin-bottom: 20px; }
.index-about h2 { margin-bottom: 32px; }
.index-about { padding-right: 98px; padding-left: 73px; }
.header2-logo { max-width: 100%; height: 70px; float: right; margin-left: 20px; }
.contact-header2 { width: 20%; float: left; padding-top: 20px; }
.contact-header2 a { font-size: 15px; }
.down-header2 { padding: 10px 0px; }
.down-header2 ul { width: 70%; float: right; margin-top: 10px; padding-right: 27px; }
.down-header2 ul li { float: right; list-style: none; padding-left: 37px; }
.down-header2 ul li a { font-size: 18px; }
#login-bg.container-fluid { padding: 0px; height: 100%; position: absolute; z-index: -1; }
.bg-img, .bg-color { min-width: 50%; vertical-align: top; padding: 0px; margin-left: 0px; height: 100%; background-color: rgb(202, 240, 211); display: inline-block; overflow: hidden; }
.bg-color { margin-left: -5px; }
.bg-img { background-image: url("../images/bg-image.jpeg"); background-size: cover; }
#login, #signin, #change-password { padding-top: 10%; text-align: center; text-transform: uppercase; }
.login { width: 90%; height: 456px; background-color: rgb(255, 255, 255); padding: 30px 15px 15px; margin: auto; margin-top: 16px;}
.login h1 {margin-top: 11px;font-size: 36px;margin-bottom: 0;color: green;letter-spacing: 0px;text-align: center !important;text-shadow: -2px 2px 7px rgb(108, 203, 130);}
.login p { text-align: center !important; }
.login form {max-width: 420px;margin: 36px auto;}
.login .btn {border-radius: 50px;text-transform: uppercase;font-weight: bold;letter-spacing: 2px;font-size: 20px;padding: 14px;background-color: rgb(0, 183, 46);margin-top: 21px;text-align: center !important;outline: none;}
.form-group input { font-size: 14px; font-weight: lighter; border: none; background-color: rgb(240, 240, 240); padding: 20px 14px; transition: all 0.2s ease 0s; color: rgb(70, 83, 71) !important; }
.form-check { padding: 0px; text-align: right !important; }
.form-check label { vertical-align: top; padding-top: 5px; padding-left: 5px; color: rgb(96, 96, 96); font-size: 14px; /*! margin-right: 7px; */}
.forgot-password { text-align: right; float: right; font-weight: bold; }
.forgot-password a:hover { text-decoration: underline !important; }
.switch { position: relative; display: inline-block; width: 60px; height: 30px; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgb(240, 240, 240); transition: all 0.4s ease 0s; border-radius: 30px; margin-left: 6px;}
.slider::before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background-color: white; transition: all 0.4s ease 0s; border-radius: 50%; }
input:checked + .slider { background-color: rgb(0, 183, 46); }
input:focus + .slider { border: 1px solid red; }
input:checked + .slider::before { transform: translateX(30px); }
.form-group small { opacity: 0; color: red; }
.form-group { margin-bottom: 7px; }
.signin { height: 620px; margin-top: 65px;}
@media (max-width: 500px) {
  .bg-img, .bg-color { min-width: 100%; height: 50%; margin: 0px; }
  .forgot-password { text-align: right; float: left; padding: 20px 0px; }
  #login { padding-top: 50px; }
}
.black-full-page { width: 100%; height: 100vh; position: fixed; top: 0px; right: 0px; background-color: rgba(44, 52, 89, 0.7); display: none; z-index: 6; }
rela-page { position: relative; width: 100%; height: 100%; }
.phone-message {width: 450px;position: absolute;background-color: rgb(255, 255, 255);height: 200px;top: 50%;z-index: 100000000;margin: auto;transform: translate(-50%, -50%);left: 50% !important;/* border-radius: 50px; */box-shadow: 0pc 0in 2.235625pc 13.23px rgba(35,61,98,.24);}
.header-message p { color: rgb(255, 255, 255); font-weight: bold; font-size: 17px !important; text-align: center !important; }
.header-message { background: rgb(108, 203, 130); padding: 4px 0px 0px; }
.black-theme { background: rgb(0, 0, 0); }
.info-message { color: rgb(0, 0, 0); margin: -8px 0px 11px; font-size: 14px !important; }
.black-btn { background: rgb(255, 255, 255); border: 1px solid rgb(108, 203, 130); color: rgb(108, 203, 130); padding: 6px 20px; border-radius: 16px; font-weight: bold; float: left; transition: all 0.3s ease-in-out 0s; }
.black-btn:hover { background: rgb(108, 203, 130); color: rgb(255, 255, 255); }
.rela-page { position: relative; width: 100%; height: 100%; right: 0px; top: 0px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.mb-20 { margin-bottom: 20px; }
.mt-20 { margin-top: 20px; }
.black-theme {color: rgb(255, 255, 255);background-color: rgb(44, 52, 89);padding: 0px 22px 2px 22px;font-size: 14px;line-height: 36px;font-weight: 600;letter-spacing: 0px;border: 3px solid rgb(0, 0, 0);transition: all 0.3s ease-in-out 0s;border-radius: 50px;float: left;}
.black-theme:hover { background-color: rgb(255, 255, 255); color: rgb(44, 52, 89) !important; }
.app-index-btns { width: 100%; }
.app-index-btns button { padding: 8px 27px; border-radius: 46px; float: right; }
button.black-btn.ios-btn { margin-left: 8px; }
.insu-index-btn.mt-20 { float: left; margin-top: 16px; }
.play-index { z-index: 100000; font-size: 59px; position: absolute; color: rgb(108, 203, 130); right: 47%; top: -5%; }
.entry-media img { max-width: 100%; height: auto; }
.entry-media { margin-bottom: 10px; }
a.read-more { float: left; color: rgb(108, 203, 130) !important; }
.suc-code i {
    color: rgb(108, 203, 130);
    font-size: 47px;
}

.suc-code {
    text-align: center;
    width: 12%;
    margin: auto;
}
.suc-code-btns {
    width: 71%;
    /* margin-top: 20px; */
    margin: auto;
    display: table;
    margin-top: 20px;
    padding: 20px;
}

.suc-code-btns button {
    float: right;
    margin: auto;
    margin-left: 10px;
}

.change-pass-div {
  height: 342px;
  margin-top: 83px;
}

.change-pass-form button {
    margin-top: -4px !important;
  }
  .change-pass-div h1 {
    margin-top: 0;
  }
  
.alert1{
    position: absolute;
    right: 34%;
    top: 8%;
    opacity: 0;
}

  .change-opacity{
    animation-name: e;
    animation-delay: 1s;
    animation-duration: 4s;
    animation-iteration-count: 1;
  } 
  @keyframes e{
    from{opacity:0;}
    to{opacity:1;}
  }

  /* bazaryab */
  .bazar-right{
    height: 100vh;
    background: #f5f7fa;
  }
  .bazaryab {
    width: 76%;
    margin: auto;
    padding: 100px 0;
    padding: 20px;
    background: #fff;
    margin-top: 100px;
    border-radius: 8px;
} 
.bazar-signin-div h1 ,.bazar-signin-div p {
    text-align: center !important;
}
.bazar-signin-div h1{
    margin-bottom:31px;
}
.signin-bazaryab button {
  margin-top: 24px;
  text-align: center !important;
} 
.bazar-login h1,.bazar-login p {
  text-align: center !important;
}
form.login-bazaryab-form button {
  text-align: center !important;
}
form.login-bazaryab-form {
  margin-top: 16px;
}
.login-bazaryab-form .form-check {
  margin-top: 9px;
}
form.login-bazaryab-form .form-check label, form.login-bazaryab-form .form-check .switch{
  float:left !important;
}
#resentCode2 {
  outline: none;
  border: none;
  background: transparent;
  text-align: center !important;
  margin-top: 20px;
  width: 50%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: -14px !important;
}
#resentCode2:hover{
  color: green;
}
.enter-code-time {
  text-align: center !important;
  width: 100%;
  display: table;
}
#timer-line {
  font-size: 13px !important;
}
.enter-code-inner {
  font-size: 15px !important;
  margin-bottom: 16px;
}


.form-check.my-2.login-bazar-forget {
  width: 100%;
  display: table;
  margin-top: 19px !important;
}
input:focus , button:focus{
    outline:none;
}

input,select{
    text-align:right;
}