body{
    color:#000!important;
    font-size: 0.8rem;
}

.breatcome-content-title h1{
    font-size:23px;
    color:#eaad42;
}

.itsoft_menu .sub-menu{
    right: 0;
    padding: 2px;
    top: 40px;
    text-align:right;
    direction:rlt;
}

.mean-container .mean-nav ul li a.mean-expand{
    left:0;
    top:0;
}

.footer-copyright{
    text-align: center;
    background: #535395;
    font-size: 0.7rem;
}

.footer-copyright p{
    color:#fff;
}

.footer-copyright p a{
    color:#eaad42;
    font-weight:bold;

}

#chartTabContent{
    box-shadow: 0 14px 25px rgb(0 0 0 / 7%);
    border: 1px solid #cec9bb;
    border-radius: 1rem;
    background:#fff;
    padding: 0.5rem;
}

.call-do-action .dreamit-section-main-title h1 {
    text-align:justify;
}

.transaction .form-group{
    padding:0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    color: #000;
    font-weight: bold;
    border: 1px solid #cec9bb;
    border-radius: 0.5rem;
}

.transaction a.submit{
    display:block;
    text-align:center;
    background: #eaad42;
    color: #fff;
    border-radius:0.5rem;
    border: 1px solid #eaad42;
    padding: 5px;
    width:100%;
    font-size:1rem;
}
.nav-chart .nav-item{
    width:33.3%;
}
.nav-chart .nav-item .nav-link{
    background:none;
    border:0;
    width:100%;
}

.nav-chart .nav-item.show .nav-link, .nav-chart .nav-link.active{
    border:0;
    background:none;
    border-bottom:1px solid #eaad42;
}

.chartt{
    height:100px;
    border:1px solid #efefef;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
}


.transaction .form-group input{
    border:0;
    outline:0;
    text-align:center;
}

#chartTab{
    background:#fff;
    padding: 0.5rem 0;
    border-radius: 1rem;
    border-bottom: 0;
}
#chartTab .nav-item{
    width:50%;
}

#chartTab .nav-item .nav-link{
    width: 90%;
    border: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight:bold;
    background:#fff;
    border-radius:1rem;
}

#chartTab .nav-item .nav-link.active{
    background:#e2e2e2;
}

#chartTab .nav-item .nav-link span{
   margin-top:5px;
    font-size:1rem;
}

#chartTab .nav-item .nav-link span span.currency{
    font-size:0.6rem;
}

#chartTab .nav-item:first-child{
    border-left:2px solid #cec9bb;
}

#chart{
    background:#f6f6f6;
    margin-top: 60px;
}

#chartwithbg{
    background:url(../images/sliderbg.png) no-repeat center right;
    background-size:auto 80%;
}

.tab-pane-chart .col-4.changes.success span:first-child,.tab-pane-chart .col-4.changes.success span:first-child i{
    color:#067406;
}

.tab-pane-chart .col-4 span:last-child{
    font-size:0.7rem;
    font-weight:bold;
}

.tab-pane-chart .col-4.top-price span:last-child{
    color:#ff0000;
}

.tab-pane-chart .col-4.low-price span:last-child{
    color:#067406;
}

#chart h1{
    font-size: 2rem;
    color:#eaad42;
}

#chart h1 span{
    color:#333;
    font-size:18px;
}

#chart .form input{
    border: 1px solid #dfdfdf;
    font-size: 0.8rem;
    border-left: 0;
    border-radius: 0 0.5rem 0.5rem 0;
    text-align: right;
    height: 40px;
    padding: 10px;
}

#chart .form input::placeholder {
    font-weight: bold;
    opacity: 0.5;
    font-size: 0.8rem;
    color: #333;
}


#chart .form button{
    font-size:1rem;
    background:#eaad42;
    color:#fff;
    border-radius:0.5rem 0 0 0.5rem;
    border: 1px solid #eaad42;
    padding:0px 20px;
}

#tags span{
    font-size: 0.6rem;
    font-weight: bold;
    display: inline-block;
    background: #e8d0a2;
    padding: 2px 4px;
    border-radius: 0.5rem;
    margin-left: 0.2rem;
}

.sticky-nav .itsoft_menu ul li a:hover {
    color: #eaad42!important;
}

h1, h2, h3, h4, h5, h6 {
    color: #49497c;
}

.footer-quick-link-list ul li a:after{
    background: #eaad42;
}

.header-top-area {
    background: #49497c;
    padding: 3px 0;
    overflow: hidden;
    position: relative;
}

.header-top-area .header-top-right-icon-area ul li a:before {
    position: absolute;
    content: "";
    height: 247%;
    width: 1px;
    background: #679eaf;
    top: -16px;
    left: 29px;
}

.header-top-area:before {
    width: 70%;
    background: #8f8f8f;
    transform: skew(0deg);
}

.header-top-left-single-item:before {
    position: absolute;
    content: "";
    height: 219%;
    width: 1px;
    top: -15px;
    right: -28px;
    background: #747474;
}

.header-top-left-icon i {
    margin-right: 8px;
    color: #fff;
    font-size: 16px;
}

/* ---------------------- menu ---------------------- */

.itsoft_menu ul li a {
    display: inline-block;
    font-size: 14px;
    padding:5px;
    transition: .5s;
    color: #000;
    font-weight: 600;
}

.itsoft_menu ul li a:hover {
    color: #49497c!important;
}

.sticky-nav {
    background: #49497c !important;
}

.pagination li.active span {
    background: #49497c;
    color: #fff!important;
}


/* ---------------------- title------------------------- */
.dreamit-section-sub-title h5:before {
    background-color: #49497c;
    top: 8px;
}

.portfolio_area .dreamit-section-sub-title h5:after {
    background-color: #49497c;
    top: 8px;
}

.single-service-box {
    border-top: 5px solid #49497c;
}

.service-title h2 {
    color: #000;
}

.service-title h2:before {
    background: #49497c;
}

.service-inner-content {
    background: #8f8f8f;
}

.service-inner-icon a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #49497c;
    display: inline-block;
    border-radius: 100%;
    color: #fff;
    transition: .5s;
}



/* ---------------------- map guide ---------------------- */
.title-map h1 {
    font-size: 35px;
}

.mapiran-section h5 {
    font-size: 18px;
}

.map-guide {
    list-style-type: none;
}

.map-guide__item-2,
.map-guide__item-1 {
    font-size: 14px;
}

.map-guide__item-2::before {
    content: ' ';
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: #fc0;
    border-radius: 50px;
    margin-left: 5px
}

.map-guide__item-1::before {
    content: ' ';
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: red;
    border-radius: 50px;
    margin-left: 5px
}

/* ---------------------- icon scroll ---------------------- */
.top-wrap .go-top-button:hover {
    background-color: #49497c;
}

.top-wrap .go-top-button {
    background: #49497c;
}

.scroll-area .go-top::before {
    content: "";
    border: 2px solid #eaad42;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}

.top-wrap .go-top-button::after {
    content: "";
    border: 2px solid #eaad42 !important;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

/* ---------------------- about ---------------------- */
.dreamit-section-main-title span {
    color: #eaad42;
}

.btn:hover {

    border-color: #49497c;
}
.btn:after{
    right:0;
    left:auto;
}
.feature-btn a {
    background: #49497c;
    box-shadow: 10px 0 31px rgb(2 134 186 / 25%);
}

.feature-btn a:after {
    background: #8f8f8f;
}

/* ---------------------- slider new product ---------------------- */
.single-testi-box {
    background: #5f5f5f;
}

.single-testi-box:before {
    background: #49497c;
}

.testi-thumb:before {
    border: 1px solid#49497c;
}

.testi-inner-content h2:before {
    display:none;
}

.single-testi-box{
    padding: 162px 26px 1px 26px;
}

.owl-dot.active {
    background: #49497c;
}

/* ---------------------- portfolio ---------------------- */
.fortfolio-addrees {
    background: #8f8f8f;
}

.portfolio-content h2 {
    font-size: 16px;
    color: #49497c;
}

.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item{
    color: #49497c;
}

.portfolio-content {
    padding: 50px 15px 17px 26px;
}

.portfolio_nav ul li:hover {
    color: #49497c;
}

.portfolio_nav ul li:before {
    background: #49497c;
}

/* btn contact */
.call-btn a {
    background: #49497c;
}

.call-btn a:hover {
    color: #fff;
}

.call-btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    right: 0;
    top: 0;
    transition: .5s;
    background: #8f8f8f;
    z-index: -1;
    border-radius: 0 30px 0 30px;
}

.blog-card__top-text::before {
    background: #8f8f8f;
}

.center-text__link {
    color: #49497c;
    position: absolute;
    right: 35px;
    font-weight: 800;
}

.blog-card__text {
    background: #2b2b2b;
}

.blog-btn a{
    font-weight:bold;
}
/* icons */
.cll-do-icon i {
    color: #eaad42;
}

a:hover {
    color: #49497c;
}


/* footer */
.footer-quick-link-list ul li a:hover {
    color: #eaad42;
}

.footer-quick-link-list ul li a:hover:after {
    background: #eaad42;
}

.footer-widget-title.two h3:before {
    background: none;
}

#goftino_w{
    margin:0;
}

.scroll-area .go-top.active {
    top: 96%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    -ms-transform: translateY(-98%);
    -o-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    left: 15px;
    border-radius: 100%;
}

.scroll-area .go-top {
    left: 10px;
}

/* ================================ page about ================================ */
.breatcome-content-title h2 {
    color: #eaad42;
    direction: rtl;
}

.info-contact__title {
    color: #000;
    font-size: 30px
}

.info-contact__sub-title {
    font-size: 13px;
}

.info-contact__link {
    color: #49497c;
    background-color: #71d5fdc2;
}

.info-contact__link:hover {
    color: #8f8f8f;
}

.advertising-intro__link {
    background-color: #49497c;
    color: #FFF;
    box-shadow: 0 10px 30px rgb(71, 167, 212);
}

.advertising-intro__link:hover {
    color: #fff;
}

.link-message__purple {
    background-color: #49497c;
    box-shadow: 0 10px 30px rgb(71, 167, 212);
}

.link-transportation__purple {
    background-color: #49497c;
    color: #FFF;
    box-shadow: 0 10px 30px rgb(71, 167, 212);
}

.link-transportation a:hover {
    color: #fff;
}

/* ================================ page contact ================================ */
.contact-section.style-two .single-conpany-info-box .info-icon i {
    background: #49497c;
}

.btn:after {
    background: #49497c;
}

/* .vbox-close{
    display: none;
} */
/* ================================ page article ================================ */

.single-video-grid-box {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
}

.blog-grid-thumb:before {
    background: #49497c;
}

.blog-grid-content {
    padding: 15px 5px;
}

.details-thumb img {
    width: 50%;
}



/* video educational */
.video-icon {
    position: absolute;
    top: 145px;
    right: 40%;
    border: 2px dashed #fff;
    border-radius: 50%;
    padding: 7px;
    display: inline-block;
}

.video-icon i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    font-size: 26px;
}

.video-icon-aboutus {
    position: absolute;
    top: 340px;
    right: 36%;
    border: 2px dashed #8f8f8f;
    border-radius: 50%;
    padding: 7px;
    display: inline-block;
}

.video-icon-aboutus i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    font-size: 30px;
    padding-left: 8px;
}

.single-video-grid-box img {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.single-video-grid-box a::before {
    background: #8f8f8f;
}

.single-video-grid-box h2 {
    font-size: 22px;
    padding: 24px 10px;
}

.single-video-grid-box h2::before {
    content: ' ';
    width: 55px;
    height: 1.8px;
    display: inline-block;
    background-color: #49497c;
    margin: 0 7px;
}

.single-video-grid-box:hover {
    box-shadow: 2px 5px 10px #888888;
}

.box-about-2:hover {
    box-shadow: none !important;
}

.modal-video {
    margin-top: 50px;
}

.single-video-grid-box img {
    height: 80%;
}

Iframe {
    width: 100%;
    height: 100%;
}

.fancybox-video {
    display: none;
}

.fancybox-nav {
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
}

.video-links {
    list-style: none;
    padding: 0;
}

video {
    max-width: 640px;
}

.service-section {
    direction: rtl;
}

/* ================================ responsive ================================ */

.mean-container .mean-bar {
    background: #49497c;
    float: right;
}

.blog-title h2:before {
    right: calc(50% - 35px);
    left: auto;
    background: #eaad42!important;
    top: 36px;
}

.blog-btn a i{
    color: #eaad42!important;
}

.blog-meta{
    background: #042953;
}

.single-blog-box .blog-title h2, .single-blog-box  .blog-btn a, .single-blog-box  .blog-content-text p {
    color: #fff;
}

.header-btn{
    float:left;
    top:5px;
    font-size: 14px;
}
.header-btn a i {
    font-size: 16px;
    padding: 5px 6px 5px 8px;
    text-align: center;
    font-weight: bold;
}
.header-btn a{
    padding: 9px 18px;
    background:#eaad42!important;
    color:#49497c!important;
    font-size: 14px;
    font-weight: bold;
    direction: rtl;

}


.header-btn a:hover,.header-btn a:hover i{
    color:#042953!important;
    background:#eaad42!important;
}

.header-btn a:hover:after {
    display:none;
}

.footer-about-social-icon ul li a{
    background: #042953;
}

.footer {
    background: #49497c;
}

.single-blog-box .blog-thumb:before{
    background: linear-gradient(to top, #042953 41%, rgba(0, 0, 0, .1) 85%);
}
.single-blog-box:hover .blog-meta{
    background: #49497c;
}

.single-blog-box:hover .blog-thumb:before{
    background: linear-gradient(to top, #49497c 41%, rgba(0, 0, 0, .1) 85%);
}

.single-call-box,.call-do-content a{
    font-weight:bold;
}

.blog-title h2:before{
    background: #49497c;
}

@media (min-width: 1600px) and (max-width: 2000px) {
    .slider-sm {
        display: none;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .slider-sm {
        display: none;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .slider-sm {
        display: none;
    }
}

@media (min-width: 1365px) and (max-width: 1400px) {
    .slider-sm {
        display: none;
    }
}

@media (min-width: 1364px) and (max-width: 1365px) {
    .slider-sm {
        display: none;
    }
}

@media (min-width: 1169px) and (max-width: 1364px) {
    .slider-sm {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1168px) {
    .slider-lg {
        display: none;
    }

    .service-section {
        padding-top: 100px;
    }

    .video-icon-aboutus {
        top: 295px;
        right: 26%;
    }

    .video-icon-aboutus i {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .title-newproduct {
        font-size: 30px;
    }

    .owl-dots {
        display: none;
    }

    .about-section {
        padding-bottom: 25px;
    }

    .mapiran-section {
        padding: 0px 65px 10px;
    }

    .mapiran-part {
        padding-bottom: 0px;
    }

    .row.upper2 {
        padding: 50px 0 50px 0px;
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-lg {
        display: none;
    }

    .mapiran-section {
        padding: 3px 0px 20px;
    }

    .video-icon-aboutus {
        top: 220px;
        right: 25%;
    }

    .video-icon-aboutus i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 24px;
    }

    .feature-btn {
        text-align: center;
        margin-bottom: 10px;
    }

    .dreamit-section-main-title h2 {
        font-size: 30px;
    }

    .title-package h2 {
        font-size: 17px;
    }

    .about-section {
        padding-bottom: 15px;
    }

    .row.upper2 {
        padding: 45px 0 45px 0px;
        margin-bottom: 45px;
    }

    .owl-dots {
        display: none;
    }

    .call-btn {
        text-align: center;
    }
}

@media only screen and (min-width: 600px) and (max-width:767px) {
    .slider-lg {
        display: none;
    }



    .summary{
        margin-top: 0px!important;
    }

    .slider-section {
        max-height: 280px;
    }

    .mapiran-section {
        padding: 3px 0px 20px;
    }

    .single-choose-thumb img {
        width: 100%;
        margin-bottom: 30px;
    }

    .video-icon-aboutus {
        top: 311px;
        right: 34%;
    }

    .owl-dots {
        display: none;
    }

    .call-btn {
        text-align: center;
        margin-top: 25px;
    }

    .row.upper2 {
        padding: 35px 0 35px 0px;
        margin-bottom: 40px;
    }

    .footer-content-text p {
        text-align: justify;
    }
}

@media only screen and (min-width: 320px) and (max-width: 599px) {

    .mean-container .mean-bar{
        z-index: 999999999!important;
    }
    .summary{
        margin-top: 0px!important;
    }
   

    #chart {
        margin-top: 0;
        padding-top: 86px !important;
    }
    .header-btn {
        font-size: 14px;
        display: block;
        text-align: center;
        z-index: 10000000;
        left: 0px;
        top: 65px;
        position: fixed;
        width: 100%;
        padding-top: 10px;
        background: rgba(255, 255, 255, 0.9);
    }

    .header-btn.active{
        top: 0px;
    }


    .footer-menu{
        display: flex;
        align-items: center;
        list-style: none;
        justify-content: center;
        flex-direction: column;
        margin-top:1rem;
    }

    .footer-menu li a{
        border:none!important;
    }

    .footer-menu li{
        margin-bottom:1rem;
    }

    #chart{
        margin-top:0;
    }

}

.single-blog-box{
    box-shadow:none;
    border:1px solid #efefef;
}

@media only screen and (min-width:480px) and (max-width: 600px) {
    .slider-lg {
        display: none;
    }

    .summary{
        margin-top: 0px!important;
    }

    .header-btn {
        font-size: 14px;
        display: block;
        text-align: center;
        z-index: 10000000;
        left: 8px;
        top:8px;
        position:fixed;
    }

    #chart{
        margin-top:0;
    }

    .service-section {
        margin-top: 43px;
    }

    .testi-section h2 {
        font-size: 30px;
    }

    .service-content-text p {
        margin: 60px 0;
    }

    .service-content-text {
        margin: 0 20px;
    }

    .feature-btn {
        margin-right: 20px;
        text-align: center;
    }

    .dreamit-section-title {
        padding-bottom: 0px;
    }

    .title-package h2 {
        font-size: 21px;
        margin-bottom: 22px;
    }

    .about-section.pb-150 {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .video-icon-aboutus {
        top: 340px;
        right: 37%;
    }

    .video-icon-aboutus i {
        width: 70px;
        height: 70px;
        font-size: 28px;
        line-height: 70px;
    }

    .dreamit-section-sub-title h5 {
        font-size: 16px;
    }
}

.footer-logo img{
    height:40px;
    margin: 0 auto;
    display: block;

}

.footer-about-social-icon ul li a:after{
    background: #eaad42;
}

.header-logo{
    background-color: transparent;
    background-image: url(../images/logobg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    position: fixed;
    right: 0;
    width: 25%;
    top: 0;
    margin: 0;
    padding: 0;
    display: block !important;
    background-size: 100% auto;
    height: 100px;
}

a.stiky-logo, .main-logo{
    display:block;
    width:100%;
    height: 100%;
}

.bg-grey{
    background:#f6f6f6;
    border-radius: 1rem;
    text-align: right;
    flex-direction: row-reverse;
}

.bg-grey2{
    background:#cec9bb;
}

#helps{
    position:relative;
}

.breatcome-area{
    padding: 84px 0 19px!important;
}

#faq{
    padding-top:50px;

}



#slider-center{
    width: 100%;

}

#benefits{
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

#benefits span{
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    background: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

#benefits span:last-child{
    margin-bottom: 0;
}

#benefits span img{
    margin-left:0.5rem;
}

#accordionFaq .card{
    margin-bottom: 0.5rem;
    background: transparent;
    border: 0;
}

#accordionFaq .card-header{
    padding:0;
    border-radius:0;
}

#accordionFaq .card-header a{
    font-size: 0.8rem;
    border: 1px solid #f6f6f6;

    font-weight: bold;
    direction: rtl;
    text-align: right;
    display: block;
    padding: .75rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.5rem 0.5rem 0 0;
    background: #49497c;
    color: #fff;
}

#accordionFaq .card-header a.collapsed{
    background: #fff;
    border-radius: 0.5rem;
    color: #333;
}

#accordionFaq .card-header a.collapsed i{
    rotate: 180deg;
}


.btn-more{
    margin: 1rem auto;
    background: #424278;
    display: inline-block;
    padding: 0.5rem;
    color: #fff!important;
    font-weight: bold;
    border-radius: 0.5rem;
}

#accordionFaq .card-body{
    background: #f6f6f6;
}

.advers{
    background: #49497c;
    color: #fff;
    border-radius: 1rem;
    padding: 1rem;
}

#advers .col-md-4:nth-child(2) .advers{
    background: #715ba3;
}

.advers .title-bar{
    font-size: 1rem;
    font-weight: bold;
}

.advers img{
    width:29%;
    margin-left:1rem
}

.box-title{
    width:100%;
    margin:3rem auto;
    text-align:center;
    color:#333;
}

.box-title a{
    float: left;
    font-size: 0.8rem;
    color: #333;
    line-height: 1.5rem;
}

.helpers .row .title{
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #cec9bb;
    padding: 20px 0 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight:bold;
    cursor: pointer;
}

.helpers .row .title span.counters{
    display: inline-block;
    padding: 5px 20px;
    background: #f6f6f6;
    border-radius: 0.5rem 0 0 0.5rem;
    font-size: 1.1rem;
}

.helpers .row .title i{
    display:none;
}

.helpers .row .title.active i{
    display: block;
    rotate: -90deg;
    padding: 2px 6px;
    background: #eaad42;
    border-radius: 0px 0px 30px 30px;
    color: #fff;
}



.title-box .title.active span.counters{
    background: #eaad42;
    color:#fff;
}

.summary-box .summary{
    display:none;
}

.summary-box .summary.active{
    display:block;
    box-shadow: 0 14px 25px rgb(0 0 0 / 7%);
    display: block;
    padding: 1rem;
    text-align: justify;
    background: #fff;
    border: 1px solid #f6f6f6;
    border-radius: 0.5rem;
}

.row.upper4{
    border-radius:1rem;
}

.single-call-box {
    margin-top: -20px;
    border-radius: 1rem;
    border: 1px solid #cec9bb;
    background: #f6f6f6;
    padding: 1rem;
    min-height: 140px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cll-do-icon img{
    width: 50px;
    margin-bottom: 1rem;

}

.footer-content-text{
    color:white;
}

#namads a{
    display: block;
    background: #fff;
    width: 100%;
    color: #fff;
    border-radius: 1rem;
    border: 1px solid #cec9bb;
    height: 72px;
}

.footer-menu{
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: center;
    margin-top:1rem;
}

.footer-menu li a{
    color: #fff;
    font-weight: bold;
    margin-left:0.5rem;
    border: 1px solid #fff;
    padding: 0 0.5rem;
    border-top: 0;
    border-bottom: 0;
}

.footer-about-social-icon ul li a {
    height: 50px;
    width: 50px;
    line-height: 57px;
    font-size: 24px;
}

#seobox{
    height:124px;
    overflow:hidden;
    position: relative;
}

#seobax-controller{
    color: #eaad42;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testmonial{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.testmonial .img{
    background: #eaad42;
    padding: 0.7rem;
    border-radius: 0 100% 100% 0;
}

.testmonial .img img{
    width: 100%;
    max-width: 50px;
    border-radius: 100%;
    background: #fff;
    padding: 5px;
}

.testmonial .box-testmonial{
    background: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: justify;
    border: 1px solid #cec9bb;
    box-shadow: 0 14px 25px rgb(0 0 0 / 7%);
    flex-grow:1;
    min-height:125px;
}

.testmonial .box-testmonial span{
    font-weight:bold;
}

.sticky-nav a.stiky-logo img{
    filter: none !important;
    height: 70%;
    margin-top: 2%;
    margin-right: 10%;
}

a.stiky-logo img, .main-logo img{
    max-height:unset;
}

.single-blog-box .blog-thumb:before{
    display:none;
}

.single-blog-box .blog-title h2, .single-blog-box .blog-btn a, .single-blog-box .blog-content-text p{
    color:#333!important;
}

#owl-carousel-slider-prices .item{
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    font-weight:bold;
}


.blog-content-text{
    height:148px;
    overflow:hidden;
}

.blog-content{
    width:100%;
    position:unset;
}

.blog-title h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .slider-lg {
        display: none;
    }


    .breatcome-area {
        padding: 21px 0 19px !important;
    }

    .widget{
        margin-top:30px;
    }

    .slider-sm{
        display: block;
    }

    .slider-section {
        max-height: unset!important;
        height:auto!important;
    }


    .choose-section.pb-80 {
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .mapiran-section {
        padding: 3px 0px 20px;
    }

    .mapiran-part {
        margin-bottom: -45px;
    }


    .feature-btn {
        text-align: center;
    }

    .dreamit-section-main-title h2 {
        text-align: center;
    }

    .dreamit-section-main-title.title-tab h2 {
        font-size: 20px;
    }

    .dreamit-section-main-title.title-cantact h2 {
        font-size: 23px;
    }

    .row.upper2 {
        padding: 35px 0 35px 0px;
        margin-bottom: 15px;
    }

    .portfolio_area {
        padding-top: 10px;
    }

    .dreamit-section-sub-title h5::after {
        display: none;
    }

    .text-map-guide {
        margin-top: -48px;
    }

    .single-choose-thumb img {
        width: 100%;
        margin: 0 0 48px 0;
    }

    .video-icon-aboutus {
        top: 210px;
        right: 33%;
    }

    .video-icon-aboutus i {
        width: 50px;
        height: 50px;
        font-size: 21px;
        line-height: 53px;
        padding-left: 2px;
    }

    .dreamit-section-sub-title h5:before {
        background-color: #49497c;
    }

    .dreamit-section-sub-title h5:after {
        background-color: #49497c;
    }


    .menu-filtering {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }



    .call-btn {
        text-align: center;
    }

    .blog-card {
        width: 100%;
    }

    .footer-popular-post {
        margin: 0 10px;
        text-align: justify;
    }

    .footer-widget-title h3 {
        font-size: 17px;
        margin: 20px 0;
    }

    /* page about  */
    .background-white {
        margin-top: 8px;
    }

    .advertising-intro {
        padding: 0px 0px;
    }

    .advertising-intro__title {
        font-size: 16px;
        margin-top: 10px;
    }

    .advertising-intro__text {
        font-size: 11px;
    }

    .advertising-intro__text-1 {
        font-size: 13px;
    }

    .advertising-intro__phone span {
        font-size: 15px;
    }

    .advertising-intro__links {
        margin-bottom: 15px;
    }

    .advertising-intro__link {
        font-size: 15px;
    }

    .title__text-1 {
        padding-right: 1px;
    }

    .title__voice {
        font-size: 22px;
    }

    .vission-section .title p {
        padding-right: 1px;
    }

    .link-message {
        font-size: 10px;
    }

    .title__transportation {
        font-size: 15px;
    }

    .visin-list p.visin-list__phone-1 span {
        font-size: 12px;
    }

    .link-transportation {
        font-size: 11px;
    }

    .title__insurance {
        font-size: 22px;
    }
}

.header-top-area {
    background: #49497c;
    padding: 3px 0;
    overflow: hidden;
    position: relative;
}

.call-btn{
    text-align: center;
}

.title__insurance-text{
    margin-bottom: 36px;
}

.insurance {
    padding: 50px 0 0;
}
.single-feature-box
{
    flex-flow: row-reverse;
    padding: 15px 15px 31px 15px;
}
.feature-content
{
    align-self: center;
    margin:auto;
}
.single-feature-box
{
    min-height:unset;
}
.feature-icon i:after
{
    border: 1px solid#49497c;
}

.single-feature-box:hover .feature-icon i
{
    background: #49497c;
}

.j-content-center{
    direction: rtl;
}

.dk-button-labelname{
    background: #49497c;
    color: #FFF;
    padding: 10px;
    border-radius: 15px;
}

.single-team-box{
    margin: 50px;
}

.team-content h2{
    font-size: 15px !important;
    margin-top: 0px;
}

.owl-dots
{
    text-align: center;
    margin-bottom:2rem;
}

.mean-container .mean-bar::before {
    right: 50px;
}

.mean-container a.meanmenu-reveal {
    float: right;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .owl-dots {
        margin-right: 0px;
    }

    .single-call-box {
        margin-top: 30px!important;
    }

    #faq{
        padding-top:0px;

    }


}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-call-box {
        margin-top: 30px!important;
    }

    #faq{
        padding-top:0px;

    }


}