/*
@File: Wile Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>>>>
****************************************************
* - DEFAULT AREA STYLE - *

** - Global  Style

** - Top Header Area CSS
** - Navbar Area CSS

* - HOME PAGE STYLE - *

** - Banner Area CSS
** - Home Area Two CSS
** - Hero Area Three CSS

* - OTHER STYLE AREA - *

** - Preloader Area CSS
** - Go Top CSS

** - About Page CSS
** - Service Page CSS
** - Service Details Page CSS
** - Portfolio  Page CSS
** - Portfolio details Page CSS
** - Blog Page CSS
** - Blog Details Page CSS
** - FAQ Accordion Page CSS
** - Pricing Page CSS
** - Contact Us Page CSS
** - My Account Area CSS
** - Privacy Policy Area CSS
** - 404 Error Page CSS
** - Our Terms & Conditions Page CSS

****************************************************
*/
/* Global  Style */
@import url("Vazirmatn-RD-FD-font-face.css");

body {
    color: #646366;
    font-size: 16px;
    font-family: "Vazirmatn RD FD", sans-serif;
}

/*for scrollbar*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: silver;
    border-radius: 10px;
    right: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: silver;
}

/*for scrollbar*/
[type="email"], [type="number"], [type="tel"], [type="url"] {
    direction: rtl;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, span, p, li, strong, a {
    letter-spacing: 0px !important;
    font-family: "Vazirmatn RD FD", sans-serif;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    direction: ltr;
    font-family: "Vazirmatn RD FD", sans-serif;
}

.coming-soon-area .coming-soon .list ul {
    direction: ltr;
}

button, input, optgroup, select, textarea {
    font-family: "Vazirmatn RD FD", sans-serif;
}

#timer {
    direction: ltr;
}

.testimonials-item .swiper-button-prev::after {
    content: "\ea50" !important;
}

.testimonials-item .swiper-button-next::after {
    content: "\ea4d" !important;
}

.login-form form .lost-your-password {
    text-align: left !important;
}

.search-can .offcanvas-body .search-form {
    position: relative;
    max-width: 300px;
    text-align: center;
    margin: auto;
}

.blog-area {
    background-color: rgba(247, 247, 247, 0.94);
    position: relative;
    z-index: 1;
}

.blog-area .section-top .section-heading {
    max-width: 630px;
}

.blog-area .section-top .blog-btn {
    text-align: end;
    margin-top: 18px;
}

.blog-area .blog-shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.get-content .form .form-control {
    border: none;
    box-shadow: none;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    height: 50px;
    padding: 20px;
    font-size: 15px;
    color: #232429;
    margin-bottom: 20px;
}

.get-content .form .form-control::-moz-placeholder {
    color: #b5b5b5;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.get-content .form .form-control:-ms-input-placeholder {
    color: #b5b5b5;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.get-content .form .form-control::placeholder {
    color: #b5b5b5;
    transition: all ease 0.5s;
}

.get-content .form .form-control:focus {
    border: 1px solid #e1940c;
}

.get-content .form .form-control:focus::-moz-placeholder {
    color: transparent;
}

.get-content .form .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.get-content .form .form-control:focus::placeholder {
    color: transparent;
}

.get-content .form .textarea {
    height: 234px;
    margin-bottom: 35px;
}

.grt-image {
    position: relative;
}

.grt-image .about-7 {
    max-width: 612px;
    border-radius: 4px;
}

.grt-image .about-8 {
    position: absolute;
    left: -95px;
    bottom: -40px;
    border-radius: 4px 4px 4px 0px;
    border: 14px solid #ffffff;
    border-left-width: 0;
    border-bottom-width: 0;
}

.ask-area .ask-image .ask-form .form-control {
    border: none;
    box-shadow: none;
    background-color: rgba(51, 51, 51, 0.45);
    border: 0.1px solid rgba(51, 51, 51, 0.45);
    border-radius: 9px;
    font-size: 15px;
    height: 50px;
    color: #ffffff;
    padding: 12px 25px;
    margin-bottom: 20px;
}

.ask-area .ask-image .ask-form .form-control::-moz-placeholder {
    color: #7a7a7a;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.ask-area .ask-image .ask-form .form-control:-ms-input-placeholder {
    color: #7a7a7a;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.ask-area .ask-image .ask-form .form-control::placeholder {
    color: #7a7a7a;
    transition: all ease 0.5s;
}

.ask-area .ask-image .ask-form .form-control:focus {
    border: 0.1px solid #ffffff;
}

.ask-area .ask-image .ask-form .form-control:focus::-moz-placeholder {
    color: transparent;
}

.ask-area .ask-image .ask-form .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.ask-area .ask-image .ask-form .form-control:focus::placeholder {
    color: transparent;
}

.error-area {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-top: 100px;
}

.error-area .d-table {
    width: 100%;
    height: 100%;
}

.error-area .d-table .d-table-cell {
    vertical-align: middle;
}

.error-area .error-content-wrap {
    z-index: 1;
    position: relative;
}

.error-area .error-content-wrap h3 {
    margin: 20px 0 0;
    position: relative;
    color: #232429;
}

.error-area .error-content-wrap p {
    margin: 15px 0 20px;
    font-size: 18px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .nav-tabs {
        max-width: 420px !important;
        background-color: transparent !important;
    }

    .nav-item {
        border-right: 0 !important;
        margin: 0 5px 5px 0 !important;
    }

    .nav-link {
        font-size: 15px !important;
        padding: 5px 0 !important;
        border-bottom: 2px solid #e3e3e3 !important;
        border-radius: 0 !important;
        color: grey;
    }

    /*   .nav-link i {
           position: absolute;
           top: 8px;
       }*/
    .pricing-info .nav-tabs {
        max-width: 420px !important;
        background-color: transparent !important;
    }

    .pricing-info .nav-item {
        border-right: 0 !important;
        margin: 0 5px 5px 0 !important;
    }

    .pricing-info .nav-item:last-child {
        margin-right: 0 !important;
    }

    .nav-link {
        font-size: 15px !important;
        padding: 5px 0 !important;
        border-bottom: 2px solid #e3e3e3 !important;
        border-radius: 0 !important;
        color: grey;
    }

    /*  .nav-link i {
          position: absolute;
          top: 8px;
      }*/
    /*  .nav-link i {
          position: absolute;
          top: 8px;
      }*/
    .testimonials-item .swiper-button-prev::after {
        content: "\ea4d" !important;
    }

    .testimonials-item .swiper-button-next::after {
        content: "\ea50" !important;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonials-item .swiper-button-prev::after {
        content: "\ea4d" !important;
    }

    .testimonials-item .swiper-button-next::after {
        content: "\ea50" !important;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonials-item .swiper-button-prev::after {
        content: "\ea4d" !important;
    }

    .testimonials-item .swiper-button-next::after {
        content: "\ea50" !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .nav-tabs {
        max-width: 420px !important;
        background-color: transparent !important;
    }

    .nav-item {
        border-right: 0 !important;
        margin: 0 5px 5px 0 !important;
    }

    .nav-link {
        font-size: 15px !important;
        padding: 5px 0 !important;
        border-bottom: 2px solid #e3e3e3 !important;
        border-radius: 0 !important;
        color: grey;
    }

    /*   .nav-link i {
           position: absolute;
           top: 8px;
       }*/
    /*    .nav-link i {
            position: absolute;
            top: 8px;
        }*/
    .pricing-info .nav-tabs {
        max-width: 420px !important;
        background-color: transparent !important;
    }

    .pricing-info .nav-item {
        border-right: 0 !important;
        margin: 0 5px 5px 0 !important;
    }

    .pricing-info .nav-item:last-child {
        margin-right: 0 !important;
    }

    .pricing-info .nav-item .nav-link {
        font-size: 14px !important;
        padding: 5px 14px !important;
        border: 1px solid #e3e3e3 !important;
        border-radius: 0 !important;
    }

    .testimonials-item .swiper-button-prev::after {
        content: "\ea4d" !important;
    }

    .testimonials-item .swiper-button-next::after {
        content: "\ea50" !important;
    }

}

@media only screen and (max-width: 767px) {


    .nav-tabs {
        max-width: 420px !important;
        background-color: transparent !important;
    }

    .nav-item {
        border-right: 0 !important;
        margin: 0 0 5px 0 !important;
    }

    .nav-link {
        font-size: 15px !important;
        padding: 5px 0 !important;
        border-bottom: 2px solid #e3e3e3 !important;
        border-radius: 0 !important;
        color: grey;
    }

    /*  .nav-link i {
          position: absolute;
          top: 8px;
      }
  */
    .pricing-info .nav-tabs {
        max-width: 420px !important;
        background-color: transparent !important;
    }

    .pricing-info .nav-item {
        border-right: 0 !important;
        margin: 0 5px 5px 0 !important;
    }

    .pricing-info .nav-item:last-child {
        margin-right: 0 !important;
    }

    .pricing-info .nav-item .nav-link {
        font-size: 14px !important;
        padding: 5px 14px !important;
        border: 1px solid #e3e3e3 !important;
        border-radius: 0 !important;
    }

    .testimonials-item .swiper-button-prev::after {
        content: "\ea4d" !important;
    }

    .testimonials-item .swiper-button-next::after {
        content: "\ea50" !important;
    }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .recent-slider-content .swiper-slider-arrow .swiper-button-prev {
        right: 1250px !important;
    }

    .recent-slider-content .swiper-slider-arrow .swiper-button-next {
        right: 0 !important;
    }
}

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

a {
    color: #646366;
    text-decoration: none;
    transition: all ease 0.5s;
}

a:hover {
    color: #e1940c;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #232429;
    font-weight: 700;
    font-family: "Vazirmatn RD FD", sans-serif;
}

p {
    margin-bottom: 15px;
    line-height: 1.8;
    color: #646366;
}

p:last-child {
    margin-bottom: 0;
    text-align: justify;
}

.bg-color-232429 {
    background-color: #232429;
}

.bg-color-01172f {
    background-color: #01172f;
}

.bg-color-f8f8f8 {
    background-color: #f8f8f8;
}

.bg-color-f5f5f5 {
    background-color: #f5f5f5;
}

.bg-color-0b112e {
    background-color: #0b112e !important;
}

.bg-color-fbfbfb {
    background-color: #fbfbfb;
}

.bg-color-f9f9f9 {
    background-color: #f9f9f9;
}

.bg-color-f4f4f4 {
    background-color: #f4f4f4;
}

.bg-color-ffffff {
    background-color: #ffffff;
}

.bg-color-efefef {
    background-color: #efefef;
}

.bg-color-f2f2f2 {
    background-color: #f2f2f2;
}

.bg-color-e9e9e9 {
    background-color: #e9e9e9;
}

.bg-color-fcfcfc {
    background-color: #fcfcfc;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

/*
Default Area Style
======================================================*/
.section-title {
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}

.section-title .sub-title {
    display: block;
    font-weight: 600;
    color: #fea735;
    margin-bottom: 10px;
}

.section-title h2 {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 42px;
    color: #232429;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading .sub-title {
    display: block;
    font-weight: 500;
    color: #e1940c;
    margin-bottom: 10px;
    font-size: 20px;
}

.section-heading h2 {
    font-size: 32px;
    line-height: 42px;
    color: #232429;
}

.common-btn {
    display: inline-block;
    font-weight: 500;
    position: relative;
    background-color: #fea735;
    color: #ffffff;
    border-radius: 5px;
    border: none;
    transition: all ease 0.5s;
    padding-top: 12px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 12px;
    z-index: 1;
}

.common-btn::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #000000;
    z-index: -1;
    opacity: 0;
    border-radius: 4px;
    transition: all ease 0.5s;
}

.common-btn:hover {
    color: #ffffff;
}

.common-btn:hover::before {
    opacity: 1;
    height: 100%;
    visibility: visible;
}

.read-more {
    display: inline-block;
    color: #e1940c;
    border-radius: 5px;
    font-weight: 500;
    position: relative;
}

.read-more i {
    position: absolute;
    top: 50%;
    left: -22px;
    text-align: center;
    font-size: 20px;
    transform: translateY(-50%);
    transition: all ease 0.5s;
}

/*
Top Header Area CSS
======================================================*/
.top-header-area {
    padding-top: 12px;
}

.top-header-area .container-fluid {
    max-width: 1620px;
}

.top-header-area .top-header-content {
    padding-bottom: 12px;
}

.top-header-area .top-header-content .header-info ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.top-header-area .top-header-content .header-info ul li {
    display: inline-block;
    position: relative;
    margin-left: 50px;
    padding-right: 25px;
    font-size: 15px;
    color: #646366;
}

.top-header-area .top-header-content .header-info ul li:last-child {
    margin-left: 0;
}

.top-header-area .top-header-content .header-info ul li:first-child img {
    top: 4px;
}

.top-header-area .top-header-content .header-info ul li img {
    position: absolute;
    top: 6px;
    right: 0;
    max-width: 18px;
    color: #e1940c;
}

.top-header-area .top-header-content .header-right {
    text-align: end;
}

.top-header-area .top-header-content .header-right .login {
    display: inline-block;
    margin-left: 10px;
}

.top-header-area .top-header-content .header-right .login ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.top-header-area .top-header-content .header-right .login ul li {
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #646366;
    padding-left: 10px;
}

.top-header-area .top-header-content .header-right .login ul li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 1px;
    width: 1px;
    height: 15px;
    background-color: #d0d0d0;
    transform: rotate(-25deg);
}

.top-header-area .top-header-content .header-right .login ul li:last-child {
    padding-left: 0;
}

.top-header-area .top-header-content .header-right .login ul li:last-child::before {
    display: none;
}

.top-header-area .top-header-content .header-right .login ul li.login-text {
    padding-right: 25px;
}

.top-header-area .top-header-content .header-right .flow {
    display: inline-block;
    position: relative;
}

.top-header-area .top-header-content .header-right .flow ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.top-header-area .top-header-content .header-right .flow ul li {
    display: inline-block;
    padding-left: 10px;
    line-height: 0;
}

.top-header-area .top-header-content .header-right .flow ul li:last-child {
    padding-left: 0;
}

.top-header-area .top-header-content .header-right .flow ul li p {
    font-size: 14px;
    color: #666666;
}

.top-header-area .top-header-content .header-right .flow ul li a {
    font-size: 16px;
    position: relative;
    bottom: -2px;
}

/*
Banner Area CSS
======================================================*/
.banner-area {
    position: relative;
    z-index: 1;
}

.banner-area .container-fluid {
    max-width: 1620px;
}

.banner-area .banner-content {
    max-width: 555px;
    position: relative;
}

.banner-area .banner-content span {
    font-size: 17px;
    font-weight: 700;
    font-family: "Vazirmatn RD FD", sans-serif;
    display: block;
    color: #e1940c;
    margin-bottom: 5px;
}

.banner-area .banner-content h1 {
    font-size: 64px;
    line-height: 70px;
    color: #ffffff;
    margin-bottom: 20px;
}

.banner-area .banner-content p {
    color: #e8e8e8;
    margin-bottom: 30px;
}

.banner-area .banner-content .banner-btn .common-btn {
    border: 1px solid #e1940c;
}

.banner-area .banner-content .banner-btn .common-btn:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.banner-area .banner-content .banner-btn .common-btn.style {
    margin-right: 10px;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.banner-area .banner-content .banner-btn .common-btn.style:hover {
    background-color: #e1940c !important;
}

.banner-area .banner-content .banner-shape-3 {
    position: absolute;
    top: 25px;
    right: -60px;
}

.banner-area .banner-image {
    position: relative;
    margin-right: -60px;
}

.banner-area .banner-image .banner-shape-6 {
    position: absolute;
    top: 0;
    left: -50px;
}

.banner-area .banner-image .banner-shape-7 {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 100px;
    transform: translateY(-50%);
}

.banner-area .banner-image .banner-shape-8 {
    position: absolute;
    top: 73%;
    left: 115px;
    transform: translateY(-50%);
    width: 60px;
}

.banner-area .banner-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-area .banner-shape-2 {
    position: absolute;
    top: 50px;
    right: 100px;
}

.banner-area .banner-shape-4 {
    position: absolute;
    right: 40px;
    bottom: 60px;
}

.banner-area .banner-shape-5 {
    position: absolute;
    bottom: 100px;
    right: 490px;
}

.project-card {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 12px 35px;
    text-align: center;
    max-width: 205px;
    position: absolute;
    top: -35px;
    right: 220px;
}

.project-card h3 {
    font-size: 32px;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #e1940c;
    margin-bottom: 0;
}

.project-card p {
    font-weight: 500;
    color: #232429;
}

.customer-card {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 12px 20px;
    text-align: center;
    max-width: 205px;
    position: absolute;
    bottom: 0;
    left: 145px;
}

.customer-card h3 {
    font-size: 32px;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #e1940c;
    margin-bottom: 0;
}

.customer-card p {
    font-weight: 500;
    color: #232429;
}

/*
Home Two Banner Area CSS
======================================================*/
.banner-area.banner-area-two {
    padding-top: 130px;
    background: linear-gradient(-180deg, #F4FFFE 0%, #FFFFFF 100%);
    position: relative;
    z-index: 1;
}

.banner-area.banner-area-two .banner-content {
    max-width: 718px;
}

.banner-area.banner-area-two .banner-content h1 {
    color: #232429;
}

.banner-area.banner-area-two .banner-content p {
    color: #232429;
}

.banner-area.banner-area-two .banner-content .banner-btn {
    margin-bottom: 35px;
}

.banner-area.banner-area-two .banner-content .banner-btn .common-btn.style {
    margin-right: 10px;
    background-color: transparent;
    border: 1px solid #07203c;
    color: #07203c;
}

.banner-area.banner-area-two .banner-content .banner-btn .common-btn.style:hover {
    color: #ffffff;
}

.banner-area.banner-area-two .banner-content .review .review-bg {
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 42.5px;
    padding: 10px 15px 10px 20px;
    margin-bottom: 15px;
}

.banner-area.banner-area-two .banner-content .review .review-bg ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.banner-area.banner-area-two .banner-content .review .review-bg ul li {
    display: inline-block;
    margin-left: -6px;
}

.banner-area.banner-area-two .banner-content .review .review-bg ul li img {
    max-width: 55px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    transition: all ease 0.5s;
}

.banner-area.banner-area-two .banner-content .review .review-bg ul li img:hover {
    transform: scale(1.1);
}

.banner-area.banner-area-two .banner-content .review p {
    position: relative;
    color: #232429;
    padding-right: 25px;
}

.banner-area.banner-area-two .banner-content .review p i {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 18px;
    color: #e1940c;
}

.banner-area.banner-area-two .banner-image .project-card {
    top: auto;
    right: -115px;
    bottom: 60px;
    padding: 10px;
    max-width: 270px;
    text-align: start;
    background: #062240;
    border: 0.4px solid rgba(13, 129, 255, 0.45);
    filter: blur(0.5px);
    border-radius: 9px;
}

.banner-area.banner-area-two .banner-image .project-card .flex-shrink-0 {
    border-radius: 0 10px 10px 0;
    max-width: 100px;
}

.banner-area.banner-area-two .banner-image .project-card h5 {
    font-size: 32px;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #ffffff;
    margin-bottom: 2px;
}

.banner-area.banner-area-two .banner-image .project-card p {
    font-weight: 700;
    color: #e1940c;
}

.banner-area.banner-area-two .banner-image .customer-card {
    top: auto;
    left: 0;
    bottom: 275px;
    padding: 10px;
    max-width: 270px;
    text-align: end;
    background: #062240;
    border: 0.4px solid rgba(13, 129, 255, 0.45);
    filter: blur(0.5px);
    border-radius: 9px;
}

.banner-area.banner-area-two .banner-image .customer-card .flex-shrink-0 {
    border-radius: 10px 0 0 10px;
    max-width: 100px;
    margin-right: 15px;
}

.banner-area.banner-area-two .banner-image .customer-card h5 {
    font-size: 32px;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #ffffff;
    margin-bottom: 2px;
}

.banner-area.banner-area-two .banner-image .customer-card p {
    font-weight: 700;
    color: #e1940c;
}

.banner-area.banner-area-two .banner-shape-9 {
    position: absolute;
    top: 110px;
    right: 150px;
}

.banner-area.banner-area-two .banner-shape-10 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.banner-area.banner-area-two .banner-shape-11 {
    position: absolute;
    top: 200px;
    right: 15px;
}

.banner-area.banner-area-two .banner-shape-12 {
    position: absolute;
    top: 200px;
    left: 150px;
}

.banner-area.banner-area-two .banner-shape-13 {
    position: absolute;
    top: 45%;
    left: 75px;
    transform: translateY(-50%);
}

.banner-area.banner-area-two .banner-shape-14 {
    position: absolute;
    right: 35%;
    bottom: 145px;
    transform: translateY(-50%);
}

.banner-two-slider-item {
    position: relative;
}

.banner-two-slider-item .swiper-slider-arrow {
    position: absolute;
    bottom: 85px;
    left: 150px;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-next {
    right: auto;
    left: 0;
    margin-left: 0;
    background-color: linear-gradient(236.08deg, #F0FFFD 17.98%, #F5FFFE 70.11%);
    width: 75px;
    height: 70px;
    border-radius: 5px;
    transition: all ease 0.5s;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-next::after {
    content: "\ebe6";
    position: absolute;
    font-family: boxicons !important;
    color: #232429;
    transition: all ease 0.5s;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-next:hover {
    background-color: #e1940c;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-next:hover::after {
    color: #ffffff;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-prev {
    right: 0;
    left: auto;
    background-color: linear-gradient(236.08deg, #F0FFFD 17.98%, #F5FFFE 70.11%);
    width: 75px;
    height: 70px;
    border-radius: 5px;
    transition: all ease 0.5s;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-prev::after {
    content: "\eb33";
    position: absolute;
    font-family: boxicons !important;
    color: #232429;
    transition: all ease 0.5s;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-prev:hover {
    background-color: #e1940c;
}

.banner-two-slider-item .swiper-slider-arrow .swiper-button-prev:hover::after {
    color: #ffffff;
}

/*
Home Three Banner Area CSS
======================================================*/
.banner-area.banner-area-three {
    padding-top: 145px;
    padding-bottom: 50px;
    position: relative;
}

.banner-area.banner-area-three .banner-content {
    max-width: 655px;
}

.banner-area.banner-area-three .banner-content span {
    border: 0.4px solid rgba(225, 148, 12, 0.39);
    filter: blur(0.5px);
    border-radius: 6px;
    display: inline-flex;
    padding: 8px 18px;
    margin-bottom: 15px;
}

.banner-area.banner-area-three .banner-content h1 {
    position: relative;
    margin-bottom: 25px;
}

.banner-area.banner-area-three .banner-content h1::before {
    content: "";
    position: absolute;
    top: 42px;
    right: 5px;
    width: 627px;
    height: 15px;
    background: linear-gradient(-270.01deg, rgba(6, 34, 64, 0) -1.49%, rgba(225, 148, 12, 0.64) 100.01%);
    border-radius: 2px;
    z-index: -1;
    opacity: 0.64;
}

.banner-area.banner-area-three .banner-content p {
    margin-bottom: 35px;
}

.banner-area.banner-area-three .banner-content .banner-btn .common-btn:hover {
    border: 1px solid #000000;
}

.banner-area.banner-area-three .banner-content .banner-btn .common-btn.style {
    border: 1px solid #e1940c;
}

.banner-area.banner-area-three .banner-content .banner-btn .common-btn.style:hover {
    border: 1px solid #000000;
}

.banner-area.banner-area-three .banner-image {
    margin-right: -40px;
}

.banner-area.banner-area-three .banner-image .project-card {
    max-width: 205px;
    top: 160px;
    right: -90px;
    background-color: rgba(6, 34, 64, 0.76);
    border: 0.4px solid rgba(13, 129, 255, 0.45);
    filter: blur(0.5px);
    border-radius: 9px;
}

.banner-area.banner-area-three .banner-image .project-card p {
    color: #ffffff;
}

.banner-area.banner-area-three .banner-image .customer-card {
    background: rgba(6, 34, 64, 0.76);
    border: 0.4px solid rgba(13, 129, 255, 0.45);
    filter: blur(0.5px);
    border-radius: 9px;
    max-width: 230px;
    bottom: 350px;
    left: -50px;
}

.banner-area.banner-area-three .banner-image .customer-card p {
    color: #ffffff;
}

.banner-area.banner-area-three .banner-image .customer-card.customer-card-style {
    border-radius: 9px;
    left: auto;
    right: -85px;
    bottom: 48px;
}

.banner-area.banner-area-three .banner-image .banner-3 {
    position: relative;
}

.banner-area.banner-area-three .banner-image .banner-3 .banner-shape-15 {
    position: absolute;
    right: -85px;
    bottom: 0;
    z-index: -1;
    max-width: 710px;
}

.banner-area.banner-area-three .banner-shape-16 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -2;
}

.banner-area.banner-area-three .banner-shape-17 {
    position: absolute;
    top: 242px;
    left: 31%;
    z-index: -1;
}

.banner-area.banner-area-three .banner-shape-18 {
    position: absolute;
    left: 70px;
    bottom: 145px;
    z-index: -2;
}

.banner-area.banner-area-three .banner-shape-19 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.banner-area.banner-area-three .banner-shape-20 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.banner-area.banner-area-three .banner-shape-21 {
    position: absolute;
    right: 438px;
    bottom: 95px;
    z-index: -1;
    opacity: 0.58;
    height: 120px;
}

.banner-area.banner-area-three .banner-shape-22 {
    position: absolute;
    right: 40%;
    bottom: 0;
    z-index: -2;
    opacity: 0.5;
}

.banner-area.banner-area-three .banner-shape-23 {
    position: absolute;
    top: 190px;
    right: 50px;
    z-index: -2;
}

/*
Choose Area CSS
======================================================*/
.choose-area {
    position: relative;
}

.choose-area .choose-content .thinking {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.choose-area .choose-content .thinking li {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.choose-area .choose-content .thinking li:last-child {
    border-bottom: 0px solid #f0f0f0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.choose-area .choose-content .thinking li .icon {
    margin-bottom: 10px;
}

.choose-area .choose-content .thinking li .icon i {
    top: 0;
    right: 0;
    font-size: 45px;
    color: #e1940c;
    line-height: 0;
}

.choose-area .choose-content .thinking li .icon h4 {
    font-size: 20px;
    margin-bottom: 0;
    padding-right: 15px;
}

.choose-area .choose-content .common-btn {
    margin-top: 30px;
}

.choose-area .choose-image {
    position: relative;
    padding-left: 155px;
    margin-right: 100px;
}

.choose-area .choose-image .choose-1 {
    position: relative;
}

.choose-area .choose-image .choose-1 img {
    max-width: 380px;
    border-radius: 4px;
}

.choose-area .choose-image .choose-1::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 4px;
}

.choose-area .choose-image .choose-1 .experience-card {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(35, 36, 41, 0.72);
    border-radius: 0px 0px 4px 0px;
    padding: 40px;
}

.choose-area .choose-image .choose-1 .experience-card h3 {
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 0;
}

.choose-area .choose-image .choose-1 .experience-card h3 span {
    color: #e1940c;
}

.choose-area .choose-image .choose-1 .experience-card p {
    font-weight: 700;
    color: #ffffff;
}

.choose-area .choose-image .choose-1 .satisfaction {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #232429;
    border-radius: 0px 4px 0px 0px;
    padding: 20px 42px;
    text-align: center;
}

.choose-area .choose-image .choose-1 .satisfaction h3 {
    font-size: 32px;
    color: #e1940c;
    margin-bottom: 0;
}

.choose-area .choose-image .choose-1 .satisfaction p {
    font-weight: 700;
    color: #ffffff;
}

.choose-area .choose-image .choose-2 {
    position: absolute;
    bottom: -40px;
    left: -125px;
    border-radius: 4px;
    border: 15px solid #ffffff;
    border-bottom-width: 0;
    border-left-width: 0;
}

.choose-area .choose-image .popup-btn {
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(-50%);
    transform: translateX(60%);
    border: 1px solid #e1940c;
    width: 130px;
    height: 130px;
    line-height: 145px;
    border-radius: 50%;
    text-align: center;
    padding-right: 3px;
    z-index: 1;
}

.choose-area .choose-image .popup-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.5s;
    border: 1px solid #e1940c;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.choose-area .choose-image .popup-btn i {
    font-size: 28px;
    background: #e1940c;
    color: #ffffff;
    width: 100px;
    height: 100px;
    line-height: 110px;
    border-radius: 50%;
    display: inline-block;
    padding-left: 4px;
    padding-right: 0;
    transition: all ease 0.5s;
}

.choose-area .choose-image .popup-btn i:hover {
    background-color: #000000;
}

.choose-area .choose-image .choose-shape-2 {
    position: absolute;
    top: 85px;
    right: 85%;
}

.choose-area .choose-image .choose-shape-5 {
    position: absolute;
    bottom: 55px;
    right: -50px;
    z-index: -1;
}

.choose-area .choose-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.3;
}

.choose-area .choose-shape-3 {
    position: absolute;
    top: 250px;
    right: 100px;
}

.choose-area .choose-shape-4 {
    position: absolute;
    bottom: 100px;
    right: 40%;
    transform: rotate(120deg);
}

/*
Home Two Choose Area CSS
======================================================*/
.choose-agency-area {
    position: relative;
    z-index: 1;
}

.choose-agency-area .choose-agency-image {
    position: relative;
}

.choose-agency-area .choose-agency-image .choose-3 img {
    border-radius: 6px;
}

.choose-agency-area .choose-agency-image .choose-3 .popup-btn {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(-100%);
    border: 1px solid #e1940c;
    width: 130px;
    height: 130px;
    line-height: 145px;
    border-radius: 50%;
    text-align: center;
    padding-right: 3px;
    z-index: 1;
}

.choose-agency-area .choose-agency-image .choose-3 .popup-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.5s;
    border: 1px solid #e1940c;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.choose-agency-area .choose-agency-image .choose-3 .popup-btn i {
    font-size: 28px;
    background: #e1940c;
    color: #ffffff;
    width: 100px;
    height: 100px;
    line-height: 110px;
    border-radius: 50%;
    display: inline-block;
    padding-right: 4px;
    transition: all ease 0.5s;
}

.choose-agency-area .choose-agency-image .choose-3 .popup-btn i:hover {
    background-color: #232429;
}

.choose-agency-area .choose-agency-image .typesetting {
    position: relative;
}

.choose-agency-area .choose-agency-image .typesetting p {
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    line-height: 30px;
    padding-top: 20px;
}

.choose-agency-area .choose-agency-image .typesetting .typesetting-image .john {
    position: relative;
    padding-right: 80px;
}

.choose-agency-area .choose-agency-image .typesetting .typesetting-image .john img {
    max-width: 75px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.choose-agency-area .choose-agency-image .typesetting .typesetting-image .john h5 {
    font-size: 20px;
}

.choose-agency-area .choose-agency-image .typesetting .typesetting-image .john p {
    font-size: 14px;
    padding-top: 0;
}

.choose-agency-area .choose-agency-image .typesetting .typesetting-image .about-sign {
    max-width: 144px;
}

.choose-agency-area .choose-agency-image .typesetting .quote-icon {
    position: absolute;
    top: 60px;
    left: 30px;
    max-width: 30px;
}

.choose-agency-area .choose-agency-info {
    margin-top: 35px;
    margin-right: 40px;
}

.choose-agency-area .choose-agency-info .section-heading {
    margin-bottom: 20px;
}

.choose-agency-area .choose-agency-info .skills .skill-item {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgba(22, 18, 69, 0.08);
    border-radius: 2px;
    align-items: center;
    padding-top: 20px;
    padding-right: 100px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.choose-agency-area .choose-agency-info .skills .skill-item .skill-image {
    width: 70px;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.choose-agency-area .choose-agency-info .skills .skill-item .skill-header {
    padding-top: 5px;
    margin-bottom: 10px;
}

.choose-agency-area .choose-agency-info .skills .skill-item:last-child {
    margin-bottom: 0;
}

.choose-agency-area .choose-shape-6 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.choose-agency-area .choose-shape-7 {
    position: absolute;
    top: 70px;
    left: 100px;
    max-width: 90px;
}

.choose-agency-area .choose-shape-8 {
    position: absolute;
    top: 120px;
    right: 170px;
    max-width: 85px;
}

.choose-agency-area .choose-shape-9 {
    position: absolute;
    right: 50px;
    bottom: 300px;
    width: 130px;
    opacity: 0.22;
}

/*
Services Area CSS
======================================================*/
.services-area {
    background: rgba(247, 247, 247, 0.75);
    position: relative;
}

.services-area .service-shape-2 {
    position: absolute;
    bottom: 130px;
    left: 235px;
    opacity: 0.35;
}

.services-area .service-shape-3 {
    position: absolute;
    top: 90px;
    left: 300px;
    transform: rotate(-10deg);
}

.services-area .service-shape-4 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.service-card {
    overflow: hidden;
    margin-bottom: 30px;
}

.service-card .services-image {
    position: relative;
}

.service-card .services-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(225, 148, 12, 0.4);
    border-radius: 8px 8px 0px 0px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
}

.service-card .services-image .service-1 {
    border-radius: 8px 8px 0px 0px;
}

.service-card .services-image i {
    position: absolute;
    top: -20px;
    right: -10px;
    font-size: 25px;
    background-color: #e1940c;
    color: #ffffff;
    width: 65px;
    height: 65px;
    line-height: 92px;
    border-radius: 32px;
    text-align: center;
    padding-right: 8px;
    transition: all ease 0.5s;
}

.service-card .service-card-content {
    padding: 23px;
    background-color: #ffffff;
    border-radius: 0px 0px 8px 8px;
    position: relative;
    z-index: 1;
}

.service-card .service-card-content::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #232429;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
    border-radius: 0px 0px 8px 8px;
}

.service-card .service-card-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
}

.service-card .service-card-content h3 a {
    color: #232429;
}

.service-card .service-card-content h3 a:hover {
    color: #e1940c;
}

.service-card .service-card-content p {
    color: #646366;
    margin-bottom: 10px;
    transition: all ease 0.5s;
}

.service-card .service-card-content .service-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: all ease 0.5s;
}

.service-card:hover .services-image::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.service-card:hover .services-image i {
    background-color: #ffffff;
    color: #e1940c;
}

.service-card:hover .service-card-content::before {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.service-card:hover .service-card-content h3 a {
    color: #ffffff;
}

.service-card:hover .service-card-content p {
    color: #cbcbcb;
}

.service-card:hover .service-card-content .read-more {
    color: #ffffff;
}

.service-card:hover .service-card-content .read-more i {
    color: #ffffff;
}

.service-card:hover .service-card-content .service-shape-1 {
    opacity: 1;
}

/*
Home Two Services Area CSS
======================================================*/
.service-area {
    position: relative;
}

.service-area .single-service {
    position: relative;
    margin-bottom: 30px;
}

.service-area .single-service .single-service-image {
    position: relative;
}

.service-area .single-service .single-service-image::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 45.68%, rgba(0, 0, 0, 0.95) 94.43%);
    border-radius: 3px;
    transition: all ease 0.5s;
}

.service-area .single-service .single-service-image img {
    border-radius: 3px;
}

.service-area .single-service .single-service-image .financial {
    position: absolute;
    right: 20px;
    bottom: 30px;
    transition: all ease 0.5s;
}

.service-area .single-service .single-service-image .financial img {
    max-width: 25px;
}

.service-area .single-service .single-service-image .financial h4 {
    font-size: 20px;
    color: #ffffff;
}

.service-area .single-service .research {
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 15px;
    background-color: #ffffff;
    border-radius: 2px;
    padding: 25px 23px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
}

.service-area .single-service .research i {
    font-size: 42px;
    color: #e1940c;
    margin-bottom: 15px;
}

.service-area .single-service .research h3 {
    font-size: 20px;
    margin-bottom: 8px;
}

.service-area .single-service .research h3 a {
    color: #232429;
}

.service-area .single-service .research h3 a:hover {
    color: #e1940c;
}

.service-area .single-service:hover .single-service-image::before {
    opacity: 0;
    visibility: visible;
}

.service-area .single-service:hover .single-service-image .financial {
    bottom: 0;
    opacity: 0;
    visibility: visible;
}

.service-area .single-service:hover .research {
    opacity: 1;
    visibility: visible;
}

.service-area .service-shape-5 {
    position: absolute;
    top: 120px;
    left: 270px;
}

.service-area .service-shape-6 {
    position: absolute;
    top: 100px;
    right: 120px;
}

/*
Home Three Services Area CSS
======================================================*/
.provide-card {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
    transition: all ease 0.5s;
}

.provide-card .service-8 {
    position: relative;
}

.provide-card .service-8 img {
    border-radius: 3px;
}

.provide-card .service-8 .icon {
    position: absolute;
    left: 25px;
    bottom: -36px;
    font-size: 36px;
    color: #ffffff;
    width: 70px;
    height: 76px;
    line-height: 86px;
    text-align: center;
    background-color: #e1940c;
}

.provide-card .provide-card-info {
    padding-top: 20px;
}

.provide-card .provide-card-info h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.provide-card .provide-card-info h4 a {
    color: #232429;
}

.provide-card .provide-card-info h4 a:hover {
    color: #e1940c !important;
}

.provide-card .provide-card-info p {
    margin-bottom: 10px;
    transition: all ease 0.5s;
}

.provide-card:hover {
    background-color: #232429;
}

.provide-card:hover .provide-card-info h4 a {
    color: #ffffff;
}

.provide-card:hover .provide-card-info p {
    color: #cbcbcb;
}

/*
About Us Area CSS
======================================================*/
.about-us-area {
    position: relative;
}

.about-us-area .about-image {
    position: relative;
    margin-right: -40px;
}

.about-us-area .about-image .about-2 {
    padding-left: 80px;
    position: relative;
}

.about-us-area .about-image .about-2::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 25px;
    left: 0;
    bottom: -15px;
    background-color: rgba(225, 148, 12, 0.1);
    border-radius: 10px;
    width: 86%;
    z-index: -1;
}

.about-us-area .about-image .about-2 img {
    border-radius: 8px;
}

.about-us-area .about-image .about-3 {
    border-radius: 8px;
    position: absolute;
    top: 25px;
    left: 0;
}

.about-us-area .about-image .about-3 img {
    position: relative;
    border-radius: 8px;
}

.about-us-area .about-image .about-3 img::before {
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #c8c8c8;
    border-radius: 4px;
}

.about-us-area .about-image .review-card {
    position: absolute;
    bottom: 82px;
    left: 0;
}

.about-us-area .about-image .review-card .review-image {
    position: relative;
}

.about-us-area .about-image .review-card .review-image .review {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 250px;
    height: 108px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    padding: 24px 30px 24px 0;
    text-align: center;
}

.about-us-area .about-image .review-card .review-image .review::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(6, 34, 64, 0.89);
    border-radius: 3px;
    z-index: -1;
}

.about-us-area .about-image .review-card .review-image .review h4 {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 32px;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #ffffff;
    line-height: 0;
    transform: rotate(90deg);
}

.about-us-area .about-image .review-card .review-image .review p {
    font-weight: 700;
    margin-bottom: 4px;
    color: #ffffff;
}

.about-us-area .about-image .review-card .review-image .review span {
    position: relative;
    color: #e1940c;
    padding-right: 15px;
}

.about-us-area .about-image .review-card .review-image .review span i {
    position: absolute;
    top: 1px;
    right: 25px;
}

.about-us-area .about-content {
    margin-right: 35px;
    margin-left: -35px;
}

.about-us-area .about-content .section-heading {
    margin-bottom: 15px;
}

.about-us-area .about-content p {
    margin-bottom: 15px;
    text-align: justify;
}

.about-us-area .about-content ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.about-us-area .about-content ul li {
    position: relative;
    color: #232429;
    padding-right: 30px;
    margin-bottom: 5px;
}

.about-us-area .about-content ul li:last-child {
    margin-bottom: 0;
}

.about-us-area .about-content ul li img {
    position: absolute;
    top: 7px;
    right: 0;
    max-width: 17px;
}

.about-us-area .about-content .industry {
    background-color: #f9f9f9;
    border-radius: 0px 10px 10px 0px;
    border-right: 3px solid #e1940c;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.about-us-area .about-content .industry p {
    font-size: 18px;
    font-weight: 500;
    color: #232429;
    margin-bottom: 0;
    text-align: justify;
}

.about-us-area .about-content .name-title .name h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.about-us-area .about-content .name-title .name p {
    font-size: 14px;
    color: #8e8e8e;
}

.about-us-area .about-content .common-btn {
    margin-top: 15px;
}

.about-us-area .about-shape-1 {
    position: absolute;
    top: 150px;
    left: 125px;
}

.about-us-area .about-shape-2 {
    position: absolute;
    bottom: 60px;
    left: 405px;
}

/*
Home Two About Us Area CSS
======================================================*/
.about-area {
    position: relative;
}

.about-area .about-info .section-heading {
    margin-bottom: 20px;
}

.about-area .about-info .since {
    max-width: 605px;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 24px 15px;
    margin-bottom: 30px;
}

.about-area .about-info .since p {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f;
}

.about-area .about-info .strategy {
    margin-bottom: 25px;
}

.about-area .about-info .strategy .strategy-item {
    margin-bottom: 5px;
}

.about-area .about-info .strategy .strategy-item img {
    max-width: 36px;
}

.about-area .about-info .strategy .strategy-item h5 {
    font-size: 20px;
}

.about-area .about-info .strategy p {
    position: relative;
    margin-left: -15px;
}

.about-area .about-images {
    position: relative;
    margin-right: 35px;
    z-index: 1;
}

.about-area .about-images .about-5 {
    text-align: end;
}

.about-area .about-images .about-5 img {
    max-width: 435px;
    border-radius: 4px;
}

.about-area .about-images .about-5 .project-card {
    padding: 12px 14px;
    text-align: start;
    max-width: 326px;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
}

.about-area .about-images .about-5 .project-card h5 {
    font-size: 32px;
    color: #e1940c;
    margin-bottom: 2px;
}

.about-area .about-images .about-5 .project-card h5 span {
    color: #232429;
}

.about-area .about-images .about-5 .project-card p {
    font-weight: 700;
}

.about-area .about-images .about-6 {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 3px;
    border: 10px solid #ffffff;
    border-bottom-width: 0;
    border-right-width: 0;
}

.about-area .about-images .about-shape-3 {
    position: absolute;
    top: 30px;
    right: 28px;
    z-index: -1;
    opacity: 0.72;
}

.about-area .about-shape-4 {
    position: absolute;
    top: 130px;
    left: 50px;
}

.about-area .about-shape-5 {
    position: absolute;
    right: 42%;
    bottom: 90px;
}

.about-area .about-shape-6 {
    position: absolute;
    top: 44%;
    right: 50px;
    max-width: 60px;
    transform: translateY(-50%);
    opacity: 0.3;
}

/*
Home Three About Us Area CSS
======================================================*/
.about-know-area {
    position: relative;
}

.about-know-area .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0);
}

.about-know-area .about-know-image {
    position: relative;
    margin-left: -35px;
    background-image: url("..//images/about/about-9.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.about-know-area .about-know-image .popup-btn {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(-50%);
    border: 1px solid #e1940c;
    width: 130px;
    height: 130px;
    line-height: 145px;
    border-radius: 50%;
    text-align: center;
    padding-right: 3px;
    z-index: 1;
}

.about-know-area .about-know-image .popup-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.5s;
    border: 1px solid #e1940c;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.about-know-area .about-know-image .popup-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.3s;
    border: 1px solid #e1940c;
    -webkit-animation: ripple 3s linear infinite;
    animation: ripple 3s linear infinite;
}

.about-know-area .about-know-image .popup-btn i {
    font-size: 28px;
    background: #e1940c;
    color: #ffffff;
    width: 100px;
    height: 100px;
    line-height: 110px;
    border-radius: 50%;
    display: inline-block;
    padding-right: 4px;
    transition: all ease 0.5s;
}

.about-know-area .about-know-image .popup-btn:hover i {
    background-color: #232429;
}

.about-know-area .about-know-image .success-card {
    position: absolute;
    bottom: 95px;
    left: -50px;
    background-color: #01172f;
    border-radius: 4px 2px 2px 2px;
    padding: 16px 12px 16px 42px;
}

.about-know-area .about-know-image .success-card img {
    max-width: 92px;
    border-radius: 0px 2px 2px 2px;
}

.about-know-area .about-know-image .success-card h5 {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 4px;
}

.about-know-area .about-know-image .success-card p {
    font-weight: 700;
    color: #e1940c;
}

.about-know-area .about-know-info {
    max-width: 685px;
    margin-right: 100px;
    padding-top: 60px;
    padding-bottom: 100px;
}

.about-know-area .about-know-info .section-heading {
    margin-bottom: 10px;
}

.about-know-area .about-know-info .frame-icon {
    position: relative;
    top: 8px;
}

.about-know-area .about-know-info .frame-icon i {
    font-size: 30px;
    color: #e1940c;
    background-color: rgba(225, 148, 12, 0.06);
    width: 60px;
    height: 60px;
    line-height: 74px;
    border-radius: 50%;
    text-align: center;
}

.about-know-area .about-know-info .frame-icon h5 {
    font-size: 20px;
    padding-right: 15px;
}

.about-know-area .about-know-info .frame-icon p {
    margin-top: 2px;
}

.about-know-area .about-know-info h3 {
    font-size: 40px;
    color: #e1940c;
}

.about-know-area .about-know-info .common-btn {
    margin-top: 30px;
}

.about-know-area .about-shape-4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*
Solution Area CSS
======================================================*/
.solution-area {
    position: relative;
    z-index: 1;
}

.solution-area .solution-content {
    max-width: 660px;
    position: relative;
}

.solution-area .solution-content .section-heading h2 {
    margin-bottom: 15px;
}

.solution-area .solution-content .section-heading p {
    text-align: justify;
}

.solution-area .solution-content .solution-shape-4 {
    position: absolute;
    top: 105px;
    left: -40px;
    width: 75px;
}

.solution-area .solution-image {
    position: relative;
    z-index: 1;
}

.solution-area .solution-image .solution-1 img {
    max-width: 405px;
    border-radius: 4px;
}

.solution-area .solution-image .solution-1 .satisfaction {
    position: absolute;
    right: 0;
    bottom: 28px;
    background-color: #e1940c;
    padding: 15px 30px;
    text-align: center;
}

.solution-area .solution-image .solution-1 .satisfaction h3 {
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 0;
}

.solution-area .solution-image .solution-1 .satisfaction p {
    font-weight: 700;
    color: #232429;
}

.solution-area .solution-image .solution-2 {
    position: absolute;
    bottom: -10px;
    left: -50px;
    border-radius: 3px;
    border: 10px solid #f8f8f8;
    width: 320px;
}

.solution-area .solution-image .solution-shape-1 {
    position: absolute;
    top: 40px;
    left: -25px;
    z-index: -1;
}

.solution-area .solution-image .solution-shape-2 {
    position: absolute;
    bottom: -30px;
    left: -10px;
    width: 90px;
}

.solution-area .solution-shape-3 {
    position: absolute;
    top: 200px;
    right: 80px;
    z-index: -1;
    width: 140px;
}

.skills {
    position: relative;
}

.skills .skill-item {
    position: relative;
    margin-bottom: 25px;
}

.skills .skill-item .skill-header {
    position: relative;
    margin-bottom: 10px;
}

.skills .skill-item .skill-header .skill-title {
    font-size: 18px;
    font-weight: 400;
    font-family: "Vazirmatn RD FD", sans-serif;
    margin-bottom: 0;
    color: #232429;
}

.skills .skill-item .skill-header .skill-percentage {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 18px;
    color: #232429;
    font-family: "Vazirmatn RD FD", sans-serif;
}

.skills .skill-item .skill-bar {
    position: relative;
    width: 100%;
}

.skills .skill-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    border-top: 5px solid #f2f2f2;
}

.skills .skill-item .skill-bar .bar-inner .bar {
    position: absolute;
    right: 0;
    top: -2px;
    width: 0;
    height: 5px;
    background: #e1940c;
    transition: all 2000ms ease;
    border-radius: 30px;
    margin-top: -3px;
}

/*
Blog Area CSS
======================================================*/
.blog-area {
    background-color: rgba(247, 247, 247, 0.94);
}

.blog-area .section-top .section-heading {
    max-width: 630px;
}

.blog-area .section-top .blog-btn {
    text-align: end;
    margin-top: 18px;
}

.blog-card {
    margin-bottom: 30px;
}

.blog-card .blog-image {
    position: relative;
}

.blog-card .blog-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(225, 148, 12, 0.25);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
}

.blog-card .blog-image .blog-1 {
    border-radius: 3px;
}

.blog-card .blog-image .date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    font-weight: 500;
    background-color: #e1940c;
    color: #ffffff;
    padding: 5px 17px;
    border-radius: 3px;
    transition: all ease 0.5s;
}

.blog-card .blog-card-content {
    padding-top: 20px;
}

.blog-card .blog-card-content .branding {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-card .blog-card-content .branding li {
    color: #e1940c;
    font-size: 15px;
}

.blog-card .blog-card-content .branding li a {
    color: #e1940c;
}

.blog-card .blog-card-content .branding li a:hover {
    color: #232429;
}

.blog-card .blog-card-content h3 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.blog-card .blog-card-content h3 a {
    color: #232429;
}

.blog-card .blog-card-content h3 a:hover {
    color: #e1940c;
}

.blog-card .blog-card-content .comments {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-card .blog-card-content .comments li {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 19px;
    position: relative;
}

.blog-card .blog-card-content .comments li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 17px;
    background-color: #e7e7e7;
}

.blog-card .blog-card-content .comments li:last-child {
    padding-left: 0;
    margin-left: 0;
}

.blog-card .blog-card-content .comments li:last-child::before {
    display: none;
}

.blog-card .blog-card-content .comments li img {
    position: absolute;
    top: 4px;
    right: 0;
    max-width: 16px;
}

.blog-card:hover .blog-image::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.blog-card:hover .blog-image .date {
    background-color: #ffffff;
    color: #232429;
}

/*
Home Two Blog Area CSS
======================================================*/
.latest-blog-area {
    position: relative;
    z-index: 1;
}

.latest-blog-area .section-top .blog-btn {
    text-align: end;
}

.latest-blog-area .blog-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.latest-blog-area .blog-shape-2 {
    position: absolute;
    top: 215px;
    right: 85px;
    max-width: 74px;
}

.latest-blog-area .blog-shape-3 {
    position: absolute;
    left: 40px;
    bottom: 120px;
}

.single-blog {
    background-color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 26px;
    margin-bottom: 30px;
    transition: all ease 0.5s;
}

.single-blog .single-image {
    position: relative;
}

.single-blog .single-image .blog-4 {
    border-radius: 3px;
}

.single-blog .single-image .date {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -22px;
    margin: auto;
    background-color: #fff4f4;
    padding: 10px 35px 10px 10px;
    max-width: 165px;
    text-align: center;
}

.single-blog .single-image .date i {
    font-size: 15px;
    color: #e1940c;
    position: absolute;
    top: 12px;
    right: 0;
    left: 100px;
}

.single-blog .single-blog-info {
    padding-top: 35px;
}

.single-blog .single-blog-info h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.single-blog .single-blog-info h3 a {
    color: #232429;
}

.single-blog .single-blog-info h3 a:hover {
    color: #e1940c;
}

.single-blog .single-blog-info ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-blog .single-blog-info ul li {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    padding-right: 22px;
    margin-left: 10px;
    font-size: 15px;
}

.single-blog .single-blog-info ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 13px;
    background-color: #cecece;
}

.single-blog .single-blog-info ul li:last-child {
    padding-left: 0;
    margin-left: 0;
}

.single-blog .single-blog-info ul li:last-child::before {
    display: none;
}

.single-blog .single-blog-info ul li img {
    position: absolute;
    top: 4px;
    right: 0;
    max-width: 15px;
}

.single-blog:hover {
    box-shadow: -6px 6px 35px rgba(4, 20, 37, 0.04);
    border-radius: 4px;
}

/*
Pricing Area CSS
======================================================*/
.pricing-area {
    position: relative;
    z-index: 1;
}

.pricing-area .pricing-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.pricing-area .pricing-shape-2 {
    position: absolute;
    top: 100px;
    right: 100px;
}

.pricing-content .nav-tabs {
    border: none;
    margin-bottom: 25px !important;
    justify-content: center;
    border-radius: 60px;
}

.pricing-content .nav-item {
    position: relative;
    padding-left: 60px;
    transition: all ease 0.5s;
}

.pricing-content .nav-item::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 12px;
    width: 38px;
    height: 20px;
    background-color: #e1940c;
    border-radius: 26px;
}

.pricing-content .nav-item:last-child {
    padding-left: 0;
}

.pricing-content .nav-item:last-child::before {
    display: none;
}

.pricing-content .nav-item .nav-link {
    font-size: 20px;
    font-weight: 700;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #232429;
    margin-bottom: 0;
    padding: 0;
    border: none;
    transition: all ease 0.5s;
}

.pricing-content .nav-item .nav-link.active {
    color: #e1940c;
    border-radius: 60px;
    position: relative;
    transition: all ease 0.5s;
}

.pricing-content .nav-item .nav-link.active::before {
    content: "";
    position: absolute;
    top: 8px;
    left: -28px;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all ease 0.5s;
}

.pricing-content .nav-item .nav-link.active::before::after {
    opacity: 0;
    visibility: hidden;
}

.pricing-content .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    top: 8px;
    right: -30px;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all ease 0.5s;
}

.pricing-content .nav-item .nav-link.active::after::before {
    opacity: 0;
    visibility: hidden;
}

.pricing-card {
    background-color: #ffffff;
    box-shadow: -10px 10px 35px rgba(10, 30, 53, 0.09);
    border-radius: 4px;
    padding: 40px 25px;
    margin-bottom: 30px;
    transition: all ease 0.5s;
}

.pricing-card .pricing-card-heading {
    margin-bottom: 15px;
}

.pricing-card .pricing-card-heading h3 {
    font-size: 20px;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
    transition: all ease 0.5s;
}

.pricing-card .pricing-card-heading h3::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #e1940c;
}

.pricing-card .pricing-card-heading h4 {
    font-size: 64px;
    color: #e1940c;
    transition: all ease 0.5s;
}

.pricing-card .pricing-card-heading h4 strong {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #e1940c;
    letter-spacing: 2px;
    margin-bottom: 0;
    transition: all ease 0.5s;
}

.pricing-card .pricing-card-heading h4 span {
    font-size: 16px;
    font-weight: 400;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #e1940c;
    margin-right: -6px;
    transition: all ease 0.5s;
}

.pricing-card ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.pricing-card ul li {
    position: relative;
    padding-right: 30px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 0.5px solid #e4e4e4;
    transition: all ease 0.5s;
}

.pricing-card ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px solid #e4e4e4;
}

.pricing-card ul li i {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 20px;
    color: #e1940c;
}

.pricing-card ul .underline {
    text-decoration: line-through;
    color: #9f9f9f;
    transition: all ease 0.5s;
}

.pricing-card ul .underline i {
    color: #646366;
    transition: all ease 0.5s;
}

.pricing-card .pricing-btn {
    display: inline-block;
    border: 1px solid #e1940c;
    border-radius: 5px;
    width: 100%;
    padding: 12px;
    text-align: center;
    color: #e1940c;
    margin-top: 30px;
}

.pricing-card .pricing-btn:hover {
    background-color: #e1940c;
    color: #ffffff;
}

.pricing-card:hover {
    background-color: #232429;
    border-radius: 4px;
}

.pricing-card:hover .pricing-card-heading h3 {
    color: #ffffff;
}

.pricing-card:hover .pricing-card-heading h4 {
    color: #ffffff;
}

.pricing-card:hover .pricing-card-heading h4 p {
    color: #ffffff;
}

.pricing-card:hover .pricing-card-heading h4 span {
    color: #ffffff;
}

.pricing-card:hover ul li {
    color: #ffffff;
    border-bottom: 0.5px solid #383A42;
}

.pricing-card:hover ul .underline {
    color: #7a7a7a;
}

.pricing-card:hover ul .underline i {
    color: #7a7a7a;
}

/*
Newsletter Area CSS
======================================================*/
.newsletter-area {
    position: relative;
    z-index: 1;
}

.newsletter-area::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background-color: #0b112e;
    z-index: -1;
}

.newsletter-area .newsletter-bg {
    position: relative;
    z-index: 1;
    padding: 30px 60px;
    border-radius: 10px;
}

.newsletter-area .newsletter-bg .section-heading {
    margin-bottom: 0;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative {
    position: relative;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control {
    border: none;
    box-shadow: none;
    background-color: #ffffff;
    border-radius: 8px 0px 0px 8px;
    height: 65px;
    font-size: 15px;
    color: #232429;
    padding: 20px;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control::-moz-placeholder {
    color: #232429;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control:-ms-input-placeholder {
    color: #232429;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control::placeholder {
    color: #232429;
    transition: all ease 0.5s;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control:focus {
    border-bottom: 1px solid #e1940c;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control:focus::-moz-placeholder {
    color: transparent;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .form-control:focus::placeholder {
    color: transparent;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .newsletter-btn {
    border: none;
    background-color: #e1940c;
    color: #ffffff;
    border-radius: 9px;
    height: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
    font-weight: 500;
    padding: 12px 60px 12px 30px;
    transition: all ease 0.5s;
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .newsletter-btn i {
    position: absolute;
    top: 50%;
    right: 0;
    left: 120px;
    font-size: 16px;
    transform: translateY(-50%);
}

.newsletter-area .newsletter-bg .newsletter-form .r-relative .newsletter-btn:hover {
    background-color: #000000;
}

.newsletter-area .newsletter-bg .news-shape-1 {
    position: absolute;
    bottom: 50px;
    left: 80px;
    z-index: -1;
}

.newsletter-area .newsletter-bg .news-shape-2 {
    position: absolute;
    top: 70px;
    right: 1%;
    z-index: -1;
}

/*
Footer Area CSS
======================================================*/
.footer-area {
    background-image: url("../../assets-main/images/shape/footer-shape-1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-area .col-lg-2 .footer-widget {
    margin-right: -45px;
}

.footer-area .col-lg-3:nth-child(4) {
    position: relative;
    margin-right: 30px;
    margin-left: -30px;
}

.widget {
    max-width: 312px;
}

.widget .footer-logo {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.widget .footer-logo::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 58px;
    height: 3px;
    background-color: #e1940c;
}

.widget p {
    color: #d1d1d1;
    margin-bottom: 25px;
}

.widget .phone {
    position: relative;
    padding-right: 60px;
}

.widget .phone i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #232429;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
}

.widget .phone p {
    font-size: 13px;
    color: #d1d1d1;
    margin-bottom: 5px;
}

.widget .phone a {
    font-weight: 500;
    color: #ffffff;
}

.widget .phone a:hover {
    color: #e1940c;
}

.widget .phone a:hover i {
    background-color: #e1940c;
    color: #ffffff;
}

.footer-widget h3 {
    font-size: 20px;
    color: #ffffff;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 30px;
}

.footer-widget h3::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background-color: #e1940c;
}

.footer-widget ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.footer-widget ul li {
    color: #d1d1d1;
    margin-bottom: 15px;
}

.footer-widget ul li:last-child {
    margin-bottom: 0;
}

.footer-widget ul li i {
    transition: all ease 0.5s;
}

.footer-widget ul li:hover i {
    color: #e1940c;
}

.footer-widget ul li a {
    color: #d1d1d1;
}

.footer-widget ul li a:hover {
    color: #e1940c;
}

.footer-widget.footer-widget-style ul li {
    position: relative;
    padding-right: 25px;
}

.footer-widget.footer-widget-style ul li i {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 17px;
}

.footer-widget.footer-in h3 {
    margin-bottom: 32px;
}

.footer-widget.footer-in .time {
    background-color: #071738;
    border-radius: 3px;
    max-width: 312px;
    padding: 20px 25px;
}

.footer-widget.footer-in .time ul li {
    position: relative;
    padding-right: 25px;
    margin-bottom: 15px;
}

.footer-widget.footer-in .time ul li:last-child {
    margin-bottom: 0;
}

.footer-widget.footer-in .time ul li i {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 18px;
    color: #e1940c;
}

.footer-widget .map iframe {
    width: 100%;
    height: 178px;
    border-radius: 3px;
}

.recent-post {
    margin-bottom: 20px;
}

.recent-post h3 {
    font-size: 20px;
    color: #ffffff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.recent-post h3::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background-color: #e1940c;
}

.recent-post h4 {
    font-size: 22px;
    margin-bottom: 25px;
}

.recent-post .single-recent-post {
    overflow: hidden;
    margin-bottom: 20px;
}

.recent-post .single-recent-post:last-child {
    margin-bottom: 0;
}

.recent-post .single-recent-post .thumb {
    width: 86px;
    height: 60px;
    margin-left: 10px;
    position: relative;
    display: inline-block;
}

.recent-post .single-recent-post .thumb .full-image {
    width: 86px;
    height: 60px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recent-post .single-recent-post .thumb .full-image.bg-1 {
    background-image: url("../../assets-main/images/footer/footer-1.jpg");
}

.recent-post .single-recent-post .thumb .full-image.bg-2 {
    background-image: url("../../assets-main/images/footer/footer-2.jpg");
}

.recent-post .single-recent-post .thumb .full-image.bg-3 {
    background-image: url("../../assets-main/images/footer/footer-3.jpg");
}

.recent-post .single-recent-post .single-recent-info {
    margin-right: 10px;
}

.recent-post .single-recent-post .single-recent-info h5 {
    font-size: 16px;
    margin-bottom: 8px;
}

.recent-post .single-recent-post .single-recent-info h5 a {
    display: inline-block;
    color: #ffffff;
}

.recent-post .single-recent-post .single-recent-info h5 a:hover {
    color: #e1940c;
}

.recent-post .single-recent-post .single-recent-info p {
    font-size: 15px;
    color: #e1940c;
}

.top-border {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(220, 220, 220, 0.08);
}

.top-border .updating-image {
    max-width: 312px;
}

.top-border .updating-image a {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.top-border .updating-image a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background-color: #e1940c;
}

.top-border .updating-image p {
    color: #d1d1d1;
}

.top-border .updating h4 {
    font-size: 20px;
    color: #ffffff;
    padding-bottom: 18px;
    margin-bottom: 22px;
    position: relative;
}

.top-border .updating h4::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background-color: #e1940c;
}

.top-border .updating .form-footer .form-group {
    position: relative;
}

.top-border .updating .form-footer .form-group .form-control {
    border: none;
    box-shadow: none;
    font-size: 15px;
    color: #232429;
    padding: 20px 25px;
    height: 66px;
    border-radius: 8px 4px 4px 8px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.top-border .updating .form-footer .form-group .form-control::-moz-placeholder {
    color: #232429;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.top-border .updating .form-footer .form-group .form-control:-ms-input-placeholder {
    color: #232429;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.top-border .updating .form-footer .form-group .form-control::placeholder {
    color: #232429;
    transition: all ease 0.5s;
}

.top-border .updating .form-footer .form-group .form-control:focus {
    border: 1px solid #e1940c;
}

.top-border .updating .form-footer .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
}

.top-border .updating .form-footer .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.top-border .updating .form-footer .form-group .form-control:focus::placeholder {
    color: transparent;
}

.top-border .updating .form-footer .form-group .newsletter-btn {
    border: none;
    background-color: #e1940c;
    color: #ffffff;
    border-radius: 9px;
    height: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
    font-weight: 500;
    padding: 12px 60px 12px 30px;
    transition: all ease 0.5s;
}

.top-border .updating .form-footer .form-group .newsletter-btn i {
    position: absolute;
    top: 50%;
    right: 0;
    left: 120px;
    font-size: 16px;
    transform: translateY(-50%);
}

.top-border .updating .form-footer .form-group .newsletter-btn:hover {
    background-color: #000000;
}

/*
Copy Area CSS
======================================================*/
.copy-area {
    border-top: 1px solid rgba(245, 245, 245, 0.05);
    padding-top: 16px;
    padding-bottom: 16px;
}

.copy-area .social-link ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.copy-area .social-link ul li {
    display: inline-block;
    padding-left: 10px;
}

.copy-area .social-link ul li:last-child {
    padding-left: 0;
}

.copy-area .social-link ul li a {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.1);
    width: 45px;
    height: 45px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
}

.copy-area .social-link ul li a:hover {
    color: #e1940c;
}

.copy-area .copy p {
    font-size: 14px;
    color: #d1d1d1;
    text-align: center;
}

.copy-area .copy p span {
    font-weight: 500;
    color: #e1940c;
}

.copy-area .copy p a {
    font-weight: 500;
    color: #e1940c;
}

.copy-area .copy p a:hover {
    color: #ffffff;
}

.copy-area .policy {
    text-align: end;
}

.copy-area .policy a {
    font-size: 14px;
    color: #d1d1d1;
}

.copy-area .policy a:hover {
    color: #e1940c;
}

/*
Home Two Partner Area CSS
======================================================*/
.partner-area .partner-item {
    text-align: center;
}

.partner-area .partner-item .swiper-wrapper {
    align-items: center;
}

.partner-area .partner-item .swiper-slide .partner-logo img {
    opacity: 0.4;
    margin-bottom: 30px;
    transition: all ease 0.5s;
}

.partner-area .partner-item .swiper-slide .partner-logo img:hover {
    opacity: 1;
    transform: scale(1.02);
}

/*
Testimonial Area CSS
======================================================*/
.testimonial-area {
    padding-bottom: 110px;
    position: relative;
}

.testimonial-area .section-title {
    max-width: 620px;
}

.testimonial-area .testimonial-slider-content {
    position: relative;
}

.testimonial-area .testimonial-slider-content .swiper-slider-arrow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: -30px;
}

.testimonial-area .testimonial-slider-content .swiper-slider-arrow .swiper-pagination .swiper-pagination-bullet {
    background-color: #d3d3d3;
    width: 17px;
    height: 6px;
    border-radius: 0;
    transition: all ease 0.5s;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}

.testimonial-area .testimonial-slider-content .swiper-slider-arrow .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e1940c;
    width: 42px;
}

.testimonial-area .testimonial-shape-1 {
    position: absolute;
    top: 75px;
    right: 255px;
}

.testimonial-area .testimonial-shape-2 {
    position: absolute;
    bottom: 150px;
    left: 10px;
}

.testimonial-card {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 20px 20px;
    position: relative;
    margin-bottom: 30px;
}

.testimonial-card .testimonial-client .testimonial-img img {
    max-width: 95px;
    border-radius: 50%;
}

.testimonial-card .testimonial-client .testimonial-content ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.testimonial-card .testimonial-client .testimonial-content ul li {
    display: inline-block;
    font-size: 17px;
    color: #e1940c;
    margin-bottom: 5px;
}

.testimonial-card .testimonial-client .testimonial-content p {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 8px;
}

.testimonial-card .testimonial-client .testimonial-content h5 {
    font-size: 20px;
}

.testimonial-card .testimonial-client .testimonial-content span {
    font-size: 14px;
}

.testimonial-card .quote-2 {
    position: absolute;
    top: 50px;
    right: 15px;
    max-width: 28px;
}

/*
Home Three Testimonials Area CSS
======================================================*/
.testimonials-area {
    position: relative;
    z-index: 1;
}

.testimonials-area .testimonials-image {
    position: relative;
    margin-right: -70px;
}

.testimonials-area .testimonials-image img {
    border-radius: 6px;
}

.testimonials-area .testimonials-info {
    position: relative;
}

.testimonials-area .testimonials-info .section-heading {
    margin-right: 35px;
}

.testimonials-area .testimonials-info .section-heading h2 {
    color: #ffffff;
}

.testimonials-area .testimonials-info .quote-3 {
    position: absolute;
    top: 122px;
    left: 170px;
    max-width: 32px;
}

.testimonials-area .testimonials-info .testimonial-3 {
    position: absolute;
    right: 210px;
    bottom: -80px;
    max-width: 55px;
    border-radius: 50%;
}

.testimonials-area .testimonials-info .testimonial-4 {
    position: absolute;
    left: -145px;
    top: 48%;
    max-width: 112px;
    border-radius: 50%;
}

.testimonials-area .testimonials-info .testimonial-5 {
    position: absolute;
    top: -90px;
    left: 0;
    max-width: 45px;
    border-radius: 50%;
}

.testimonials-area .testimonials-info .testimonial-shape-1 {
    position: absolute;
    left: 160px;
    bottom: -75px;
}

.testimonials-area .testimonial-shape {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.testimonials-area .testimonial-shape-2 {
    position: absolute;
    top: 32px;
    left: 65px;
    z-index: -2;
}

.testimonials-area .testimonial-shape-3 {
    position: absolute;
    bottom: -60px;
    right: 40%;
    z-index: -1;
}

.testimonials-area .testimonial-shape-4 {
    position: absolute;
    top: 180px;
    right: 111px;
}

.testimonials-content {
    background-color: #111733;
    border: 0.4px solid rgba(255, 255, 255, 0.45);
    filter: blur(0.5px);
    border-radius: 4px;
    padding: 25px 22px;
}

.testimonials-content .card-slide {
    max-width: 610px;
    position: relative;
}

.testimonials-content .card-slide p {
    font-size: 19px;
    font-weight: 500;
    font-style: italic;
    color: #c7c7c7;
}

.testimonials-content .card-slide .name img {
    max-width: 60px;
    border-radius: 50%;
}

.testimonials-content .card-slide .name h5 {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

.testimonials-content .card-slide .name span {
    font-size: 14px;
    color: #b7b7b7;
}

.testimonials-item {
    position: relative;
    margin-right: -100px;
    margin-left: 80px;
}

.testimonials-item .swiper-button-prev {
    position: absolute;
    top: auto;
    right: auto;
    left: 80px;
    bottom: 35px;
    background-color: #2c2e34;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    transition: all ease 0.5s;
}

.testimonials-item .swiper-button-prev::after {
    content: "\ea4d";
    position: absolute;
    font-size: 30px;
    color: #ffffff;
    font-family: boxicons !important;
    transition: all ease 0.5s;
}

.testimonials-item .swiper-button-prev:hover {
    background-color: #e1940c;
}

.testimonials-item .swiper-button-prev:hover::after {
    color: #ffffff;
}

.testimonials-item .swiper-button-next {
    position: absolute;
    top: auto;
    right: auto;
    left: 35px;
    bottom: 35px;
    background-color: #2c2e34;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    transition: all ease 0.5s;
}

.testimonials-item .swiper-button-next::after {
    content: "\ea50";
    position: absolute;
    font-size: 30px;
    color: #ffffff;
    font-family: boxicons !important;
}

.testimonials-item .swiper-button-next:hover {
    background-color: #e1940c;
}

.testimonials-item .swiper-button-next:hover::after {
    color: #ffffff;
}

/*
Get In Touch Area CSS
======================================================*/
.get-touch-area {
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

.get-touch-area .get-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.get-touch-area .get-shape-2 {
    position: absolute;
    top: 45px;
    right: 130px;
}

.get-touch-area .get-shape-3 {
    position: absolute;
    right: 130px;
    bottom: 70px;
    max-width: 90px;
}

.get-touch-area .get-shape-4 {
    position: absolute;
    bottom: 30px;
    left: 37%;
    max-width: 190px;
}

.get-content {
    margin-left: 50px;
}

.get-content .section-heading {
    max-width: 480px;
}

.get-content .form .form-control {
    border: none;
    box-shadow: none;
    border-radius: 3px;
    background-color: #ffffff;
    height: 50px;
    padding: 20px;
    font-size: 15px;
    color: #b5b5b5;
    margin-bottom: 20px;
}

.get-content .form .textarea {
    height: 234px;
    margin-bottom: 35px;
}

.grt-image {
    position: relative;
}

.grt-image .about-7 {
    max-width: 612px;
    border-radius: 4px;
}

.grt-image .about-8 {
    position: absolute;
    left: -95px;
    bottom: -40px;
    border-radius: 4px 4px 0px 4px;
    border: 14px solid #ffffff;
    border-left-width: 0;
    border-bottom-width: 0;
}

/*
Recent Area CSS
======================================================*/
.recent-area {
    position: relative;
}

.recent-area .recent-shape-1 {
    position: absolute;
    top: 215px;
    right: 260px;
}

.recent-area .recent-shape-2 {
    position: absolute;
    top: 170px;
    left: 120px;
    width: 130px;
}

.recent-card {
    margin-bottom: 30px;
}

.recent-card .recent-work img {
    border-radius: 4px;
}

.recent-card .recent-work .recent-content {
    padding-top: 22px;
    text-align: center;
}

.recent-card .recent-work .recent-content h4 {
    font-size: 20px;
    color: #e1940c;
}

.recent-card .recent-work .recent-content .left-right p {
    display: inline-block;
    position: relative;
}

.recent-card .recent-work .recent-content .left-right p::before {
    content: "";
    position: absolute;
    top: 14px;
    right: -30px;
    width: 22px;
    height: 1px;
    background-color: #e1940c;
}

.recent-card .recent-work .recent-content .left-right p::after {
    content: "";
    position: absolute;
    top: 14px;
    left: -30px;
    width: 22px;
    height: 1px;
    background-color: #e1940c;
}

.recent-slider-content {
    position: relative;
}

.recent-slider-content .swiper-slider-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-prev {
    right: auto;
    left: -65px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    background-color: #ffffff;
    transition: all ease 0.5s;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-prev::after {
    content: "\eb33";
    position: absolute;
    font-family: boxicons !important;
    font-size: 30px;
    color: #232429;
    transition: all ease 0.5s;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-prev:hover {
    background-color: #e1940c;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-prev:hover::after {
    color: #ffffff;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-next {
    left: auto;
    right: -65px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    background-color: #ffffff;
    transition: all ease 0.5s;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-next::after {
    content: "\ebe6";
    position: absolute;
    font-family: boxicons !important;
    font-size: 30px;
    color: #232429;
    transition: all ease 0.5s;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-next:hover {
    background-color: #e1940c;
}

.recent-slider-content .swiper-slider-arrow .swiper-button-next:hover::after {
    color: #ffffff;
}

.pricing-info .nav-tabs {
    border: none;
    margin-top: 25px;
    margin-bottom: 30px !important;
    justify-content: center;
    background-color: #f4f4f4;
    border-radius: 3px 0px 0px 3px;
    max-width: 886px;
    margin: auto;
}

.pricing-info .nav-item {
    position: relative;
    border-left: 0.4px solid #e3e3e3;
}

.pricing-info .nav-item:last-child {
    border-left-width: 0;
}

.pricing-info .nav-item .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: #232429;
    margin-bottom: 0;
    padding: 12px 38px;
    border: none;
    transition: all ease 0.5s;
}

.pricing-info .nav-item .nav-link.active {
    background-color: #e1940c;
    border-radius: 0;
    color: #ffffff;
}

/*
Fun Fact Area CSS
======================================================*/
.fun-fact-area .fun-fact-content {
    position: relative;
    line-height: 0;
    margin-bottom: 30px;
}

.fun-fact-area .fun-fact-content div h2 {
    font-size: 48px;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #e1940c;
}

.fun-fact-area .fun-fact-content div .target {
    position: absolute;
    top: 29px;
    right: 90px;
    font-size: 48px;
    font-weight: 700;
    font-family: "Vazirmatn RD FD", sans-serif;
    color: #e1940c;
}

.fun-fact-area .fun-fact-content p {
    font-weight: 700;
    color: #232429;
}

.fun-fact-area .fun-fact-content .count-shape-1 {
    position: absolute;
    right: 0;
    bottom: 36px;
}

.fun-fact-area .col-lg-3:nth-child(2) .fun-fact-content {
    margin-right: 50px;
}

.fun-fact-area .col-lg-3:nth-child(3) .fun-fact-content {
    margin-right: 100px;
}

.fun-fact-area .col-lg-3:nth-child(4) .fun-fact-content {
    margin-right: 130px;
}

/*
Team Area CSS
======================================================*/
.team-area {
    position: relative;
    z-index: 1;
}

.team-area .section-top .blog-btn {
    text-align: end;
}

.team-area .team-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.team-area .team-shape-2 {
    position: absolute;
    width: 190px;
    bottom: 230px;
    left: 45px;
}

.team-card {
    margin-bottom: 30px;
}

.team-card img {
    border-radius: 4px 4px 0px 0px;
}

.team-card .team-card-info {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: -8px 8px 35px rgba(12, 33, 55, 0.08);
    border-radius: 0px 0px 4px 4px;
}

.team-card .team-card-info h4 {
    font-size: 20px;
}

.team-card .team-card-info p {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}

.team-card .team-card-info p::before {
    content: "";
    position: absolute;
    top: 14px;
    right: -30px;
    width: 25px;
    height: 1px;
    background-color: #e1940c;
}

.team-card .team-card-info p::after {
    content: "";
    position: absolute;
    top: 14px;
    left: -30px;
    width: 25px;
    height: 1px;
    background-color: #e1940c;
}

.team-card .team-card-info ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.team-card .team-card-info ul li {
    display: inline-block;
    padding-left: 10px;
}

.team-card .team-card-info ul li:last-child {
    padding-left: 0;
}

.team-card .team-card-info ul li a {
    color: #ffffff;
    background-color: #232429;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}

.team-card .team-card-info ul li a:hover {
    background-color: #e1940c;
    transform: scale(1.1);
}

/*
Ask Area CSS
======================================================*/
.ask-area {
    position: relative;
    z-index: 1;
}

.ask-area .ask-shape-1 {
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: -1;
    opacity: 0.35;
    width: 135px;
}

.ask-area .ask-image {
    padding: 70px 45px;
    background-image: url("../../assets-main/images/about/about-10.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    position: relative;
    z-index: 1;
}

.ask-area .ask-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.88);
    border-radius: 6px;
    z-index: -1;
}

.ask-area .ask-image .section-heading h2 {
    color: #ffffff;
}

.ask-area .ask-image .ask-form .form-control {
    border: none;
    box-shadow: none;
    background-color: rgba(51, 51, 51, 0.45);
    border-radius: 9px;
    font-size: 15px;
    height: 50px;
    color: #7a7a7a;
    padding: 12px 25px;
    margin-bottom: 20px;
}

.ask-content {
    margin-left: 35px;
}

.ask-content h4 {
    font-size: 24px;
    margin-bottom: 25px;
}

.ask-content .faq-content .accordion-item {
    margin-bottom: 20px;
    border-radius: 0;
    border: none;
    padding: 15px;
}

.ask-content .faq-content .accordion-item:last-child {
    margin-bottom: 0;
}

.ask-content .faq-content .accordion-item .accordion-body {
    background-color: #ffffff;
    border-radius: 0px 0px 3px 3px;
    padding: 0;
    padding-bottom: 20px;
}

.ask-content .faq-content .accordion-button {
    border: none;
    font-weight: 500;
    font-size: 18px;
    border-radius: 3px;
    color: #232429;
    background-color: #ffffff;
    box-shadow: unset !important;
    padding: 0;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 0px;
    padding-bottom: 12px;
    margin-top: -8px;
}

.ask-content .faq-content .accordion-button::before {
    left: 8px;
    top: 50%;
    content: "\ea57";
    font-size: 28px;
    position: absolute;
    transform: translateY(-50%);
    font-family: boxicons;
    color: #e1940c;
}

.ask-content .faq-content .accordion-button::after {
    display: none;
}

.ask-content .faq-content .accordion-button:not(.collapsed) {
    color: #232429;
    background-color: #ffffff;
}

.ask-content .faq-content .accordion-button:not(.collapsed)::before {
    content: "\ea4a";
}

/*
Page Banner Area CSS
======================================================*/
.page-banner-area {
    padding-top: 60px;
    padding-bottom: 50px;
    background-image: url("../images/page/page-1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.page-banner-area.bg-2 {
    background-image: url("../images/page/page-2.jpg");
}

.page-banner-area .page-banner-info h1 {
    font-size: 35px;
    margin-bottom: 10px;
}

.page-banner-area .page-banner-info ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.page-banner-area .page-banner-info ul li {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    padding-left: 25px;
    color: #e1940c;
    position: relative;
}

.page-banner-area .page-banner-info ul li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e1940c;
}

.page-banner-area .page-banner-info ul li:last-child {
    padding-left: 0;
}

.page-banner-area .page-banner-info ul li:last-child::before {
    display: none;
}

.page-banner-area .page-banner-info ul li a {
    font-size: 16px;
    color: #232429;
}

.page-banner-area .page-banner-info ul li a:hover {
    color: #e1940c;
}

.page-banner-area .page-shape-1 {
    position: absolute;
    top: 10px;
    left: 70px;
    width: 130px;
}

.page-banner-area .page-shape-2 {
    position: absolute;
    bottom: 40px;
    right: 58%;
}

.about-know-area.about-page .about-page-image {
    position: relative;
}

.about-know-area.about-page .about-page-image .about-12 {
    padding-right: 25px;
}

.about-know-area.about-page .about-page-image .about-12 .success-card {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #01172f;
    padding: 15px 11px 15px 40px;
    max-width: 300px;
}

.about-know-area.about-page .about-page-image .about-12 .success-card img {
    max-width: 90px;
}

.about-know-area.about-page .about-page-image .about-12 .success-card h3 {
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 4px;
}

.about-know-area.about-page .about-page-image .about-12 .success-card p {
    color: #e1940c;
    font-weight: 700;
}

.about-know-area.about-page .about-page-image .about-11 {
    position: absolute;
    bottom: 0;
    right: -150px;
    border: 10px solid #ffffff;
    border-right-width: 0;
    border-bottom-width: 0;
}

.about-know-area.about-page .about-know-info {
    margin-right: 35px;
}

/**/
.choose-agency-area.choose-about-area {
    position: relative;
}

.choose-agency-area.choose-about-area .choose-agency-info {
    margin-right: 0;
    margin-left: 40px;
}

.choose-agency-area.choose-about-area .choose-about-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.choose-agency-area.choose-about-area .choose-shape-7 {
    top: 150px;
}

.choose-agency-area.choose-about-area .choose-shape-8 {
    top: 232px;
}

.choose-agency-area.choose-about-area .choose-shape-9 {
    bottom: 165px;
}

/**/
.pricing-area.about-pricing .pricing-shape-3 {
    position: absolute;
    top: 350px;
    right: 120px;
}

.pricing-area.about-pricing .pricing-shape-4 {
    position: absolute;
    top: 200px;
    left: 50px;
    width: 190px;
}

.pricing-area.about-pricing .pricing-shape-5 {
    position: absolute;
    bottom: 26px;
    left: 200px;
    z-index: -1;
}

/**/
.fun-fact-area.fun-fact-area-two .fun-fact-content div h2 {
    display: inline-block;
}

.fun-fact-area.fun-fact-area-two .fun-fact-content .count-shape-1 {
    bottom: 37px;
}

/* Service Page CSS */
.service-area.service-page-area .provide-card {
    background-color: #fafafa;
    transition: all ease 0.5s;
}

.service-area.service-page-area .provide-card:hover {
    background-color: #232429;
}

/* Service Details Page CSS */
.service-details-page .service-details h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.service-details-page .service-details img {
    border-radius: 2px;
    margin-bottom: 25px;
}

.service-details-page .service-details .advanced {
    margin-bottom: 20px;
}

.service-details-page .service-details .advanced h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.service-details-page .service-details .quasi {
    background-color: #f9f9f9;
    border-radius: 0px 10px 10px 0px;
    padding: 25px 30px;
    border-right: 2px solid #e1940c;
    margin-bottom: 20px;
}

.service-details-page .service-details .quasi p {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f;
}

.service-details-page .service-details .benefits {
    margin-bottom: 30px;
}

.service-details-page .service-details .benefits ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.service-details-page .service-details .benefits ul li {
    position: relative;
    padding-right: 28px;
    margin-bottom: 20px;
}

.service-details-page .service-details .benefits ul li:last-child {
    margin-bottom: 0;
}

.service-details-page .service-details .benefits ul li i {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 15px;
    color: #ffffff;
    background-color: #e1940c;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
}

.service-details-page .service-details .ask-content.ask-accordion .faq-content .accordion-button {
    background-color: #f9f9f9;
}

.service-details-page .service-details .ask-content.ask-accordion .faq-content .accordion-button::before {
    color: #e1940c;
}

.service-details-page .service-details .ask-content.ask-accordion .faq-content .accordion-button:not(.collapsed) {
    color: #232429;
    background-color: #f9f9f9;
}

.service-details-page .service-details .ask-content.ask-accordion .faq-content .accordion-button:not(.collapsed)::before {
    color: #e1940c;
}

.service-details-page .service-details .ask-content.ask-accordion .faq-content .accordion-item .accordion-body {
    background-color: #f9f9f9;
}

.service-details-page .side-bar ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.service-details-page .side-bar ul li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: all ease 0.5s;
}

.service-details-page .side-bar ul li:last-child {
    margin-bottom: 0;
}

.service-details-page .side-bar ul li a {
    position: relative;
    display: inline-block;
    color: #232429;
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 13px 25px;
    width: 100%;
}

.service-details-page .side-bar ul li a i {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #e1940c;
    transition: all ease 0.5s;
}

.service-details-page .side-bar ul li a:hover {
    background-color: #e1940c;
    color: #ffffff;
}

.service-details-page .side-bar ul li a:hover i {
    color: #ffffff;
}

.service-details-page .download {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 35px 30px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.service-details-page .download h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.service-details-page .download .download-btn {
    border: none;
    display: block;
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #646366;
    margin-bottom: 12px;
    cursor: pointer;
}

.service-details-page .download .download-btn img {
    right: 115px;
    position: relative;
}

.service-details-page .download .download-btn:last-child {
    margin-bottom: 0;
}

.service-details-page .contact {
    background-color: #f9f9f9;
    padding: 35px;
}

.service-details-page .contact h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.service-details-page .contact ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.service-details-page .contact ul li {
    position: relative;
    padding-right: 50px;
    margin-bottom: 20px;
    font-weight: 500;
}

.service-details-page .contact ul li .phone {
    position: absolute;
    top: 8px;
    right: 0;
    background-color: #f0f0f0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.service-details-page .contact ul li .phone img {
    max-width: 15px;
}

.service-details-page .contact ul li p {
    font-size: 18px;
    font-weight: 500;
    color: #232429;
    margin-bottom: 5px;
}

.service-details-page .contact ul li a {
    display: block;
}

.service-details-page .contact ul li:last-child {
    margin-bottom: 0;
}

/* Portfolio Details Page CSS */
.portfolio-details-area .portfolio-4 {
    margin-bottom: 30px;
}

.portfolio-details h4 {
    font-size: 32px;
    margin-bottom: 10px;
}

.portfolio-details h5 {
    font-size: 18px;
    margin-bottom: 10px;
}

.portfolio-details .solution {
    margin-bottom: 25px;
}

.portfolio-details .solution ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.portfolio-details .solution ul li {
    position: relative;
    padding-right: 28px;
    margin-bottom: 12px;
}

.portfolio-details .solution ul li:last-child {
    margin-bottom: 0;
}

.portfolio-details .solution ul li i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    background-color: #e1940c;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.portfolio-details .great {
    margin-bottom: 25px;
}

.portfolio-details .product {
    margin-top: 20px;
    margin-bottom: 30px;
}

.project {
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 25px 40px;
    margin-bottom: 70px;
}

.project h4 {
    font-size: 20px;
    color: #e1940c;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 25px;
}

.project h4::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 1.5px;
    background-color: #e1940c;
}

.project ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.project ul li {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #232429;
    margin-bottom: 15px;
}

.project ul li:last-child {
    margin-bottom: 0;
}

.project ul li span {
    position: absolute;
    top: 2px;
    right: 100px;
    font-size: 16px;
    font-weight: 400;
}

.popup-image {
    position: relative;
    z-index: 1;
}

.popup-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 36, 41, 0.38);
    border-radius: 2px;
}

.popup-image img {
    border-radius: 2px;
}

.popup-image .popup-btn {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(-50%);
    border: 1px solid #e1940c;
    width: 85px;
    height: 85px;
    line-height: 102px;
    border-radius: 50%;
    text-align: center;
    padding-right: 0;
    z-index: 1;
}

.popup-image .popup-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.5s;
    border: 1px solid #e1940c;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.popup-image .popup-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.5s;
    border: 1px solid #e1940c;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}

.popup-image .popup-btn i {
    font-size: 28px;
    background-color: #e1940c;
    color: #ffffff;
    width: 65px;
    height: 65px;
    line-height: 75px;
    border-radius: 50%;
    display: inline-block;
    transition: all ease 0.5s;
    padding-left: 5px;
}

.passages-area {
    position: relative;
    margin-bottom: 45px;
}

.passages-area .passages-image {
    padding-top: 50px;
    padding-right: 20px;
    padding-left: 60px;
    padding-bottom: 50px;
    background-image: url("../../assets-main/images/portfolio/portfolio-6.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    position: relative;
    z-index: 1;
}

.passages-area .passages-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232429;
    z-index: -1;
    opacity: 0.95;
    border-radius: 2px;
}

.passages-area .passages-image .orchid .portfolio-7 {
    max-width: 125px;
    border-radius: 50%;
}

.passages-area .passages-image .orchid p {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 5px;
}

.passages-area .passages-image .orchid h5 {
    font-size: 24px;
    color: #e1940c;
}

.passages-area .passages-image .orchid h5 span {
    font-size: 20px;
    font-weight: 400;
    color: #c1c1c1;
}

.passages-area .quote-4 {
    position: absolute;
    top: 55px;
    right: 115px;
    max-width: 30px;
}

.related-area .related h4 {
    font-size: 24px;
    margin-bottom: 30px;
}

.related-area .related-image {
    position: relative;
}

.related-area .related-image .portfolio-8 {
    position: relative;
    margin-bottom: 30px;
}

.related-area .related-image .portfolio-8 img {
    border-radius: 2px;
}

.related-area .related-image .portfolio-8::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #232429;
    border-radius: 2px;
    opacity: 0.85;
    visibility: hidden;
    transition: all ease 0.5s;
}

.related-area .related-image .popup-know {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
}

.related-area .related-image .popup-know i {
    font-size: 15px;
    color: #ffffff;
    background-color: #e1940c;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 25px;
}

.related-area .related-image .popup-know h4 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 5px;
}

.related-area .related-image .popup-know span {
    color: #e1940c;
}

.related-area .related-image:hover .portfolio-8::before {
    height: 100%;
    visibility: visible;
}

.related-area .related-image:hover .popup-know {
    opacity: 1;
    visibility: visible;
    margin-bottom: 25px;
}

/**/
.blog-page .blog-single {
    margin-bottom: 30px;
}

.blog-page .blog-single img {
    border-radius: 2px;
}

.blog-page .blog-single .blog-single-info {
    padding-top: 20px;
}

.blog-page .blog-single .blog-single-info ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-page .blog-single .blog-single-info ul li {
    display: inline-block;
    font-size: 15px;
    padding-right: 22px;
    margin-left: 14px;
    position: relative;
}

.blog-page .blog-single .blog-single-info ul li i {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 15px;
    color: #e1940c;
}

.blog-page .blog-single .blog-single-info h4 {
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 10px;
}

.blog-page .blog-single .blog-single-info h4 a {
    color: #232429;
}

.blog-page .blog-single .blog-single-info h4 a:hover {
    color: #e1940c;
}

.blog-page .blog-single .blog-single-info p {
    margin-bottom: 25px;
}

.blog-page .blog-single .blog-single-info .blog-btn {
    display: inline-block;
    border: 1px solid #e1940c;
    border-radius: 5px;
    color: #e1940c;
    padding: 12px 30px;
    transition: all ease 0.5s;
}

.blog-page .blog-single .blog-single-info .blog-btn:hover {
    background-color: #e1940c;
    color: #ffffff;
}

.search-box {
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 30px 25px;
    margin-bottom: 30px;
}

.search-box h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.search-box .r-relative {
    position: relative;
}

.search-box .r-relative .form-control {
    border: none;
    box-shadow: none;
    background-color: #ffffff;
    border-radius: 8px 4px 4px 8px;
    height: 66px;
    font-size: 15px;
    color: #b5b5b5;
    padding: 20px 25px;
}

.search-box .r-relative .search-btn {
    position: absolute;
    top: 6px;
    left: 6px;
    border: none;
    font-size: 20px;
    color: #ffffff;
    background-color: #e1940c;
    padding: 14px 16px;
    height: 54px;
    border-radius: 4px;
    transition: all ease 0.5s;
}

.search-box .r-relative .search-btn:hover {
    background-color: #232429;
}

.categories {
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 30px 25px;
    margin-bottom: 30px;
}

.categories h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.categories ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.categories ul li {
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
}

.categories ul li:last-child {
    margin-bottom: 0;
}

.categories ul li a {
    width: 100%;
    color: #272525;
}

.categories ul li a span {
    position: absolute;
    top: 0;
    left: 0;
}

.categories ul li:hover a {
    color: #e1940c;
}

.popular-post {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.popular-post h5 {
    font-size: 20px;
    margin-bottom: 16px;
}

.popular-post .single-recent-post {
    overflow: hidden;
    margin-bottom: 20px;
}

.popular-post .single-recent-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
}

.popular-post .single-recent-post .thumb {
    width: 100px;
    height: 88px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
}

.popular-post .single-recent-post .thumb .full-image {
    width: 100px;
    height: 88px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.popular-post .single-recent-post .thumb .full-image.bg-1 {
    background-image: url("../../assets-main/images/blog/blog-9.jpg");
}

.popular-post .single-recent-post .thumb .full-image.bg-2 {
    background-image: url("../../assets-main/images/blog/blog-3.jpg");
}

.popular-post .single-recent-post .thumb .full-image.bg-3 {
    background-image: url("../../assets-main/images/blog/blog-12.jpg");
}

.popular-post .single-recent-post .single-recent-info {
    margin-right: 10px;
}

.popular-post .single-recent-post .single-recent-info p {
    font-size: 14px;
    color: #232429;
    margin-bottom: 10px;
}

.popular-post .single-recent-post .single-recent-info p i {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #e1940c;
    padding-left: 5px;
}

.popular-post .single-recent-post .single-recent-info h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.popular-post .single-recent-post .single-recent-info h5 a {
    display: inline-block;
    color: #232429;
}

.popular-post .single-recent-post .single-recent-info h5 a:hover {
    color: #e1940c;
}

.tags {
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 30px 30px 15px 30px;
}

.tags h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.tags ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tags ul li {
    display: inline-block;
    margin-left: 8px;
    margin-bottom: 15px;
    transition: all ease 0.5s;
    font-family: "Vazirmatn RD FD", sans-serif;
}

.tags ul li:last-child {
    margin-bottom: 0;
    margin-bottom: -15px;
}

.tags ul li a {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 15px;
}

.tags ul li a:hover {
    background-color: #e1940c;
    color: #ffffff;
    border-radius: 5px;
}

/**/
.blog-details-page .blog-details .blog-13 {
    margin-bottom: 25px;
}

.blog-details-page .blog-details .blog-details-info {
    margin-bottom: 20px;
}

.blog-details-page .blog-details .blog-details-info ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details-page .blog-details .blog-details-info ul li {
    display: inline-block;
    position: relative;
    padding-right: 22px;
    padding-left: 12px;
    margin-left: 8px;
}

.blog-details-page .blog-details .blog-details-info ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #ededed;
}

.blog-details-page .blog-details .blog-details-info ul li i {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 16px;
    color: #e1940c;
}

.blog-details-page .blog-details .blog-details-info ul li:last-child {
    padding-left: 0;
    margin-left: 0;
}

.blog-details-page .blog-details .blog-details-info ul li:last-child i {
    top: 2px;
}

.blog-details-page .blog-details .blog-details-info h4 {
    font-size: 31px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.blog-details-page .sit-icon {
    background-color: #f9f9f9;
    border-radius: 2px;
    padding: 25px 35px;
    position: relative;
    margin-bottom: 20px;
}

.blog-details-page .sit-icon p {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f;
    margin-bottom: 0;
}

.blog-details-page .sit-icon .quote-icon {
    position: absolute;
    top: 16px;
    right: 12px;
    max-width: 24px;
}

.blog-details-page .specimen {
    margin-bottom: 20px;
}

.blog-details-page .specimen ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details-page .specimen ul li {
    position: relative;
    padding-right: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}

.blog-details-page .specimen ul li:last-child {
    margin-bottom: 0;
}

.blog-details-page .specimen ul li i {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 20px;
    color: #e1940c;
}

.blog-details-page .improve {
    margin-bottom: 30px;
}

.blog-details-page .improve h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

.blog-details-page .improve ul {
    padding-right: 17px;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details-page .improve ul li {
    font-weight: 700;
    list-style: disc;
    margin-bottom: 10px;
}

.blog-details-page .improve ul li:last-child {
    margin-bottom: 0;
}

.blog-details-page .post-share {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}

.blog-details-page .post-share .first-post ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details-page .post-share .first-post ul li {
    display: inline-block;
    padding-left: 15px;
}

.blog-details-page .post-share .first-post ul li:last-child {
    padding-left: 0;
}

.blog-details-page .post-share .first-post ul li p {
    font-size: 18px;
    font-weight: 500;
    color: #232429;
}

.blog-details-page .post-share .first-post ul li a {
    display: inline-block;
    background-color: #e1940c;
    color: #ffffff;
    padding: 6px 14px;
    font-size: 15px;
    border-radius: 5px;
}

.blog-details-page .post-share .first-post ul li a:hover {
    background-color: #232429;
}

.blog-details-page .post-share .second-post {
    text-align: end;
}

.blog-details-page .post-share .second-post ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details-page .post-share .second-post ul li {
    display: inline-block;
    padding-right: 10px;
}

.blog-details-page .post-share .second-post ul li:first-child {
    padding-right: 0;
}

.blog-details-page .post-share .second-post ul li p {
    font-size: 18px;
    font-weight: 500;
    color: #232429;
}

.blog-details-page .post-share .second-post ul li a {
    display: inline-block;
    background-color: #f1f1f1;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #232429;
}

.blog-details-page .post-share .second-post ul li a:hover {
    background-color: #e1940c;
    color: #ffffff;
}

.blog-details-page .blog-details-image img {
    margin-bottom: 30px;
}

.blog-details-page .comment {
    margin-bottom: 35px;
}

.blog-details-page .comment h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.blog-details-page .comment ul {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.blog-details-page .comment ul li {
    position: relative;
    padding-right: 120px;
    padding-bottom: 12px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

.blog-details-page .comment ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog-details-page .comment ul li .user-16 {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 98px;
    border-radius: 50%;
}

.blog-details-page .comment ul li h5 {
    font-weight: 500;
    margin-bottom: 5px;
}

.blog-details-page .comment ul li .date {
    margin-bottom: 5px;
}

.blog-details-page .comment ul li p {
    font-weight: 500;
}

.blog-details-page .comment ul li a {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    background-color: #f2f2f2;
    padding: 4px 15px;
}

.blog-details-page .comment ul li a:hover {
    background-color: #e1940c;
    color: #ffffff;
}

.blog-details-page .comment ul li .quote-5 {
    position: absolute;
    top: 0;
    right: 0;
}

.blog-details-page .comment ul .item-style {
    margin-right: 60px;
}

.blog-details-page .leave-comment h5 {
    font-size: 20px;
    margin-bottom: 5px;
}

.blog-details-page .leave-comment p {
    font-size: 15px;
    color: #646366;
    margin-bottom: 20px;
}

.blog-details-page .leave-comment form .form-control {
    border: none;
    box-shadow: none;
    border-radius: 2px;
    background-color: #f8f8f8;
    border: 0.5px solid #f8f8f8;
    height: 50px;
    font-size: 15px;
    color: #929292;
    margin-bottom: 20px;
    padding: 12px 24px;
    transition: all ease 0.5s;
}

.blog-details-page .leave-comment form .form-control:focus {
    border: 0.5px solid #e1940c;
}

.blog-details-page .leave-comment form .textarea {
    height: 266px;
    border-radius: 4px;
}

.blog-details-page .leave-comment form .common-btn {
    margin-top: 25px;
}

.blog-details-page .leave-comment .form-check .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid #aeaeae;
    border-radius: 3px;
}

.blog-details-page .leave-comment .form-check .form-check-input:checked {
    background-color: #e1940c;
    border-color: #e1940c;
}

.blog-details-page .leave-comment .form-check .form-check-input:focus {
    border-color: #e1940c;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(253, 177, 13, 0.25);
}

.blog-details-page .leave-comment .form-check .form-check-input .form-check-label {
    font-size: 15px;
}

/**/
.contact-us-area .contact-location {
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 35px 50px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    transition: all ease 0.5s;
    min-height: 250px;
}

.contact-us-area .contact-location .phone {
    filter: drop-shadow(8px 8px 15px rgba(11, 26, 44, 0.15));
    background-color: #ffffff;
    width: 78px;
    height: 78px;
    margin: auto;
    line-height: 78px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0;
}

.contact-us-area .contact-location .phone img {
    max-width: 25px;
}

.contact-us-area .contact-location h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

.contact-us-area .contact-location a {
    display: block;
    font-weight: 500;
    line-height: 26px;
    color: #646366;
}

.contact-us-area .contact-location .contact-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.contact-us-area .contact-location .contact-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
}

.contact-us-area .contact-location:hover {
    background-color: #e1940c;
}

.contact-us-area .contact-location:hover a {
    color: #232429;
}

.contact-us-area .contact-location:hover span {
    color: #232429;
}

.contact-us-area .contact-location:hover .contact-shape {
    opacity: 0;
    visibility: hidden;
}

.contact-us-area .contact-location:hover .contact-shape-2 {
    opacity: 1;
    visibility: visible;
}

.contact-area .contact-form .form-control {
    border: none;
    box-shadow: none;
    border-radius: 2px;
    color: #232429;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    margin-bottom: 20px;
    height: 50px;
    font-size: 15px;
    padding: 12px 24px;
    transition: all ease 0.5s;
}

.contact-area .contact-form .form-control::-moz-placeholder {
    color: #929292;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.contact-area .contact-form .form-control:-ms-input-placeholder {
    color: #929292;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.contact-area .contact-form .form-control::placeholder {
    color: #929292;
    transition: all ease 0.5s;
}

.contact-area .contact-form .form-control:focus {
    border: 1px solid #e1940c;
}

.contact-area .contact-form .form-control:focus::-moz-placeholder {
    color: transparent;
}

.contact-area .contact-form .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.contact-area .contact-form .form-control:focus::placeholder {
    color: transparent;
}

.contact-area .contact-form .textarea {
    height: 160px;
}

.map-area .map iframe {
    width: 100%;
    height: 560px;
    border-radius: 6px;
    display: block;
}

/*
FAQ Page Area CSS
======================================================*/
.ask-area.faq-area .ask-content .faq-content .accordion-button {
    padding-right: 0;
}

.ask-area.faq-area .ask-content .faq-content .accordion-button::before {
    left: 0;
    color: #e1940c;
}

.ask-area.faq-area .ask-content .faq-content .accordion-button:not(.collapsed)::before {
    content: "\eb8b";
}

.ask-area.faq-area .ask-content .faq-content .accordion-item {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 5px;
}

.ask-area.faq-area .ask-content .faq-content .accordion-item:last-child {
    border-bottom: 0px solid #ffffff;
}

.ask-area.faq-area .ask-content .faq-content .accordion-item .accordion-body {
    padding-right: 0;
}

.faq-about-area {
    margin-top: 60px;
}

.faq-about-area .ask-about-image {
    margin-left: 50px;
}

.faq-about-area h2 {
    font-size: 32px;
    margin-bottom: 5px;
}

.service-pagination .pagination {
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.service-pagination .pagination .page-item {
    margin-left: 10px;
    border-radius: 0;
}

.service-pagination .pagination .page-item .page-link {
    font-size: 16px;
    font-weight: 700;
    font-family: "Vazirmatn RD FD", sans-serif;
    border: none;
    box-shadow: none;
    color: #8e8e8e;
    background-color: #fafafa;
    width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 0;
    text-align: center;
    transition: all ease 0.5s;
}

.service-pagination .pagination .page-item .page-link.active {
    background-color: #e1940c;
    color: #ffffff;
}

.service-pagination .pagination .page-item .page-link span {
    font-size: 22px;
    position: relative;
    top: 0;
    color: #8e8e8e;
    transition: all ease 0.5s;
}

.service-pagination .pagination .page-item .page-link:hover {
    background-color: #e1940c;
    color: #ffffff;
}

.service-pagination .pagination .page-item .page-link:hover span {
    color: #ffffff;
}

.service-pagination.article-pagination .pagination {
    justify-content: start;
}

/*
Our Terms & Conditions Page CSS
======================================================*/
.terms-conditions-area .container {
    max-width: 875px;
    margin: auto;
}

.terms-conditions {
    max-width: 800px;
    margin: auto;
}

.terms-conditions .title {
    margin-bottom: 30px;
    text-align: center;
}

.terms-conditions .title span {
    color: #e1940c;
    display: block;
    margin-bottom: 10px;
}

.terms-conditions .title h2 {
    font-size: 36px;
    color: #232429;
}

.terms-conditions img {
    margin-bottom: 30px;
}

.terms-conditions .conditions-content {
    margin-bottom: 30px;
}

.terms-conditions .conditions-content h3 {
    margin-bottom: 15px;
}

.terms-conditions .conditions-content p {
    margin-bottom: 10px;
}

.terms-conditions .conditions-content ul {
    margin-bottom: 15px;
    padding-right: 0;
    list-style-type: none;
    margin-top: 15px;
}

.terms-conditions .conditions-content ul li {
    position: relative;
    padding-right: 25px;
    margin-bottom: 10px;
}

.terms-conditions .conditions-content ul li:last-child {
    margin-bottom: 0;
}

.terms-conditions .conditions-content ul li i {
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 20px;
    color: #e1940c;
}

.terms-conditions .conditions-content h3 {
    margin-bottom: 15px;
}

.terms-conditions .conditions-content p {
    margin-bottom: 10px;
}

/*
Privacy Policy Area CSS
=======================================================*/
.privacy-policy-area .container {
    max-width: 875px;
    margin: auto;
}

.privacy-policy-wrap img {
    margin-bottom: 30px;
}

.privacy-policy-wrap .privacy-content {
    margin-bottom: 30px;
}

.privacy-policy-wrap .privacy-content h3 {
    margin-bottom: 15px;
}

.privacy-policy-wrap .privacy-content p {
    margin-bottom: 10px;
}

.privacy-policy-wrap .privacy-content ul {
    margin-right: 0;
    margin-bottom: 15px;
    list-style-type: none;
    padding-right: 0;
    margin-top: 15px;
}

.privacy-policy-wrap .privacy-content li {
    position: relative;
    padding-right: 25px;
    margin-bottom: 10px;
}

.privacy-policy-wrap .privacy-content li:last-child {
    margin-bottom: 0;
}

.privacy-policy-wrap .privacy-content li i {
    position: absolute;
    right: 0;
    top: 1px;
    color: #e1940c;
    font-size: 20px;
}

/*
404 Error Page CSS
=======================================================*/


/*
Login Register Area CSS
=======================================================*/
.login-form {
    padding: 35px;
    border-radius: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    max-width: 650px;
    margin: auto;
    border: 1px solid #e1e1e1;
}

.login-form h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.login-form form .form-group {
    margin-bottom: 25px;
}

.login-form form .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.login-form form .form-group .form-control {
    height: 55px;
    padding: 20px;
    line-height: initial;
    color: #646366;
    background-color: transparent;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    box-shadow: unset;
    transition: var(--transition);
    font-size: 15px;
}

.login-form form .lost-your-password a {
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    color: #646366;
}

.login-form form .lost-your-password a::before {
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    transition: all ease 0.5s;
    background-color: #eeeeee;
}

.login-form form .lost-your-password a::after {
    width: 0;
    height: 1px;
    position: absolute;
    right: 0;
    transition: all ease 0.5s;
    bottom: 0;
    content: "";
    background-color: #e1940c;
}

.login-form form .default-btn {
    margin-top: 25px;
    padding: 15px 35px;
    width: 100%;
    border: none;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.login-form form .default-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    background-color: #e1940c;
    transition: all ease 0.5s;
    z-index: -1;
}

.login-form form .default-btn:hover::before {
    opacity: 1;
    height: 100%;
    visibility: visible;
    border-radius: 5px;
}

.register-form {
    padding: 35px;
    border-radius: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    margin: auto;
    border: 1px solid #e1e1e1;
}

.register-form h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.register-form form .form-group {
    margin-bottom: 25px;
}

.register-form form .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
}

.register-form form .form-group .form-control {
    height: 50px;
    padding: 20px;
    line-height: initial;
    background-color: transparent;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    box-shadow: unset;
    transition: all ease 0.5s;
    font-size: 15px;
}

.register-form form .description {
    font-style: italic;
    font-size: 14px;
    margin-top: -5px;
    margin-bottom: 15px;
}

.register-form form .default-btn {
    margin-top: 10px;
    padding: 15px 35px;
    width: 100%;
    border: none;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.register-form form .default-btn::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    background-color: #e1940c;
    transition: all ease 0.5s;
    z-index: -1;
}

.register-form form .default-btn:hover::before {
    opacity: 1;
    height: 100%;
    visibility: visible;
    border-radius: 5px;
}

/* Others CSS */
.FocuS {
    -webkit-animation: FocuS 1s linear 1s infinite;
    animation: FocuS 1s linear 1s infinite;
}

.rotate {
    -webkit-animation: rotation 20s infinite linear;
    animation: rotation 20s infinite linear;
}

.animationFramesTwo {
    -webkit-animation: animationFramesTwo 15000ms infinite ease-in-out;
    animation: animationFramesTwo 15000ms infinite ease-in-out;
}

.bounce {
    -webkit-animation: float 1500ms infinite ease-in-out;
    animation: float 1500ms infinite ease-in-out;
}

.moveHorizontal {
    -webkit-animation: moveHorizontal 3000ms infinite ease-in-out;
    animation: moveHorizontal 3000ms infinite ease-in-out;
}

.moveHorizontal_reverse {
    -webkit-animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
    animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
}

.moveVertical {
    -webkit-animation: moveVertical 3000ms infinite ease-in-out;
    animation: moveVertical 3000ms infinite ease-in-out;
}

@-webkit-keyframes full-circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes full-circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes pop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes pop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes rotate-vertical {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-360deg);
    }
}

@keyframes rotate-vertical {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-360deg);
    }
}

@-webkit-keyframes ripple {
    0% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.75);
        opacity: 0.6;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.75);
        opacity: 0.6;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-359deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-359deg);
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-73px, -1px) rotate(-36deg);
    }
    40% {
        -webkit-transform: translate(-141px, 72px) rotate(-72deg);
    }
    60% {
        -webkit-transform: translate(-83px, 122px) rotate(-108deg);
    }
    80% {
        -webkit-transform: translate(40px, 72px) rotate(-144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-73px, -1px) rotate(-36deg);
    }
    40% {
        -webkit-transform: translate(-141px, 72px) rotate(-72deg);
    }
    60% {
        -webkit-transform: translate(-83px, 122px) rotate(-108deg);
    }
    80% {
        -webkit-transform: translate(40px, 72px) rotate(-144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes waving_left {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(-3deg);
    }
    50% {
        -webkit-transform: rotate(-6deg);
    }
    75% {
        -webkit-transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes waving_left {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(-3deg);
    }
    50% {
        -webkit-transform: rotate(-6deg);
    }
    75% {
        -webkit-transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes waving_right {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(3deg);
    }
    50% {
        -webkit-transform: rotate(6deg);
    }
    75% {
        -webkit-transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes waving_right {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(3deg);
    }
    50% {
        -webkit-transform: rotate(6deg);
    }
    75% {
        -webkit-transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-73px, -1px) rotate(-36deg);
    }
    40% {
        -webkit-transform: translate(-141px, 72px) rotate(-72deg);
    }
    60% {
        -webkit-transform: translate(-83px, 122px) rotate(-108deg);
    }
    80% {
        -webkit-transform: translate(40px, 72px) rotate(-144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-73px, -1px) rotate(-36deg);
    }
    40% {
        -webkit-transform: translate(-141px, 72px) rotate(-72deg);
    }
    60% {
        -webkit-transform: translate(-83px, 122px) rotate(-108deg);
    }
    80% {
        -webkit-transform: translate(40px, 72px) rotate(-144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes moveHorizontal {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes moveHorizontal_reverse {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(-20px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes moveHorizontal_reverse {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(-20px);
    }
    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes moveVertical {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes moveVertical {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes FocuS {
    0% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes FocuS {
    0% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/**/
.search-can .offcanvas {
    --bs-offcanvas-height: 180px;
}

.search-can .offcanvas-header {
    position: relative;
}

.search-can .offcanvas-header .btn-close {
    position: absolute;
    top: 15px;
    left: 20px;
    opacity: 1;
}

.search-can .offcanvas-header .btn-close:focus {
    box-shadow: none;
    border-radius: 0;
    outline: 0;
}

.search-can .offcanvas-body {
    outline: 0;
}

.search-can .offcanvas-body .search-form {
    position: relative;
}

.search-can .offcanvas-body .search-form .form-control {
    box-shadow: none;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    padding: 12px 20px;
    height: 50px;
    transition: all ease 0.5s;
}

.search-can .offcanvas-body .search-form .form-control:focus {
    border: 1px solid #e1940c;
}

.search-can .offcanvas-body .search-form .search-button {
    position: absolute;
    top: 12px;
    left: 10px;
    border: none;
    font-size: 20px;
    color: #e1940c;
    background-color: transparent;
}

.modal-dialog {
    max-width: 700px;
    position: relative;
}

.modal-dialog iframe {
    width: 100%;
    height: 450px;
    display: block;
    border-radius: 10px;
}

.modal-dialog .modal-header {
    padding: 0;
    border: none;
}

.modal-dialog .modal-header .btn-close {
    left: 0px;
    top: -25px;
    position: absolute;
    filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(7473%) hue-rotate(56deg) brightness(108%) contrast(108%);
    opacity: 1;
}

.modal-dialog .modal-header .btn-close:focus {
    outline: 0;
    box-shadow: unset;
}

.modal-dialog .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}

/**/
.search-progress .can-btn {
    border: none;
    background-color: transparent;
    font-size: 25px;
    position: relative;
    top: 4px;
}

.search-progress .phone {
    position: relative;
    padding-right: 60px;
    margin-right: 25px;
}

.search-progress .phone i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    color: #ffffff;
    background-color: #232429;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    transition: all ease 0.5s;
}

.search-progress .phone p {
    font-size: 14px;
    color: #646366;
    margin-bottom: 1px;
}

.search-progress .phone a {
    font-weight: 500;
    color: #232429;
}

.search-progress .phone a:hover {
    color: #e1940c;
}

.search-progress .phone a:hover i {
    background-color: #e1940c;
    color: #ffffff;
}

.search-progress .menu {
    margin-right: 20px;
}

/* Go Top */
.scrolltop-wrap a {
    position: fixed;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: all;
    outline: none;
    overflow: hidden;
    width: 50px;
    height: 50px;
    line-height: 54px;
    font-size: 35px;
    left: 15px;
    bottom: 15px;
    text-align: center;
    color: #ffffff;
    background-color: #e1940c;
    border: 1px solid #e1940c;
    border-radius: 50%;
    transition: all ease 0.5s;
    z-index: 3;
}

.scrolltop-wrap a:hover {
    background-color: #232429;
    color: #ffffff;
}

.scrolltop-wrap a #scrolltop-arrow {
    transform: scale(0.66);
    transform-origin: center;
}

/* ==============
    Navbar CSS
==================================== */
.wile-navbar {
    background-color: #ffffff;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.wile-navbar .container-fluid {
    max-width: 1620px;
}

.wile-navbar .navbar-brand {
    padding: 0;
    margin-left: 30px;
    width: 80px;
}

.b-menu {
    width: 40px;
    height: 40px;
}

.b-menu i {
    padding-top: 5px;
}

.wile-navbar .navbar-nav .nav-item a {
    font-size: 14px;
    color: #221638;
    line-height: 1;
    position: relative;
    font-weight: 500;
    padding: 0;
    margin-right: 20px;
    margin-left: 20px;
}

.wile-navbar .navbar-nav .nav-item a.dropdown-toggle {
    position: relative;
    padding-left: 16px;
}

.wile-navbar .navbar-nav .nav-item a.dropdown-toggle::after {
    display: none;
}

.wile-navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    content: "\ea4a";
    position: absolute;
    top: -2px;
    left: -2px;
    font-family: boxicons !important;
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
}

.wile-navbar .navbar-nav .nav-item a:hover, .wile-navbar .navbar-nav .nav-item a:focus, .wile-navbar .navbar-nav .nav-item a.active {
    color: #e1940c;
}

.wile-navbar .navbar-nav .nav-item a i {
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: 4px;
}

.wile-navbar .navbar-nav .nav-item .dropdown-menu {
    border: none !important;
}

.wile-navbar .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px dotted #f2f2f2;
}

.wile-navbar .navbar-nav .nav-item .dropdown-menu li a {
    padding-top: 16px;
    padding-right: 0;
    padding-left: 16px;
    padding-bottom: 16px;
    font-size: 15px;
    font-weight: 500;
}

.wile-navbar .navbar-nav .nav-link {
    text-transform: capitalize;
    color: #232429;
    padding: 0;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
}

.wile-navbar .navbar-nav .nav-link.active, .wile-navbar .navbar-nav .nav-link > .show, .wile-navbar .navbar-nav .nav-link:hover {
    color: #e1940c;
}

.wile-navbar .navbar-nav .dropdown-item {
    padding: 10px 15px;
}

.wile-navbar .navbar-nav .dropdown-item.active, .wile-navbar .navbar-nav .dropdown-item > .show, .wile-navbar .navbar-nav .dropdown-item:hover {
    color: #e1940c;
}

.wile-navbar .navbar-nav.active, .wile-navbar .navbar-nav > .show, .wile-navbar .navbar-nav:hover {
    color: #e1940c;
}

.wile-navbar .dropdown-menu {
    border: none !important;
}

.wile-navbar .dropdown-menu li a {
    padding: 16px;
    font-size: 15px;
    font-weight: 500;
}

.wile-navbar .dropdown-item {
    background-color: #ffffff;
    padding: 0px 0;
    margin: 0 0 0;
    border: 0px solid transition !important;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: none !important;
}

.wile-navbar .dropdown-item.active {
    color: #e1940c;
}

.wile-navbar .collapse ul > li:hover > a {
    background-color: transparent;
}

.wile-navbar .collapse ul > ul > li:hover > a .show .dropdown-menu > li > a:focus .show .dropdown-menu > li > a:hover, .wile-navbar .collapse ul > ul > li:hover > a .show .dropdown-menu > li > a .navbar .show .dropdown-menu > li > a:hover, .wile-navbar .collapse ul > ul > li:hover > .navbar .show .dropdown-menu > li > a:focus .show .dropdown-menu > li > a:hover, .wile-navbar .collapse ul > ul > li:hover > .navbar .show .dropdown-menu > li > a .navbar .show .dropdown-menu > li > a:hover {
    background-color: #ffffff;
    color: #e1940c;
}

.wile-navbar.wile-navbar-two {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    background-color: transparent;
}

.wile-navbar.wile-navbar-two::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 84%;
    margin: auto;
    height: 1px;
    background-color: #f1f1f1;
}

.wile-navbar.wile-navbar-two.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: unset;
    background-color: #ffffff;
}

.wile-navbar.wile-navbar-two.sticky::before {
    background-color: #ffffff;
}

.wile-navbar.wile-navbar-two .navbar {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 14px;
    padding-bottom: 14px;
}

.wile-navbar.wile-navbar-two .search-progress .phone {
    margin-right: 0;
    margin-left: 25px;
    padding-right: 25px;
}

.wile-navbar.wile-navbar-two .search-progress .phone i {
    top: 11px;
    background-color: transparent;
    color: #232429;
    width: 0;
    height: 0;
    line-height: 0;
}

.wile-navbar.wile-navbar-three {
    background-color: transparent;
}

.wile-navbar.wile-navbar-three.sticky {
    position: fixed;
    background-color: #232429;
    border-bottom: 1px solid #232429;
}

.wile-navbar.wile-navbar-three .navbar-nav .nav-item a {
    color: #ffffff;
}

.wile-navbar.wile-navbar-three .navbar-nav .nav-item a.active, .wile-navbar.wile-navbar-three .navbar-nav .nav-item a:hover {
    color: #e1940c;
}

.wile-navbar.wile-navbar-three .navbar-nav .nav-item .dropdown-menu li a {
    color: #232429;
}

.wile-navbar.wile-navbar-three .navbar-nav .nav-item .dropdown-menu li a.active, .wile-navbar.wile-navbar-three .navbar-nav .nav-item .dropdown-menu li a:hover {
    color: #e1940c;
}

.wile-navbar.wile-navbar-three .search-progress .can-btn {
    color: #ffffff;
    transition: all ease 0.5s;
}

.wile-navbar.wile-navbar-three .search-progress .can-btn:hover {
    color: #e1940c;
}

.header-navbar-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

/*second level*/
.wile-navbar .collapse ul ul ul > li:hover > a {
    background-color: #ffffff;
    color: #e1940c;
}

/*third level*/
.wile-navbar .collapse ul ul {
    background-color: #ffffff;
}

.wile-navbar .collapse ul ul.dropdown-menu {
    background-color: #ffffff;
}

.wile-navbar .collapse ul ul ul {
    background: #f5f5f5;
}

.wile-navbar .collapse ul ul ul.dropdown-menu {
    background: #f5f5f5;
}

.wile-navbar .collapse ul ul ul ul {
    background: #f5f5f5;
}

.wile-navbar .collapse ul ul ul ul.dropdown-menu {
    background: #f5f5f5;
}

/*Drop-down menu work on hover*/
@media only screen and (min-width: 991px) {
    .wile-navbar .dropdown > .dropdown-menu {
        transition: all 0.5s;
        overflow: hidden;
        transform-origin: top center;
        transform: scale(1, 0);
        display: block;
        margin-top: 20px;
        padding: 0;
    }

    .wile-navbar .dropdown:hover > .dropdown-menu {
        transform: scale(1);
    }

    .wile-navbar .dropdown ul li:hover > ul {
        display: block;
    }

    .wile-navbar .collapse ul li {
        position: relative;
    }

    .wile-navbar .collapse ul ul {
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 250px;
        display: none;
    }

    .wile-navbar .collapse ul ul li {
        position: relative;
    }

    .wile-navbar .collapse ul ul li {
        position: relative;
    }

    .wile-navbar .collapse ul ul li:hover > ul {
        display: block;
    }

    .wile-navbar .collapse ul ul ul {
        position: absolute;
        top: 0;
        right: 100%;
        min-width: 250px;
        display: none;
    }

    .wile-navbar .collapse ul ul ul li {
        position: relative;
    }

    .wile-navbar .collapse ul ul ul li:hover ul {
        display: block;
    }

    .wile-navbar.collapse ul ul ul ul {
        position: absolute;
        top: 0;
        right: -100%;
        min-width: 250px;
        display: none;
        z-index: 1;
    }
}

/* ==============
    End Navbar CSS
==================================== */
.search-progress {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

/*# sourceMappingURL=rtl.css.map */

.w-fit {
    width: fit-content;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
    content: "\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    content: "\f121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *, .video-js :after, .video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog > * {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto;
    width: initial
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: 0;
    background: 0 0
}

.video-js .vjs-menu :focus:not(:focus-visible), .video-js :focus:not(:focus-visible) {
    outline: 0;
    background: 0 0
}

@media only screen and (max-width: 575px) {
    .my-video1-dimensions {
        width: 100% !important;
        height: 200px !important
    }
}

.my-video1-dimensions {
    width: 100% !important;
    height: 435px
}

.text-justify {
    text-align: justify;
}

.social {
    width: 22px;
    border-radius: 50% !important;
}

.image-uploader {
    border: 2px dashed #d9d9d9;
    position: relative;
    border-radius: 20px;
    width: 100%;
    margin: auto;
    min-height: 300px;
}

.image-uploader input[type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    right: 0 !important;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.image-uploader .uploaded {
    padding: 0.5rem;
    line-height: 0;
}

.image-uploader img {
    border-radius: 20px;
}



[data-mdpersiandatetimepicker][disabled] {
    opacity: 0.5;
    cursor: default;
}

.mds-bootstrap-persian-datetime-picker-container {
    min-width: 300px;
    font-size: 12px;
    position: relative;
    overflow: visible;
}

.mds-bootstrap-persian-datetime-picker-container.rtl {
    direction: rtl;
}

.mds-bootstrap-persian-datetime-picker-container .select-year-box,
.mds-bootstrap-persian-datetime-picker-container .select-year-inline-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    transition: all 200ms ease;
    overflow: hidden;
    z-index: 9999999;
}

.mds-bootstrap-persian-datetime-picker-container .select-year-box.inline {
    top: 23px !important;
    overflow: hidden;
}

.mds-bootstrap-persian-datetime-picker-container .select-year-box.w-0,
.mds-bootstrap-persian-datetime-picker-container .select-year-inline-box.w-0 {
    height: 0;
}

.mds-bootstrap-persian-datetime-picker-container .select-year-box button {
    font-size: 16px;
}

.mds-bootstrap-persian-datetime-picker-container .select-year-box [selected-year] button {
    background-color: aquamarine;
}

.mds-bootstrap-persian-datetime-picker-container.rtl table {
    direction: rtl;
}

.mds-bootstrap-persian-datetime-picker-container.rtl tfoot table {
    direction: ltr;
}

.mds-bootstrap-persian-datetime-picker-container.rtl .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

.mds-bootstrap-persian-datetime-picker-container * {
    font-size: 12px;
}

.mds-bootstrap-persian-datetime-picker-container table {
    margin-bottom: 0;
}

.mds-bootstrap-persian-datetime-picker-container table th,
.mds-bootstrap-persian-datetime-picker-container table td {
    padding: 1px;
    font-size: 14px;
    text-align: center;
}

.mds-bootstrap-persian-datetime-picker-container table tbody td[data-next-month] .btn,
.mds-bootstrap-persian-datetime-picker-container table tbody td[data-prev-month] .btn {
    background: #fff;
    border: none;
    cursor: default;
}

.mds-bootstrap-persian-datetime-picker-container table table {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
}

.mds-bootstrap-persian-datetime-picker-container table table th {
    border: none;
}

.mds-bootstrap-persian-datetime-picker-container table table input[type="text"] {
    width: 50px;
    border: none;
    text-align: center;
    background-color: #fff;
}

.mds-bootstrap-persian-datetime-picker-container th {
    padding: 0;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days {
    border: 0;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days tr:first-child>td {
    vertical-align: top;
    padding-bottom: 5px;
    width: 14.2%;
    cursor: default;
    font-weight: bold;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-day] {
    cursor: pointer;
    transition: all 200ms ease;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-day][data-today] {
    background-color: aquamarine;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-day][data-selectedday] {
    background-color: #96daff;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td.selected-range-days-start-end {
    background-color: #c9e1ff;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td.selected-range-days {
    background-color: #d9f2e6;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-special-date] {
    background-color: #c7f7c7;
    border: 1px solid #00ce00;
    transition: all 200ms ease;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-special-date]:hover {
    background-color: #7bff7b;
    border-color: #31cc31;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-pm],
.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-nm],
.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[disabled] {
    cursor: default;
    opacity: 0.2;
    transition: none;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-pm]:hover,
.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-nm]:hover,
.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[disabled]:hover {
    cursor: default;
    opacity: 0.3;
    transition: none;
}

.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-day]:not([data-special-date]):hover,
.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-nm]:hover,
.mds-bootstrap-persian-datetime-picker-container table table tbody.days td[data-pm]:hover {
    background: #ccc;
}

.mds-bootstrap-persian-datetime-picker-container .btn {
    width: 100%;
    margin-bottom: 1px;
    padding: 1px;
    font-size: 14px;
}

.mds-bootstrap-persian-datetime-picker-container .btn[disabled] {
    opacity: 0.2;
}

.mds-bootstrap-persian-datetime-picker-container .dropdown {
    padding: 0;
    padding-bottom: 1px;
    text-align: center;
}

.mds-bootstrap-persian-datetime-picker-container .dropdown-menu {
    min-width: 100px;
    width: 100px;
}

.mds-bootstrap-persian-datetime-picker-container .dropdown-item {
    padding: 0;
    padding-bottom: 1px;
    cursor: pointer;
    text-align: center;
}

.mds-bootstrap-persian-datetime-picker-container .dropdown-item:not(.disabled):hover {
    background-color: #ccc;
}

.mds-bootstrap-persian-datetime-picker-container .dropdown-item.disabled {
    opacity: 0.2;
    cursor: default;
}

.mds-bootstrap-persian-datetime-picker-container .dropdown-divider {
    margin-bottom: 1px;
    cursor: default;
}

.mds-bootstrap-persian-datetime-picker-popover {
    max-width: 100%;
    -webkit-box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.1);
    z-index: 999999999;
}

.mds-bootstrap-persian-datetime-picker-modal *{
    font-size: 24px !important;
}
.bg-unset{
    background-color: unset;
    border: 0;
}
.font-icon-mobile{
    font-size : 20px;
    color : black;
}