/*!
Theme Name: tanpooyn
Theme URI: http://underscores.me/
Author: irik
Author Email: info@irikco.com
Description: designed by Irik Company
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tanpooyan
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Header
	- Navbar
# Main Page
	- Section 1
	- Section 2
	- Section 3
	- Section 4
	- Section 5
	- Section 6
	- Section 7
	- Section 8
    - Section 9
# Footer
# Side Bar
# Register Page
# Packages Page
# Analayses Page
	- New Analayse Page
# Media Queries
    - 1024 px
    - 992 px
    - 767 px
    - 575 px
    - 480 px
    - 380 px
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

    *,*:hover,*:focus{
        outline:none !important;
    }
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /*FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /*FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),  /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /*FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),  /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),/*FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb.eot');
    src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  /*FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb.woff') format('woff'),  /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb.ttf') ;
    font-display: swap;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    font-family: IRANSans;
    margin: 0;
    direction: rtl;
}
*{
    padding: 0px;
    margin: 0px;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
    text-align: right;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
span{
    font-family: IRANSans;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
    font-family: IRANSans;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea,
label,
::placeholder {
    font-family: IRANSans;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: IRANSans;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: IRANSans;
}

p {
    font-family: IRANSans;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    font-family: IRANSans;
}

/* Links
--------------------------------------------- */
a {
    color: white;
    font-family: IRANSans;
    text-decoration: none;
}

a:visited {
    color: white;
}

a:hover,
a:focus,
a:active {
    color: white;
    text-decoration: none !important;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
    font-family: IRANSans;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* Navbar
--------------------------------------------- */
.main-header{
    position:fixed;
    width:100%;
    z-index: 15;
}
.main-header > nav.my-nav{
    padding: 0;
}
.main-header > nav.my-nav > .nav-logo{
    background: #dd0404;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    padding: 0 0 0 0.5%;
    width: 19%;
    margin: 0;
}
.main-header > nav.my-nav > .nav-logo > img{
    background: white;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    padding: 3% 9% 2% 32%;
    display: block;
}
.main-header > nav.my-nav > .nav-menu > ul{
    width: 100%;
}
.main-header > nav.my-nav > .nav-menu ul > li > a{
    text-align: right;
}
.main-header > nav.my-nav > .nav-menu > ul > li{
    margin: 0 2%;
}
.main-header > nav.my-nav > .nav-menu > .profile-icon{
    background: #dd0404;
    -webkit-clip-path: polygon(0 0, 0 30%, 10% 50%, 0 70%, 0 100%, 100% 100%, 100% 70%, 90% 50%, 100% 30%, 100% 0);
    clip-path: polygon(0 0, 0 30%, 10% 50%, 0 70%, 0 100%, 100% 100%, 100% 70%, 90% 50%, 100% 30%, 100% 0);
    padding: .5% 2%;
    margin: 2% 1%;
    font-size:13px;
        display: flex;
    width: 140px;
    justify-content: space-around;
}
.main-header > nav.my-nav > .nav-menu > .profile-icon > a {
    color: white;
    text-decoration: none;
}
.main-header > nav.my-nav > .nav-menu > .alert-icon > ul {
    margin: 0;
    padding: 0;
}
.main-header > nav.my-nav > .nav-menu > .alert-icon > ul > li >a::after{
    display: none;
}
.main-header > nav.my-nav > .nav-menu > .alert-icon > ul > li > a > i{
    position: relative;
}
.main-header > nav.my-nav > .nav-menu > .alert-icon > ul > li > a > i::before{
    font-size: 1.5rem;
    color: white;
}
.main-header > nav.my-nav > .nav-menu > .alert-icon > ul > li > a > i > span{
    position: absolute;
    color: white;
    font-size: 10px;
    background: red;
    text-align: center;
    border-radius: 50%;
    top: -7px;
    right: -5px;
    padding: 0px 5px;
    line-height: normal;
}
/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
.default-btn{
    background: #dd0404;
    text-align: center;
    padding: 1% 5%;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    border-radius: 0px;
    box-shadow: inset 0 0 10px 0 #a00000;
    width: 180px;
    height: 40px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.default-btn:hover{
    color: white;
    text-decoration: none;
}
.flex{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.hr-1{
    width: 100%;
    background: #ed7979;
    height: 2px;
    margin: 1% 0;
}
.hr-2{
    background: black;
    height: 0px;
    display: block;
    width: 60%;
    padding: 0;
}
.pointed-span{
    display: block;
}
.pointed-span::before{
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: #dd0404;
    display: block;
    margin-left: 1%;
}
.fantasy-btn:hover{
    color: white;
    text-decoration: none;
}
.fantasy-btn{
    background: url(../img/btn-back-2.png) no-repeat center;
    background-size: contain;
    padding: 2% 6% 2.5%;
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-size: 1.1rem;

}
.section-4 .row , .section-6 .row , .section-7 .row , .section-8 .row , .section-9 .row{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.section-4 .slider-2 , .section-6 .slider-3 , .section-7 .slider-4 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}
.section-8 .slider-5{
    padding-left: .5rem;
    padding-right: .5rem;
}
/* Section 1
--------------------------------------------- */
.section-1{
    background: url(../img/header-back.png) no-repeat top right;
    background-size: contain;
    justify-content: space-between;
}
.section-1 > div{
    width: 50%;
}
/* Header Slider */
.section-1 .header-slider .slider-items > div{
    position: relative;
    width: 100%;
}
.section-1 .header-slider .slider-items > div > img{
    width: 100%;
}
.section-1 .header-slider .slider-items > div > .slider-item-con{
    position: absolute;
    top: 22%;
    right: 10%;
    color: white;
}  
.slider-items .slider-item-con > h2{
    border-bottom: 1px solid white;
    padding: 3% 0;
    margin: 0;
    font-size: 35px;
    text-shadow: 3px 2px 1px #3131316b, -1px -1px 1px #3131316b;
}
.slider-items .slider-item-con > p{
    border-bottom: 1px solid white;
    padding: 3% 0;
    margin: 0;
    direction:rtl;
        font-size: 19px;
    text-shadow: 3px 2px 1px #3131316b, -1px -1px 1px #3131316b;
}
.header-slider > ul{
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    height: 2rem;
}
.header-slider > ul > li.slick-active {
    padding: 0 13%;
}
.header-slider > ul > li:first-child {
    padding-left: 0;
}
.header-slider > ul > li:last-child {
    padding-right: 0;
}
.header-slider > ul > li {
    border-bottom: 1px solid;
    height: 1rem;
    padding: 0;
}
.header-slider > ul > li > button{
    border: none;
    border-radius: 0;
    background: white; 
    padding: 9px 12px 4px; font-size: 14px;
}
.header-slider > ul > li.slick-active > button{
    background: #dd0404;
    color: white;
    font-weight: 500;
}
.header-content .header-content-inner{
    padding: 0% 2% 5% 8%;

}
.header-content a.default-btn{
    margin: 0 auto 0 0;
}
.header-content .header-content-inner p{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.5px;
    text-align: justify;
}
.header-content > span{
    text-align: center;
    font-size: 15px;
    border-top: 2px solid #1a1919;
    border-bottom: 2px solid #1a1919;
    padding: 2% 0;
    display: block;
    font-weight: 500;
}
.header-content .header-form > form{
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 2% 2% 0%;
}
.header-content .header-form > form > label{
    background: url(../img/btn-back.png) no-repeat bottom right;
    background-size: 100%;
    padding: 2.5% 2% 2.5% 6%;
    color: white;
    width: max-content;
    position: relative;
    z-index: 1;
    margin: 0;
    margin-left: -13%;
    font-size: 14px;
}
.header-content .header-form > form > input[type="tel"]{
    background: #f4f4f4;
    border: none;
    box-shadow: inset 0 0 7px -3px #ababab;
    border-radius: 0;
    width: 68%;
    padding: 1.5% 2% 1.5% 20%;
    text-align: left;
    direction: ltr;
    font-size: 14px;
}
.header-content .header-form > form > input[type="submit"]{
    padding: 10px 4%;
    border: none;
    border-radius: 0;
    background: #383838;
    color: white;
    margin-right: -18%;
    z-index: 1;
    position: relative;
    font-size:14px;
}
.header-content .header-form > form > i::before{
    width: max-content;
    height: 100%;
    display: block;
    background: #dd0404;
    text-align: center;
    color: white;
    padding: 10px;
}
.header-content .header-form .short-description{
    width: 75%;
    margin: auto;
}
.header-content .header-form .short-description .default-btn{
    padding: 1% 2%;
    font-size: 0.8rem;
    box-shadow: none;
}

/* Section 2
--------------------------------------------- */
.middle-sections-back{
    background: url("../img/middle-sections-back.png") no-repeat center 100%;
    direction: rtl;
    background-size: cover;
}
.section-2{
    padding-top: 4%;
}
.section-2 h2{
    color: #dd0404;
    font-size: 2.5rem;
    margin: 4% 0 3%;
}
.section-2 h3{
    font-size: 1.3rem;
    font-weight: 600;
    margin: 4% 0 3%;
}
.section-2 p{
      color: #878787;
    font-size: 17px;
    font-weight: 200;
    text-align: justify;
    line-height: 2;
}
.section-2 span{
    font-size: 1.3rem;
    font-weight: 600;
    margin: 4% 0 3%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.section-2 .btn-bordered{
    justify-content: flex-start;
    margin-top: 2%;
}
.section-2 .image > img{
    display: block;
    width: max-content;
    margin: auto;
}

/* Section 3
--------------------------------------------- */
.section-3{
    padding-top: 4%;
}
.section-3{
    background: white;
    border: 2px solid #dd0404;
    box-shadow: -1px 2px 10px -6px black;
    padding: 3% 3% 1%;
}
.section-3 h2{
    text-align: center;
    width: max-content;
    margin: auto;
    background: white;
    z-index: 1;
    position: relative;
    padding: 0 1%;
}
.section-3 .column{
    margin: 2% 0;
    border-left: 2px solid black;
    width: 33.3%;
    padding: 0 5%;
    height:260px;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.section-3 .column-top{
    width: 100%;
}
.section-3 .column:nth-of-type(4) , .section-3 .column:nth-of-type(7){
    border: none;
}
.section-3 h3{
    text-align: center;
    font-size: 1rem;
    color: #dd0404;
    margin: 4% 0;
    font-weight: bold;
}
.section-3 .hr-3{
    display: block;
    margin: -2% auto 4%;
    background: #dd0404;
    width: 50%;
    height: 1px;
}
.section-3 img{
    display: block;
    margin: auto;
    
    max-width: 50px;
    height: 50px;
}
.section-3 p{
    text-align: justify;
    font-size: .9rem;
    line-height: 2;
    font-weight: 300;
    color: #878787;
    margin: 0;
}

/* Section 4
--------------------------------------------- */
.section-4{
    padding-top: 4%;
}
.section-4 h2{
    font-size: 25px;
    display: block;
    width: max-content;
    margin: auto;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.section-4 .hr-4{
    display: block;
    height: 1px;
    background: #dd0404;
    width: 100%;
    margin-top: -1%;
    margin-bottom: 4%;
}
.slider-2 .slider-2-items{
    filter: drop-shadow(-1px 1px 5px rgba(50, 50, 0, 0.15));
    margin: 1rem;
}
.slider-2 .slider-2-items .patterned-back{
    background: white;
    padding-bottom: 12%;
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 56% 100%, 50% 93%, 44% 100%);
}
.slider-2 .slider-2-items h5{
    text-align: center;
    border-bottom: 2px solid #dd0404;
    width: max-content;
    margin: 3% auto 7%;
    display: block;
        padding: 3% 3% 1%;
    font-size: 15px;
}
.slider-2 .slider-2-items .back{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #dd0404;
}

.slider-2 .slider-2-items p{
    text-align: center;
    font-size: .9rem;
    line-height: 2;
    font-weight: 300;
    color: #878787;
    margin: 0;
    clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%, 8% 50%);
    background: white;
}
.slider-2 > ul{
    list-style: none;
    margin: 2% 0;
    display: flex;
    justify-content: center;
    height: 2rem;
}
.slider-2 > ul > li.slick-active {
    padding: 0 13%;
}
.slider-2 > ul > li:first-child {
    padding-left: 0;
}
.slider-2 > ul > li:last-child {
    padding-right: 0;
}
.slider-2 > ul > li {
    border-bottom: 1px solid;
    height: 1rem;
    padding: 0;
}
.slider-2 > ul > li > button{
    border: none;
     border-radius: 0;
    background: white;
        padding: 9px 12px 4px;
    font-size: 14px;
}
.slider-2 > ul > li.slick-active > button{
    background: #dd0404;
    color: white;
    font-weight: 500;
}

/* Section 5
--------------------------------------------- */
.section-5{
    padding-top: 4%;
}
.section-5 > .content{
    padding: 15% 5% 15%;
    background: url(../img/sec-5-back.png) no-repeat center;
    background-size: contain;
}
.section-5 .content p{
    font-size: 2.2rem;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 7px #0000006e, -1px -1px 7px #0000006e;
    margin: 4% 10%;
    font-weight: 600;
}
.section-5 .content a.default-btn{
    font-size: 1.65rem;
    padding: 1% 3%;
    font-weight: 300;
    text-shadow: 1px 1px 4px #0000006e, -1px -1px 4px #0000006e;
}

/* Section 6
--------------------------------------------- */
.section-6{
    padding-top: 4%;
}
.section-6 h2{
    font-size: 1.7rem;
    display: block;
    width: max-content;
    margin: auto auto auto 13%;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.section-6 .hr-4{
    display: block;
    height: 1px;
    background: #dd0404;
    width: 25%;
    margin-top: -1%;
    margin-bottom: 4%;
    margin-right: 75%;
    margin-left: 0;
}
.slider-3 .slider-3-items{
    filter: drop-shadow(0px 0px 1px rgba(50, 50, 0, 0.315));
    margin: 1rem;
}
.slider-3 .slider-3-items .patterned-back{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #f7f7f7;
    padding: 3% 3% 10% 3%;
    clip-path: polygon(100% 0, 100% 90%, 90% 90%, 80% 100%, 70% 90%, 0 90%, 0 0);
    min-height: 9rem;
    direction: rtl;
}

.slider-3 .slider-3-items .patterned-back img{
    width: 25%;
    border: 1px solid #dd0404;
    padding: 0;
}
.slider-3 .slider-3-items h5{
    width: 72%;
    text-align: right;
    border-bottom: 1px solid #dd0404;
    display: block;
    padding: 6% 0% 2%;
    color: #dd0404;
    font-size: 0.8rem;
    font-weight: bold;
}
.slider-3 .slider-3-items .back{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #dd0404;
}

.slider-3 .slider-3-items p{
    width: 100%;
    text-align: right;
    font-size: .8rem;
    line-height: normal;
    font-weight: 300;
    color: black;
    margin: 0;
    padding-top: 3%;
}
.slider-3 > ul{
    list-style: none;
    margin: 2% 0;
    display: flex;
    justify-content: center;
    height: 2rem;
}
.slider-3 > ul > li.slick-active {
    padding: 0 13%;
}
.slider-3 > ul > li:first-child {
    padding-left: 0;
}
.slider-3 > ul > li:last-child {
    padding-right: 0;
}
.slider-3 > ul > li {
    border-bottom: 1px solid;
    height: 1rem;
    padding: 0;
}
.slider-3 > ul > li > button{
    border: none;
    border-radius: 0;
    background: white;
   padding: 9px 12px 4px; font-size: 14px;
}
.slider-3 > ul > li.slick-active > button{
    background: #dd0404;
    color: white;
    font-weight: 500;
}

/* Section 7
--------------------------------------------- */
.section-7{
    background: url(../img/sec-7-back.png) no-repeat left 100%;
    background-size: contain;
}
.section-7{
    padding-top: 4%;
}
.section-7 h2{
    font-size: 1.7rem;
    display: block;
    width: max-content;
    margin: auto 13% auto auto;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.section-7 .hr-4{
    display: block;
    height: 1px;
    background: #dd0404;
    width: 30%;
    margin-top: -1%;
    margin-bottom: 4%;
    margin-right: 0;
    margin-left: 70%;
}
.slider-4 .slider-4-items{
    filter: drop-shadow(-1px 1px 5px rgba(50, 50, 0, 0.15));
    margin: 1rem;
}
.slider-4 .slider-4-items .patterned-back{
    background: white;
    padding-bottom: 15%;
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 56% 100%, 50% 93%, 44% 100%);
    direction: rtl; 
    height: 450px;

}
.section-7 .slider-4 .slider-4-items .patterned-back{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    direction: rtl;
    height: 480px;
}
.slider-4 .slider-4-items .patterned-back p {
    height: 91px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0% 5% 3%;
    margin-bottom: 15px;
    overflow: hidden;

}
.slider-4 .slider-4-items .back{
    display: flex;
    justify-content: right;
    align-items: flex-start;
    margin-top: 3%;
}
.slider-4 .slider-4-items .back::before{
    content: "";
    width: 7%;
    height: 2rem;
    background: #dd0404;
    display: block;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.slider-4 .slider-4-items h5{
    text-align: right;
    color: #dd0404;
    width: 93%;
    margin: 3% auto 7%;
    padding: 0 3% 1%;
    font-size: .9rem;
}

.slider-4 .slider-4-items p{
    text-align: justify;
    font-size: .8rem;
    line-height: 1.5;
    font-weight: 300;
    color: #878787;
    margin: 0;
    padding: 0% 5% 3%;
}
.slider-4 .slider-4-items .default-btn{
    width: 90%;
    margin: auto;
    box-shadow: none;
}
.slider-4 > ul{
    list-style: none;
    margin: 2% 0;
    display: flex;
    justify-content: center;
    height: 2rem;
    margin-right: 3%;
    width: max-content;
    margin-left: auto;
}
.slider-4 > ul > li.slick-active {
    padding: 0 13%;
}
.slider-4 > ul > li:first-child {
    padding-left: 0;
}
.slider-4 > ul > li:last-child {
    padding-right: 0;
}
.slider-4 > ul > li {
    border-bottom: 1px solid;
    height: 1rem;
    padding: 0;
}
.slider-4 > ul > li > button{
    border: none;
    border-radius: 0;
    background: white;
    padding: 9px 12px 4px; font-size: 14px;
}
.slider-4 > ul > li.slick-active > button{
    background: #dd0404;
    color: white;
    font-weight: 500;
}
.section-7 > div > .default-btn{
    background: #1d1c1c;
    margin: -5% auto auto 2.5rem;
    padding: 0.5% 3%;
    box-shadow: none;
}

/* Section 8
--------------------------------------------- */
.section-8{
    padding-top: 4%;
}
.section-8 h2{
    font-size: 20px; 
    display: block;
    width: max-content;
    margin: auto;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.section-8 .sec-8-top p{
    text-align: center;
    font-size: .9rem;
    line-height: 2;
    font-weight: 300;
    color: #878787;
    margin-bottom: 3%;
}
.section-8 .hr-4{
    display: block;
    height: 1px;
    background: #dd0404;
    width: 100%;
    margin-top: -1%;
    margin-bottom: 2%;
}
.slider-5 .slider-5-items{
    filter: drop-shadow(-3px 6px 9px rgba(50, 50, 0, 0.15));
    margin: 3rem;
    transition: .1s ease;
}
.slider-5 .slick-center{
    transform: scale(1.3);
    filter: drop-shadow(-1px 3px 2px rgba(50, 50, 0, 0.15));
}
.slider-5 .slider-5-items video{
    border: 2px solid #dd0404;
    border-radius: 2px;
    width: 100%;

}
.slider-5 .slider-5-items video[poster]{
    object-fit: cover;
}
.slider-5 .slider-5-items p{
    color: white;
    clip-path: polygon(0 0, 0 30%, 5% 50%, 0 70%, 0 100%, 100% 100%, 100% 70%, 95% 50%, 100% 30%, 100% 0);
    background: #dd0404;
    padding: 1.5% 4%;
    text-align: center;
    font-size: .6rem;
    width: max-content;
    margin: -10% auto auto;
    font-weight: 600;
}
.slider-5 > ul{
    list-style: none;
    margin: 2% 0;
    display: flex;
    justify-content: center;
    height: 2rem;
}
.slider-5 > ul > li.slick-active {
    padding: 0 13%;
}
.slider-5 > ul > li:first-child {
    padding-left: 0;
}
.slider-5 > ul > li:last-child {
    padding-right: 0;
}
.slider-5 > ul > li {
    border-bottom: 1px solid;
    height: 1rem;
    padding: 0;
}
.slider-5 > ul > li > button{
    border: none;
    border-radius: 0;
    background: white;
    padding: 9px 12px 4px; font-size: 14px;
}
.slider-5 > ul > li.slick-active > button{
    background: #dd0404;
    color: white;
    font-weight: 500;
}

/* Section 9
--------------------------------------------- */
.section-9{
    padding-top: 4%;
    margin-bottom: 6%;
}
.section-9 h2{
    font-size:22px;
    display: block;
    width: max-content;
    margin: auto auto auto 13%;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.section-9 .hr-4{
    display: block;
    height: 1px;
    background: #dd0404;
    width: 25%;
    margin-top: -1%;
    margin-bottom: 4%;
    margin-right: 75%;
    margin-left: 0;
}
.section-9 address{
        font-size: 13px;
    margin: 4% auto 3%;
    display: flex;
        justify-content: space-between;
    align-items: end;
    color: black;
}
.section-9 address span{
    margin-right:35px;
}
.section-9 address::before{
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: #dd0404;
    display: block;
    margin-left: 3%;
    position:absolute;
}
.section-9 address a , .section-9 address a:hover , .section-9 address a:focus{
    margin-right: 2%;
    color: black;
    border-bottom: 1px solid;
    text-decoration: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer > div:first-child{
    background: url(../img/back-to-top.png) top center no-repeat;
    min-height: 4.5rem;
    margin-bottom: -3.7rem;
    z-index: 1;
    position: relative;
    background-size: 11%;
}
.main-footer > div:last-child{
    background: #1d1c1c;
    padding-top: 0;
}
.main-footer #back-to-top i::before{
    color: white;
    font-size: 2rem;
    text-align: center;
    line-height: normal;
    cursor: pointer;
    padding-top: 0.5rem;
    display: block;
}
.main-footer .footer-right-col {
    padding-top: 3.2rem;
}
.main-footer .footer-right-col > div{
    margin: 0 5% 5% 20%;
}
.main-footer .footer-right-col img{
    width: 40%;
}
.main-footer .footer-right-col h2{
    font-size: 1.2rem;
    color: #dd0404;
    margin: 3% 0;
}
.main-footer .footer-right-col p{
    color: #b7b7b7;
    font-size: 1rem;
    text-align: justify;
    font-weight: 300;
    line-height: 2;
}
.main-footer .footer-middle-col{
    border-right: 2px solid #dd0404;
    margin-top: 9%;
    margin-bottom: 3%;
    direction: ltr;
    padding-left: 0;
}
.main-footer .footer-middle-col .social-media-footer{
    display: flex;
    justify-content: flex-start;
    direction: rtl;
    text-align: right;
    width: 100%;
    align-items: center;
}
.main-footer .footer-middle-col .social-media-footer a{
    width: max-content;
    margin: 0 0 0 2%;
}
.main-footer .footer-middle-col .social-media-footer a img{
    width: 2rem;
    height: 2rem;
    display: block;
    margin: auto;
}
.main-footer .footer-middle-col .social-media-footer hr{
    display: block;
    width: 81%;
    height: 1px;
    background: #dd0404;
}
.main-footer .footer-middle-col ul{
    margin: 0 0 0 -10%;
    padding: 0;
    text-align: left;
    list-style: none;
    position: relative;
    z-index: 1;
}
.main-footer .footer-middle-col ul li{
    margin: 4% 0;
}
.main-footer .footer-middle-col ul li a{
    font-size: 1.1rem;
    font-weight: 300;
    color: #fefefe;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main-footer .footer-middle-col ul li a div{
    margin-right: 5%;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
}
.main-footer .footer-middle-col ul li a div img{
    width: auto;
    height: 2rem;
    display: block;
    margin: auto;
}
.main-footer .footer-left-col {
    padding-right: 0;
}
.main-footer .footer-left-col > div{
    background: #af0909;
    height: 100%;
    width: 75%;
    box-shadow: inset 0 0 5px 0px black;
}
.slick-slide img{
    width: 100%;

}
.section-7 img{
    height: 200px;
    object-fit: cover;
}
/*--------------------------------------------------------------
# Side Bar
--------------------------------------------------------------*/
sidebar-col{
    position: relative;
}
.sidebar{
    box-shadow: 0 0 15px -5px rgb(0 0 0 / 0.2);
    position: sticky;
    top: 0;
}
.sidebar .header{
    padding: 10% 5%;
    background: #dd0404;
    box-shadow: inset 0 0 15px -5px rgb(0 0 0 / 0.5);
    justify-content: space-around;
}
.sidebar .header .user-name{
    width: 60%;
    justify-content: flex-start;
}
.sidebar .header .user-name i{
    background: white;
    width: 2rem;
    height: 2rem;
    font-size: 1.3rem;
    text-align: center;
    line-height: unset;
    border-radius: 50%;
    color: #dd0404;
    margin-left: 4%;
}
.sidebar .header .user-name p{
    margin: 0;
    color: white;
    font-size: 14px;
    border-right: 1px solid;
    padding-right: 5%;
}
.sidebar .header .user-rate{
    width: 40%;
    justify-content: flex-end;
    
}
.sidebar .header .user-rate > i{
    font-size: 1.3rem;
}
.sidebar .header .user-rate div{
    margin-right: 10%;
}
.sidebar .header .user-rate div i{
    font-family: IRANSans;
    font-size: .8rem;
    font-weight: 600;
}
.sidebar .header .user-rate div i:first-child{
    display: block;
    border-bottom: 1px solid;
    width: max-content;
    padding: 0 13%;
}
.sidebar .header .user-rate div i:last-child{
    background: white;
    padding: 1% 20%;
    display: block;
    width: max-content;
    border-radius: 5px;
    margin-top: 8%;
}
.sidebar .body ul{
    list-style: none;
    margin: 0;
    padding: 2% 5%;
}
.sidebar .body ul li{
    margin: 6% 0;
}
.sidebar .body ul li a{
    color: black;
    font-size: 15px;
}
.sidebar .slide-sidebar{
    background: url(../img/back-to-top.png) no-repeat center;
    width: 5rem;
    height: 3rem;
    display: block;
    background-size: contain;
    text-align: center;
    color: white;
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    left: -9%;
    cursor: pointer;
}
.sidebar .slide-sidebar i::before{
    font-size: 1.3rem;
    line-height: 2;
}
/*--------------------------------------------------------------
# Register Page
--------------------------------------------------------------*/
.register-page .register-right .flex{
    width: max-content;
    justify-content: center;
    flex-wrap: wrap;
    margin: -16% auto 0;
}
.register-page .register-right .flex span{
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    border-bottom: 1px solid;
    font-size: 1rem;
}
.register-page .register-right .flex a{
    background: white;
    padding: 3%;
    border-radius: 50%;
    margin: 5% 2% 0;
}
.register-page .register-right .flex a img{
    width: 1.5rem;
    height: 1.5rem;
}
.register-page .register-left{
    padding: 5% 3%;
}
.register-page .register-left .flex{
    justify-content: space-between;
}
.register-page .register-left .flex h3{
    font-size: 1.2rem;
    color: #dd0404;
}
.register-page .register-left .flex a{
    color: black;
}
.register-page .register-left .flex a i{
    display: block;
    margin-bottom: 15%;
}
.register-page .register-left .flex a i::before{
    display: block;
    margin: auto;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.4;
    background: #dd0404;
    color: white;
}
.register-page .register-left form{
    width: 60%;
    margin: 7% auto 0;
    display: block;
}
.register-page .register-left form input::placeholder{
    color: #555454;
}
.register-page .register-left form input , .register-page .register-left form select{
    width: 100%;
    margin: 3% 0;
    display: block;
    border: none;
    border-radius: 0;
    background: #ebebeb;
 
    padding: 2%;
    font-family: 'IRANSans';
    height: 42px;
    font-size: 14px;
}
.register-page .register-left form input[type="submit"]{
    background: url(../img/btn-back-3.png) no-repeat center 100%;
    background-size: cover;
    padding: 4%;
    color: white;
}
.register-page .register-left form select {
    background-image:
        linear-gradient(45deg, transparent 50%, white 50%),
        linear-gradient(135deg, white 50%, transparent 50%),
        linear-gradient(to right, #dd0404, #dd0404);
    background-position:
        calc(8% - 20px) calc(1em + 2px),
        calc(8% - 15px) calc(1em + 2px),
        0% 0;
    background-size:
        5px 5px,
        5px 5px,
        1.5em 2.5em;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*--------------------------------------------------------------
# Packages Page
--------------------------------------------------------------*/
.sidebar-col{
    padding-top: 3%;
    padding-bottom: 3%;
}
.package-left{
    padding-top: 3%;
    padding-bottom: 3%;
}
.package-left .top h2{
    font-size: 1.7rem;
    display: block;
    width: max-content;
    margin: auto;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.package-left .top hr{
    display: block;
    height: 2px;
    background: #dd0404;
    width: 75%;
    margin: -1% auto 2%;
}
.package-left .top p{
    font-size: 0.8rem;
    background: #f0f0f0;
    border: none;
    font-weight: 500;
}
.package-left .flex{
    justify-content: center;
}
.package-left .packages{
    filter: drop-shadow(-1px 1px 5px rgba(50, 50, 0, 0.15));
    margin: 1.5%;
    width: 22%;
}
.package-left .packages h3{
    padding: 10% 2% 20%;
    background: #dd0404;
    color: white;
    margin: 0;
    text-align: center;
    margin-bottom: -1.9rem;
    margin-right: 1px;
}
.package-left .packages .shape{
    display: block;
    width: 100%;
    height: 2rem;
    background: transparent;
    margin-top: 0;
    filter: drop-shadow(0px -5px 2px rgb(0 0 0 / 0.1));
}
.package-left .packages .shape::before{
    content: "";
    display: block;
    width: 100%;
    height: 2rem;
    background: white;
    clip-path: polygon(100% 100%, 100% 0, -5% 100%);
}
.package-left .packages .patterned-back{
    background: white;
    padding-bottom: 15%;
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 56% 100%, 50% 93%, 44% 100%);
    direction: rtl;
}
.package-left .packages .back{
    display: flex;
    justify-content: right;
    align-items: flex-start;
    margin-top: -.5rem;
}
.package-left .packages .back::before{
    content: "";
    width: 7%;
    height: 2rem;
    background: #dd0404;
    display: block;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.package-left .packages h4{
    text-align: right;
    color: #3d3d3d;
    width: 93%;
    margin: 3% auto 7%;
    padding: 0 3% 1%;
    font-size: .9rem;
}

.package-left .packages p{
    text-align: justify;
    font-size: .8rem;
    line-height: 1.5;
    font-weight: 300;
    color: #878787;
    margin: 0;
    padding: 0% 5% 3%;
}
.package-left .packages .price{
    text-align: justify;
    font-size: .9rem;
    line-height: 1.5;
    color: black;
    margin: 0;
    padding: 0% 5% 3%;
    display: block;
}

.package-left .packages .default-btn{
    width: 90%;
    margin: auto;
    box-shadow: none;
    background: #201f1f;
}

/*--------------------------------------------------------------
# Analayses Page
--------------------------------------------------------------*/
.analyses-page{
    padding-top: 3%;
    padding-bottom: 3%;
}
.analyses-page .top{
    margin-bottom: 5%;
}
.analyses-page .top h2{
    font-size: 17px;
    display: block;
    width: max-content;
    margin: auto;
    padding: 0 2%;
    position: relative;
    z-index: 1;
    background: white;
}
.analyses-page .top hr{
    display: block;
    height: 2px;
    background: #dd0404;
    width: 75%;
    margin: -1% auto 2%;
}
.analyses-page .top p{
    display: block;
    margin: auto;
    border: 2px solid #dd0404;
    color: #dd0404;
    padding: 1% 1%;
    font-weight: 500;
    width: 75%;
    text-align: center;
}
.analyses-page .body h3{
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}
.analyses-page .body h3::before{
    content: "";
    display: block;
    width: .5rem;
    height: 2rem;
    background: black;
    margin-left: 1rem;
}
.analyses-page .body .sec-1 form > p{
    color: black;
    font-size: 1.1rem;
    border: none;
    text-align: center;
}
.analyses-page .body .sec-1 form > p > span{
    background: #dd0404;
    color: white;
    padding: 0 1%;
    margin: 0 0.5%;
}
#pay-plan-btn{
    width: max-content;
    display: block;
    margin-left: 3%;
    margin-right: auto;
    background: url(../img/btn-back-4.png) no-repeat center;
    background-size: contain;
    border: none;
    padding: 3%;
    color: white;
}
.analyses-page .body .sec-1 .form{
    border: 2px solid;
    padding: 3%;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.analyses-page .body .sec-1 .form .goal-choice{
    display: flex;
    width: 35%;
}
.analyses-page .body .sec-1 .form .goal-choice .title{
    width: 25%;
}
.analyses-page .body .sec-1 .form .goal-choice .title h4{
    font-size: 1.2rem;
}
h4.contentTitle{
    font-size:15px;
}
.analyses-page .body .sec-1 .form .goal-choice .options{
    width: 70%;
    border: 2px solid #c3c3c3;
}
.analyses-page .body .sec-1 .form .goal-choice .options .goal-parrent{
    border-bottom: 2px solid #a4a4a4;
    margin: 2%;
    padding: 0 2%;
}
.analyses-page .body .sec-1 .form .goal-choice .options .goal-parrent:last-child{
    border-bottom: none;
}
.analyses-page .body .sec-1 .form .goal-choice .options .cheked-style , .analyses-page .body .sec-1 .form .goal-choice .options .cheked-style:last-child{
    border: 2px solid #dd0404;
    padding: 2%;
}
/* The goal-choices */
.goal-choices {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 25px;
}
  
/* Hide the browser's default checkbox */
.goal-choices input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
  
/* On mouse-over, add a grey background color */
.goal-choices:hover input ~ .checkmark {
    background-color: #ccc;
}
  
/* When the checkbox is checked, add a blue background */
.goal-choices input:checked ~ .checkmark {
    background-color: #dd0404;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
.goal-choices input:checked ~ .checkmark:after {
    display: block;
}
  
/* Style the checkmark/indicator */
.goal-choices .checkmark:after {
    left: 7px;
    top: 1px;
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: white;
}
.analyses-page .body .sec-1 .form .goal-des{
    width: 63%;
    margin-right: 2%;
    display: flex;
}
.analyses-page .body .sec-1 .form .goal-des label{
    font-size: 1.2rem;
    font-weight: 500;
    width: 35%;
}
.analyses-page-left .sec-2 .last-analyse-sec{
    border: 2px solid black;
    background: #fafafa;
    padding: 3%;
}
.analyses-page-left .sec-2 .last-analyse-sec > a{

    background-size: contain;
    padding: 2% 4%;
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-size: 1.1rem;
    display: block;
    width: max-content;
    margin: 0% auto 2% 0;
}
.analyses-page-left .sec-2 .last-analyse-sec > p{
    display: flex;
    width: 100%;
    margin-bottom: -1.5%;
    margin-right: 1%;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
}
.analyses-page-left .sec-2 .last-analyse-sec > p > span{
    background: white;
    color: black;
    margin-left: 2%;
    padding: 0 1%;
}
.analyses-page-left .sec-2 .last-analyse-sec > p > span:nth-of-type(1){
    margin: 0;
    color: #dd0404;
    font-weight: 500;
}
.analyses-page-left .sec-2 .last-analyse-sec > p > span:nth-of-type(2){
    background: #dd0404;
    color: white;
}
.analyses-page-left .sec-2 .last-analyse-sec table{
    border: 2px solid black;
    text-align: center;
    display: block;
    width: 100%;
    padding: 1%;
    position: relative;
}
.analyses-page-left .sec-2 .last-analyse-sec table::before{
    content: "";
    width: .5rem;
    height: 50%;
    position: absolute;
    right: 0;
    top: 25%;
    background: #dd0404;
}
.analyses-page-left .sec-2 .last-analyse-sec table thead , .analyses-page-left .sec-2 .last-analyse-sec table tbody{
    display: block;
    width: 100%;
}
.analyses-page-left .sec-2 .last-analyse-sec table tr{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.analyses-page-left .sec-2 .last-analyse-sec table th{
    padding: 0 1%;
    margin: 0 1%;
    display: block;
    width: 10%;
    font-weight: normal;
    color: #565555;
    text-align: right;
}
.analyses-page-left .sec-2 .last-analyse-sec table td{
    background: white;
    padding: 1%;
    margin: 2% 1% 0;
    display: block;
    width: 10%;
    border: 1px solid #efefef;
    font-weight: bold;
    text-align: right;
}
.analyses-page-left .sec-2 .last-analyse-sec table td:last-child{
    width: 18%;
    text-align: center;
    margin-right: auto;
    padding: 0;
}
.analyses-page-left .sec-2 .last-analyse-sec table td:last-child a{
    background: black;
    padding: 5%;
    display: block;
    width: 100%;
}
.analyses-page-left .sec-2 .last-analyse-sec table td:last-child a:hover{
    color: white;
}

/* New Analyse Page
--------------------------------------------- */
.new-analyse-page .sec-2{
    margin-top: 3%;
}
.new-analyse-page .sec-2 p{
    display: block;
    width: max-content;
    margin-bottom: -1.5%;
    margin-right: 1%;
    position: relative;
    z-index: 1;
    background: white;
    color: #dd0404;
    padding: 0 1%;
}
.new-analyse-page .sec-2 form{
    border: 2px solid black;
    background: #fafafa;
    padding: 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-analyse-page .sec-2 form .inputs{
    width: max-content;
    margin: auto 0 auto 2%;
}
.new-analyse-page .sec-2 form .inputs:last-child{
    margin-left: 0;
}
.new-analyse-page .sec-2 form .inputs input{
    width: 100%;
}
.new-analyse-page .sec-3{
    margin-top: 3%;
}
.new-analyse-page .sec-3 p{
    display: block;
    width: max-content;
    margin-bottom: -1.5%;
    margin-right: 1%;
    position: relative;
    z-index: 1;
    background: white;
    color: #dd0404;
    padding: 0 1%;
}
.new-analyse-page .sec-3 form{
    border: 2px solid black;
    background: #fafafa;
    padding: 3%;
}
.new-analyse-page .sec-3 .inputs{
    display: flex;
    align-items: stretch;
    margin: 5% 0;
}
.new-analyse-page .sec-3 .inputs h4{
    font-size: 1rem;
    font-weight: bold;
    align-self: flex-end;
}
.new-analyse-page .sec-3 .inputs > div{
    display: flex;
    width: 50%;
    justify-content: space-between;
}
.new-analyse-page .sec-3 .inputs > .right{
    width: 48%;
    margin-left: 2%;
}
.new-analyse-page .sec-3 .inputs .inner{
    width: max-content;
    margin: 0 2%;
    border: 2px solid #dd0404;
    display: flex;
}
.new-analyse-page .sec-3 .inputs select {
    width: 8.2rem;
    height: 2.7rem;
    margin: 0 2%;
    border: 2px solid #dd0404;
    line-height: 2.6;
    font-family: IRANSans;
    text-align: center;
    padding: 0 2%;
    background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #dd0404, #dd0404);
background-position:
    calc(21% - 20px) calc(1em + 2px),
    calc(21% - 15px) calc(1em + 2px),
    0% 0;
background-size:
    5px 5px,
    5px 5px,
    1.5em 2.5em;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}

/* The container */
.new-analyse-page .sec-3 .inputs .label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 4rem;
    height: 2.5rem;
    margin: 0;
}
  
/* Hide the browser's default radio button */
.new-analyse-page .sec-3 .inputs .label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
  
/* Create a custom radio button */
.new-analyse-page .sec-3 .inputs  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 0;
    text-align: center;
    line-height: 2.5;
}
  
/* On mouse-over, add a grey background color */
.new-analyse-page .sec-3 .inputs .label:hover input ~ .checkmark {
    background-color: #eee;
}
  
/* When the radio button is checked, add a blue background */
.new-analyse-page .sec-3 .inputs .label input:checked ~ .checkmark {
    background-color: #dd0404;
    color: white;
}
  
/* Create the indicator (the dot/circle - hidden when not checked) */
.new-analyse-page .sec-3 .inputs .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.new-analyse-page .sec-3 .inputs:nth-of-type(1) > .left > input , .new-analyse-page .sec-3 .inputs:nth-of-type(4) > .left > input{
    width: 100%;
}
.new-analyse-page .sec-3 .inputs:nth-of-type(3) > .left{
    justify-content: flex-start;
}
.new-analyse-page .sec-3 .inputs:nth-of-type(3) > .left > input{
    margin: 0 1%;
}
.new-analyse-page .sec-3 .inputs:nth-of-type(3) > .left > h4{
    width: 65%;
}
.new-analyse-page .sec-3 .inputs:nth-of-type(5) > .right{
    width: 100%;
    margin: 0;
}
.new-analyse-page .sec-3 .inputs:nth-of-type(5) > .right > input{
    width: 69%;
    height: 2.7rem;
}
.new-analyse-page .sec-4{
    margin-top: 3%;
}
.new-analyse-page .sec-4 p{
    display: block;
    width: max-content;
    margin-bottom: -1.5%;
    margin-right: 1%;
    position: relative;
    z-index: 1;
    background: white;
    color: #dd0404;
    padding: 0 1%;
}
.new-analyse-page .sec-4 form{
    border: 2px solid black;
    background: #fafafa;
    padding: 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-analyse-page .sec-4 form .inputs{
    width: max-content;
    margin: auto 0 auto 2%;
}
.new-analyse-page .sec-4 form .inputs:last-child{
    margin-left: 0;
}
.new-analyse-page .sec-4 form .inputs input{
    width: 100%;
}
.new-analyse-page .sec-5{
    margin-top: 3%;
}
.new-analyse-page .sec-5 p{
    display: block;
    width: max-content;
    margin-bottom: -1.5%;
    margin-right: 1%;
    position: relative;
    z-index: 1;
    background: white;
    color: #dd0404;
    padding: 0 1%;
}
.new-analyse-page .sec-5 form{
    border: 2px solid black;
    background: #fafafa;
    padding: 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-analyse-page .sec-5 form .inputs{
    width: max-content;
    margin: auto 0 auto 2%;
}
.new-analyse-page .sec-5 form .inputs:last-child{
    margin-left: 0;
}
.new-analyse-page .sec-5 form .inputs input{
    width: 100%;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/* 1024 px
--------------------------------------------- */
@media only screen and (max-width:1024px){
    .section-1{
        flex-direction: column;
        background: none;
    }
    .section-1 > div{
        width: 100%;
    }
    .section-1 > .header-slider{
        background: url(../img/header-back-mobile.png) no-repeat top right;
        background-size: 100%;
    }
    .section-3 .hr-3{
        width: 95%;
    }
    .main-footer .footer-middle-col ul {
        margin: 0 0 0 -11%;
    }
}

/* 991 px
--------------------------------------------- */
@media only screen and (max-width:991px){
    .section-3 .column{
        width: 50%;
    }
    .section-3 .column:nth-of-type(4){
        border-left: 2px solid black;
    }
    .section-3 .column:nth-of-type(3) , .section-3 .column:nth-of-type(5){
        border: none;
    }
    .main-footer .footer-middle-col ul li a div img{
        height: 1.5rem;
    }
    .main-footer .footer-middle-col ul li a{
        align-items: flex-start;
    }
}

/* 767 px
--------------------------------------------- */
@media only screen and (max-width:767px){
    .section-3{
     
    }
    .section-4 .slider-2, .section-6 .slider-3, .section-7 .slider-4 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .section-4 .row, .section-6 .row, .section-7 .row, .section-8 .row, .section-9 .row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .section-3 .column {
     width: 100%;
    /* display: flex; */
    justify-content: flex-start;
    /* flex-wrap: wrap; */
    /* align-items: flex-end; */
    } 
    .section-3 .column:nth-of-type(2) , .section-3 .column:nth-of-type(3) , .section-3 .column:nth-of-type(4) , .section-3 .column:nth-of-type(5) , .section-3 .column:nth-of-type(6){
        border-left: none;
        border-bottom: 1px solid black;
    }
    .section-3 img {
        width: 3rem;
    
    }
    .section-3 p{
        line-height: normal;
        margin-bottom: 2%;
    }
    .section-3 .hr-3 {
        margin: 2% auto 4%;
        width: 100%;
    }
    .section-4 .hr-4 , .section-6 .hr-4 , .section-7 .hr-4 , .section-8 .hr-4 , .section-9 .hr-4{
       margin: 2% auto 3%;
        width: 100%;
    }
    .section-6 h2 , .section-7 h2 , .section-9 h2{
        margin: auto;
    }
    .section-5 .content p{
        width: 100%;
        margin: 6% auto;
        font-size: 1.7rem;
    }
    .slider-5 .slick-center{
        transform: none;
    }
    .main-footer .footer-right-col > div {
        margin: 0 5% 5%;
    }
    .main-footer .footer-middle-col{
        margin-top: 1%;
    }
}

/* 575 px
--------------------------------------------- */
@media only screen and (max-width:575px){

}

/* 480 px
--------------------------------------------- */
@media only screen and (max-width:480px){

}

/* 380 px
--------------------------------------------- */
@media only screen and (max-width:380px){

}
.navbar-nav{
    font-size:14px;
}
   .lefter{
                    flex-direction:row-reverse;
                    font-size:14px;
                }
                .lefter i{
                    margin-bottom:10px;
                }
                          .labelFLogin{
   font-size: 14px;
    color: #dd0404;
    margin-bottom: 24px; 
   
                }