@charset "UTF-8";

@font-face {
    font-family: IRANSans;
    font-style : normal;
    font-weight: 900;
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Black.eot);
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Black.eot?#iefix) format('embedded-opentype'), url(../fonts/iranSans/woff2/IRANSansWeb_Black.woff2) format('woff2'), url(../fonts/iranSans/woff/IRANSansWeb_Black.woff) format('woff'), url(../fonts/iranSans/ttf/IRANSansWeb_Black.ttf) format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style : normal;
    font-weight: 700;
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Bold.eot);
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/iranSans/woff2/IRANSansWeb_Bold.woff2) format('woff2'), url(../fonts/iranSans/woff/IRANSansWeb_Bold.woff) format('woff'), url(../fonts/iranSans/ttf/IRANSansWeb_Bold.ttf) format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style : normal;
    font-weight: 500;
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Medium.eot);
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/iranSans/woff2/IRANSansWeb_Medium.woff2) format('woff2'), url(../fonts/iranSans/woff/IRANSansWeb_Medium.woff) format('woff'), url(../fonts/iranSans/ttf/IRANSansWeb_Medium.ttf) format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style : normal;
    font-weight: 300;
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Light.eot);
    src        : url(../fonts/iranSans/eot/IRANSansWeb_Light.eot?#iefix) format('embedded-opentype'), url(../fonts/iranSans/woff2/IRANSansWeb_Light.woff2) format('woff2'), url(../fonts/iranSans/woff/IRANSansWeb_Light.woff) format('woff'), url(../fonts/iranSans/ttf/IRANSansWeb_Light.ttf) format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style : normal;
    font-weight: 200;
    src        : url(../fonts/iranSans/eot/IRANSansWeb_UltraLight.eot);
    src        : url(../fonts/iranSans/eot/IRANSansWeb_UltraLight.eot?#iefix) format('embedded-opentype'), url(../fonts/iranSans/woff2/IRANSansWeb_UltraLight.woff2) format('woff2'), url(../fonts/iranSans/woff/IRANSansWeb_UltraLight.woff) format('woff'), url(../fonts/iranSans/ttf/IRANSansWeb_UltraLight.ttf) format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style : normal;
    font-weight: 400;
    src        : url(../fonts/iranSans/eot/IRANSansWeb.eot);
    src        : url(../fonts/iranSans/eot/IRANSansWeb.eot?#iefix) format('embedded-opentype'), url(../fonts/iranSans/woff2/IRANSansWeb.woff2) format('woff2'), url(../fonts/iranSans/woff/IRANSansWeb.woff) format('woff'), url(../fonts/iranSans/ttf/IRANSansWeb.ttf) format('truetype')
}

::after,
::before {
    font-family: remixicon;
    box-sizing : border-box
}

body {
    background : #192734;
    font-family: IRANSans;
    color      : #fff
}

a {
    text-decoration: none
}

.t-header__logo {
    color      : #00e0ff !important;
    font-size  : 36px;
    font-weight: 700
}

header {
    top             : 0;
    left            : 0;
    right           : 0;
    padding         : .8rem 0;
    position        : relative;
    vertical-align  : middle;
    transition      : .3s;
    z-index         : 98;
    background-color: #1f3041
}

.mobile-nav-toggle {
    position  : relative;
    margin-top: 12px !important
}

.mobile-nav-toggle {
    color      : #fff;
    font-size  : 28px;
    cursor     : pointer;
    display    : none;
    line-height: 0;
    transition : .5s
}

.navbar {
    padding: 0
}

.navbar ul {
    margin     : 0;
    padding    : 0;
    display    : flex;
    list-style : none;
    align-items: center
}

.navbar li {
    position: relative
}

.navbar li.is-active>a,
.navbar li.is-active>i {
    color: #fff
}

.navbar li:hover>a,
.navbar li:hover>i {
    color     : #fff;
    transition: all .3s ease-in-out
}

.navbar li i {
    color      : #9d9d9d;
    margin-left: .4rem
}

.navbar ul li.dropdown a {
    padding-left: 20px
}

.navbar a {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    padding        : 10px 0 10px 30px;
    font-size      : 15px;
    color          : #9d9d9d;
    white-space    : nowrap;
    transition     : .3s
}

ul li.dropdown>a:after {
    content  : "\EA4E";
    font-size: 24px;
    color    : #ccc
}

.navbar .dropdown ul li {
    min-width : 200px;
    transition: all .2s ease-out
}

.navbar ul li.dropdown a {
    padding-left: 20px
}

.navbar .dropdown ul a {
    padding       : 10px 20px;
    font-size     : 12px;
    text-transform: none;
    color         : #222
}

.menu-parent {
    display: none
}

.sign-in-account__btn {
    border       : 1px solid #e7e7e7;
    color        : #fff;
    padding      : .5rem 1rem;
    border-radius: 6px;
    display      : flex;
    align-items  : center;
    font-size    : 12px
}

.sign-in-account__btn:before {
    content    : "\F25C";
    margin-left: 5px;
    font-size  : 15px
}

@media (min-width:568px) {
    header nav {
        width: 40% !important
    }
}

@media (min-width:768px) {
    header nav {
        width: 30% !important
    }
}

@media (max-width:992px) {
    .overflow-hidden {
        overflow: hidden !important
    }

    .nav-header .t-header__logo {
        font-size: 2rem;
        padding  : 0;
        margin   : 2rem 0
    }

    .navbar li.dropdown>a.open:after {
        content   : "\EA4E";
        transform : rotate(180deg);
        transition: all .3s
    }

    .active .dropdown>.dropdown-active {
        display: block
    }

    .menu-parent {
        position  : fixed;
        left      : 0;
        top       : 0;
        right     : 0;
        bottom    : 0;
        background: rgba(0, 0, 0, .47058823529411764);
        display   : none;
        z-index   : 500
    }

    .menu-parent.active {
        display: block
    }

    header nav.active {
        right: 0
    }

    header {
        padding: 1.2rem 0
    }

    .mobile-nav-toggle {
        display: block
    }

    .mobile-nav-toggle:before {
        font-style: normal;
        content   : "\EF33"
    }

    .user-profile__btn:before {
        content  : "\F25C";
        font-size: 28px;
        color    : #fff
    }

    .navbar {
        overflow-y: auto
    }

    header nav {
        display   : block !important;
        position  : fixed;
        right     : -75%;
        top       : 0;
        height    : 100%;
        background: #fff;
        width     : 70%;
        transition: .3s;
        z-index   : 999
    }

    .navbar ul {
        flex-direction: column !important;
        align-items   : unset !important
    }

    .navbar li.dropdown>a {
        position    : relative;
        padding-left: unset !important;
        width       : 100% !important
    }

    .navbar li {
        padding: .4rem 1rem
    }

    .navbar ul li a {
        padding-right: 10px;
        color        : #fff
    }

    .navbar a {
        color: #333
    }

    .navbar li.dropdown>a:after {
        content     : "\EA4E";
        font-size   : 25px;
        padding-left: unset !important;
        margin-left : 10px;
        transition  : all .3s
    }

    .navbar .dropdown ul {
        display      : none;
        position     : relative;
        left         : 14px;
        top          : calc(100% + 30px);
        margin       : 0;
        z-index      : 99;
        opacity      : unset !important;
        background   : #eee;
        transition   : .3s;
        border-radius: 0;
        padding-right: unset !important;
        width        : 100%
    }

    .navbar .dropdown ul {
        left: 0 !important
    }

    .navbar .dropdown ul a {
        padding: 10px 25px
    }
}

@media (min-width:992px) {
    header nav {
        width: unset !important
    }

    .navbar .dropdown .dropdown ul {
        top       : 0;
        right     : calc(100% - 30px);
        visibility: hidden
    }

    .navbar .dropdown:hover>ul {
        opacity   : 1;
        top       : 100%;
        visibility: visible
    }

    .navbar .dropdown ul {
        display      : block;
        position     : absolute;
        top          : calc(100% + 30px);
        margin       : 0;
        padding      : 10px 0;
        z-index      : 99;
        opacity      : 0;
        visibility   : hidden;
        background   : #fff;
        box-shadow   : 0 0 30px rgb(127 137 161 / 25%);
        transition   : .3s;
        border-radius: 8px
    }

    ul li.dropdown ul li.dropdown>a:after {
        content  : "\EA64";
        font-size: 24px
    }

    ul li.dropdown>a:after {
        content  : "\EA4E";
        font-size: 24px;
        color    : #ccc
    }

    .navbar .dropdown .dropdown ul {
        top       : 0;
        right     : calc(100% - 60px);
        visibility: hidden
    }

    .navbar .dropdown .dropdown:hover>ul {
        opacity   : 1;
        top       : 0;
        right     : calc(100% - 30px);
        visibility: visible
    }
}

.text-white {
    color: #fff
}

.text-muted {
    color: #9d9d9d
}

.t-header__contact-icon {
    width          : 40px;
    height         : 40px;
    background     : #e50128;
    text-align     : center;
    display        : flex;
    justify-content: center;
    align-items    : center;
    border-radius  : .6rem
}

.t-header__contact-icon * {
    color: #fff
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.hero-section {
    margin: 5rem 0
}

.t-page__title {
    font-size  : 70px;
    font-weight: 700
}

.caption {
    color      : rgb(255 255 255 / 80%);
    line-height: 2
}

.btn {
    display            : inline-block;
    font-weight        : 400;
    line-height        : 1.5;
    color              : #212529;
    text-align         : center;
    text-decoration    : none;
    vertical-align     : middle;
    cursor             : pointer;
    -webkit-user-select: none;
    -moz-user-select   : none;
    user-select        : none;
    background-color   : transparent;
    border             : 1px solid transparent;
    padding            : .675rem 1.5rem;
    font-size          : 1rem;
    border-radius      : .5rem;
    transition         : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn__danger {
    color           : #fff;
    background-color: #e50128;
    border-color    : #e50128;
    box-shadow      : 0 8px 20px -6px rgba(255 62 78 / 1)
}

footer {
    padding-top: 1rem
}

.t-footer__lable {
    color    : #b0a3a3;
    min-width: 95px
}

.t-footer__lable+* {
    color: #b0a3a3
}

.t-footer__column-item a {
    color: #fff
}

.t-footer__column-item a,
.t-footer__column-item span {
    margin-right: 1rem
}

.footer_social-media a i {
    font-size: 1.3rem
}

.footer_social-media a .ri-instagram-line {
    color: #e4405f
}

.footer_social-media a .ri-whatsapp-line {
    color: rgba(3, 201, 169, 1)
}

.footer__trust-symbol {
    background   : #fff;
    padding      : 0.3rem;
    border-radius: .4rem
}

.footer__copyright {
    font-size: .8rem;
    margin   : .7rem;
    color    : #909090
}

img {
    max-width: 100%
}

.service__card {
    position     : relative;
    background   : #1f3141;
    border-radius: .7rem;
    margin-bottom: 1rem
}

.service__card-icon {
    padding: 1rem 2rem
}

.service__card-icon i {
    color    : #6d6d6d;
    font-size: 1.2rem
}

.service__card-image {
    display: flex
}

.service__card-image img {
    object-fit: cover;
    max-width : 100%
}

.service__card-title {
    padding  : 1rem 3rem;
    font-size: 3rem
}

.service__btn {
    display      : flex;
    align-items  : center;
    color        : #fff;
    border-radius: 50px;
    padding      : .7rem 2rem;
    position     : relative
}

.service__btn::before {
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #e50128;
    position       : absolute;
    right          : 0;
    top            : 0;
    width          : 20%;
    border-radius  : 50px;
    content        : "";
    font-size      : 2rem;
    transition     : all .5s cubic-bezier(.68, -.55, .265, 1.55)
}

.service__card-actions {
    position: absolute;
    bottom  : 20%;
    right   : 5%
}

.cta {
    display    : flex;
    align-items: center;
    position   : relative;
    margin     : auto;
    padding    : 19px 22px;
    transition : all .2s ease
}

.cta:before {
    content        : "";
    position       : absolute;
    top            : 0;
    right          : 5px;
    display        : block;
    border-radius  : 28px;
    background     : #3ad5ff;
    box-shadow     : #3ad5ff 0 7px 29px 0;
    width          : 56px;
    height         : 56px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transition     : all .3s ease
}

.cta span {
    color         : #fff;
    position      : relative;
    font-size     : 16px;
    line-height   : 18px;
    font-weight   : 900;
    text-transform: uppercase;
    vertical-align: middle
}

.cta svg {
    position       : relative;
    top            : 0;
    margin-left    : 2rem;
    fill           : none;
    stroke-linecap : round;
    stroke-linejoin: round;
    stroke         : #fff;
    stroke-width   : 3;
    transform      : translateX(-5px);
    transition     : all .3s ease
}

.cta:hover:before {
    width     : 100%;
    box-shadow: unset;
    background: #e50128
}

.cta:hover .service__card-title {
    color: red !important
}

.cta:hover svg {
    transform: translateX(0)
}

.cta:active {
    transform: scale(.96)
}

.service__card-image {
    position: relative
}

.service__cover {
    height    : 350px;
    object-fit: cover
}

.about-section {
    margin: 9rem 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right   : 0;
    left    : 0;
    z-index : 1030
}

main {
    padding-top: 5rem
}

@media (max-width:768px) {
    .t-page__title {
        font-size  : 30px;
        font-weight: 700
    }

    .hero-section p {
        width     : 100% !important;
        text-align: justify
    }

    .about-section p {
        width: 100% !important
    }

    .more-info__btn {
        display        : flex;
        justify-content: center
    }

    .t-footer__column-item a {
        margin: 0 1rem
    }

    .t-footer__column {
        margin-bottom: 2rem
    }

    .navbar {
        background: #1f3041
    }
}

.service__card-image img {
    height: 350px;
}

.hover-title{
    position: relative;
    font-size: 80px;
}
.service__card-title{

}
.service__replace {
    display: none;
}

.hover-cover-ui {
    position: relative;
    left: 0;
}