/*
Theme Name: Dplus
Theme URI: https://www.vindex.co.il/
Author: Tiran Moyal
Author URI: https://www.vindex.co.il/
Description: Custom Design Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Reapering, Servicing, Cleaning
Text Domain: dplus
*/

body {
    font-family: "Open Sans", sans-serif;
    color: #07324e;
    text-align: right;
    direction: rtl;
    font-size: 18px;
}
html{
    scroll-behavior: smooth;
}
* {
    margin: 0;
    padding: 0;
}
ul,
li,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}
img {
    border: none;
    padding: 0;
    margin: 0;
}
.cls {
    clear: both;
}
h1,
h2,
h3,
h4,
h5 {
    color: #07324e;
}
a {
    color: #28668e;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover {
    color: #7ac943;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
iframe,
object,
embed {
    max-width: 100%;
}
input:focus {
    outline: none;
}
input {
    font-family: "Open Sans", sans-serif;
    text-align: right;
}
textarea {
    font-family: "Open Sans", sans-serif;
    text-align: right;
}
select {
    font-family: "Open Sans", sans-serif;
    text-align: right;
}
.img-fluid {
    width: 100%;
    height: auto;
    display: inline-block;
}
a.default-btn{
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    border: 1px solid #8da0b8;
    border-radius: 12px;
}
a.default-btn:hover{
    color: #fff;
    background: #313598;
}


/* mobile menu */

.menuicon {
    position: absolute;
    left: 10px;
    top: 20px;
    display: none;
    cursor: pointer;
}
.floatingnav {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
    background: #fff;
    z-index: 999999999;
}
.mobilemenuheader {
    padding: 10px 10px;
    overflow: hidden;
    position: relative;
    border-bottom: 5px solid #2866a1;
}
.mobilelogo {
    float: left;
}
.mobilelogo img {
    width: 100%;
    height: auto;
    display: inline-block;
    max-width: 200px;
}
.closemenu {
    float: right;
    padding: 0 0 0 0;
    cursor: pointer;
}
.menubox {
    padding: 20px 20px;
    text-align: center;
}
.menubox ul li {
    padding: 0 0 5px 0;
    text-align: right;
}
.menubox ul li a {
    font-weight: 600;
    text-decoration: none;
    color: #000;
    font-size: 20px;
}
.menubox ul li a:hover {
    text-decoration: none;
    color: #2866a1;
}
.menubox ul li.current_page_item a {
    text-decoration: none;
    color: #2866a1;
}
.menubox ul li.current_page_item ul li a {
    text-decoration: none;
    color: #000;
}

/* main style start */

.container{
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 10px;
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.justify-space{
    justify-content: space-between;
}
.header-area{
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
}
.sticky{
    position: fixed;
    z-index: 99999;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.header{
    height: 100px;
    position: relative;
    padding: 0 20px;
}
.header-right{
    position: absolute;
    right: 20px;
    bottom: -15px;
    z-index: 9999;
}
.logo img{
    width: 100%;
    height: auto;
    display: inline-block;
    max-width: 290px;
}
.header-left{
    position: absolute;
    top: 15px;
    left: 20px;
}
.support-button{
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    align-items: center;
}
.support-button a{
    background: #7ac943;
    color: #fff;
    padding: 12px 40px 12px 40px;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    display: flex;
}
.support-button a span{
    padding: 0 0 0 10px;
}
.support-button a:hover{
    background: #31668e;
    color: #fff;
}
.navigation{
    padding: 30px 15% 0 10%;
    text-align: center;
}
.navigation ul li{
    position: relative;
    display: inline-block;
    margin: 0 8.2px;
}
.navigation ul li a{
    color: #31668e;
    font-size: 22px;
    text-decoration: none;
    padding: 0 0 25px 0;
    display: block;
}
.navigation ul li a:hover{
    color: #7ac943;
    text-decoration: none;
}
.navigation ul li ul{
    text-align: right;
    width: 220px;
    background: #fff;
    padding: 0 0;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 9999;
    visibility: hidden;
}
.navigation ul li ul li{
    margin: 0;
    padding: 0;
    display: block;
}
.navigation ul li ul li a{
    color: #31668e;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}
.navigation ul li ul li a:hover{
    background: #7ac943;
    color: #fff;
}
.navigation ul li ul li ul{
    top: 0;
    right: 220px;
}
.navigation ul li.current_page_item a{
    color: #7ac943;
    text-decoration: none;
}
.navigation ul li.current_page_item ul li a{
    color: #31668e;
    text-decoration: none;
}
.navigation ul li.current_page_item ul li a:hover{
    background: #7ac943;
    color: #fff;
}
.navigation ul li:hover > ul{
    visibility: visible;
}
.home-banner-area{
    position: relative;
    background-size: cover;
    min-height: 429px;
    background-position: center top;
}
.home-banner-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.home-banner-info, .page-banner{
    color: #fff;
    position: relative;
    text-align: center;
}
.home-banner-info h1, .page-banner h1{
    font-size: 60px;
    line-height: 90px;
    font-weight: 900;
    padding: 0 0 10px 0;
    color: #fff;
}
.home-banner-info p{
    font-size: 28px;
    line-height: 28px;
    padding: 0 0 20px 0;
}
.top-search-box{
    min-width: 585px;
    max-width: 585px;
    margin: 0 auto;
    position: relative;
}
.top-search-field{
    width: 100%;
    overflow: hidden;
}
.top-search-field input{
    width: calc(100%);
    height: 57px;
    border: 5px solid #7ac943;
    border-radius: 50px;
    padding: 0 30px 0 75px;
    color: #a6a6a6;
    font-size: 22px;
}
.top-search-button{
    position: absolute;
    top: 10px;
    left: 20px;
}
.top-search-button input{
    width: 36px;
    height: 35px;
    background: url(images/search-icon.png) no-repeat 0 0;
    cursor: pointer;
    border: none;
    font-size: 0;
}
.services-area{
    padding: 90px 0;
    overflow: hidden;
}
.services-heading{
    text-align: center;
    padding: 0 0 40px 0;
}
.services-heading h1{
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    color: #07324e;
}
.service-item{
    width: 14.66%;
    margin: 1% 1% 1% 1%;
}
.service-inner{
    text-align: center;
    overflow: hidden;
}
.service-icon{
    padding: 0 0 15px 0;
    overflow: hidden;
}
.service-icon img{
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 100%;
}
.service-inner h4{
    color: #073253;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
}
.service-inner h4 a{
    color: #073253;
    text-decoration: none;
}
.service-inner h4 a:hover{
    color: #7ac943;
    text-decoration: none;
}
.leading-services-area{
    padding: 80px 0;
    overflow: hidden;
    background: url(images/leading-services-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    min-height: 528px;
}
.leading-services-inner{
    position: relative;
    padding: 0 0;
}
.leading-services-inner-left{
    width: 49%;
    float: left;
}
.leading-service-video{
    position: relative;
    margin: 90px 0 0 0;
}
.leading-service-video-thumb img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}
.video-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.leading-services-inner-right{
    width: 49%;
    float: right;
}
.leading-service-info{
    overflow: hidden;
}
.leading-service-info h3{
    font-size: 50px;
    line-height: 50px;
    padding: 0 0 50px 0;
    color: #07324e;
    font-weight: 900;
}
.leading-service-info p{
    font-size: 26px;
    line-height: 36px;
    padding: 0 0 0 0;
}
.home-features-area{
    padding: 50px 0;
    overflow: hidden;
}
.home-feature-list{
    padding: 0 0 0 0;
    overflow: hidden;
    position: relative;
}
.home-feature-list-right{
    width: 44%;
    float: right;
}
.home-feature-list-left{
    width: 44%;
    float: left;
}
.home-feature-picture{
    position: relative;
}
.home-feature-picture img{
    width: auto;
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.home-feature-info{
    background: #f9f9f9;
    padding: 30px 30px;
    border-radius: 15px;
    color: #07324e;
}
.home-feature-info h4{
    color: #07324e;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    padding: 0 0 15px 0;
}
.home-feature-info h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    padding: 0 0 15px 0;
    color: #07324e;
}
.home-feature-info p{
    font-size: 24px;
    line-height: 34px;
}
.home-feature-picture-01{
    text-align: left;
    padding: 0 0 0 55px;
}
.home-feature-picture-01 img{
    margin: 0 0 -75px 0;
}
.home-feature-picture-02{
    text-align: left;
    padding: 0 0 0 40px;
}
.home-feature-picture-02 img{
    margin: 0 0 -10px 0;
}
.home-feature-picture-03{
    text-align: left;
    padding: 0 0 0 0;
}
.home-feature-picture-03 img{
    margin: 0 0 -95px -10px;
}
.home-feature-picture-04{
    text-align: left;
}
.home-feature-picture-04 img{
    margin: 0 0 -95px 30px;
}
.home-feature-arrow-01{
    position: absolute;
    left: 44.5%;
    top: 40%;
}
.home-feature-arrow-02{
    position: absolute;
    left: 44.5%;
    top: 40px;
}
.home-feature-arrow-03{
    position: absolute;
    left:49%;
    bottom: 0;
}
.home-feature-mobile-arrow-01{
    position: absolute;
    left: 30px;
    top: 50%;
    display: none;
}
.home-feature-mobile-arrow-02{
    position: absolute;
    right: 50px;
    top: 20px;
    display: none;
}
.home-feature-mobile-arrow-03{
    position: absolute;
    left: 40px;
    bottom: 27%;
    display: none;
}
.how-it-works-area{
    padding: 50px 0;
    overflow: hidden;
    background: url(images/how-it-work-area-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    min-height: 600px;
}
.how-it-work-mobile-banner{
    display: none;
    overflow: hidden;
}
.how-it-work-mobile-banner img{
    width: 100%;
    height: auto;
    display: block;
}
.how-it-works-inner{
    position: relative;
    padding: 0 0;
}
.how-it-works-inner-left{
    width: 43%;
    float: left;
}
.how-it-works-info{
    overflow: hidden;
    padding: 50px 0 50px 0;
}
.how-it-works-info h2{
    color: #073253;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    padding: 0 0 30px 0;
}
.how-it-works-info p{
    font-size: 28px;
    line-height: 38px;
    padding: 0 0 30px 0;
    font-weight: 600;
    color: #000;
}
.how-it-works-info ul li{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 300;
    padding: 15px 60px 15px 0;
}
.how-it-works-info ul li:nth-child(1){
    background: url(images/hand-icon.png) no-repeat right 3px;
}
.how-it-works-info ul li:nth-child(2){
    background: url(images/verified-icon.png) no-repeat right 9px;
}
.how-it-works-info ul li:nth-child(3){
    background: url(images/ratting-box-icon.png) no-repeat right 22px;
}
.how-it-works-info ul li strong{
    font-weight: 700;
}
.how-it-works-picture{
    position: absolute;
    right: 18%;
    top: 10px;
}
.how-it-works-picture img{
    width: 100%;
    height: auto;
    display: block;
    max-width: 441px;
}
.footer-area{
    padding: 50px 0;
    background: #28668e;
    overflow: hidden;
    /*border-bottom: 50px solid #7ac943;*/
}
.footer-info{
    overflow: hidden;
    padding: 0 0 0 0;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
}
.footer-col{
    width: 31.33%;
    margin: 0 1% 0 1%;
}
.footer-link h4{
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
    padding: 0 0 20px 0;
    color: #fff;
}
.footer-link ul li{
    font-size: 20px;
    padding: 0 0 10px 0;
}
.footer-link a{
    color: #fff;
    text-decoration: none;
}
.footer-link a:hover{
    color: #7ac943;
    text-decoration: none;
}

/* for vendor page */

.transportation-area{
    padding: 50px 0;
    background: #f9f7f7;
    overflow: hidden;
}
.transportation-top-info{
    padding: 0 0 19px 0;
    overflow: hidden;
}
.transportation-top-info h1{
    font-weight: 300;
    color: #7c7979;
    font-size: 30px;
    line-height: 30px;
}
.transportation-top-info p{
    line-height: 34px;
    font-size: 24px;
    color: #7c7979;
}
.transportation-list-box{
    background: #fff;
    margin: 0 auto 55px auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 20px 20px;
    position: relative;
}
.transportation-list-inner{
    overflow: hidden;
    position: relative;
}
.vendor-box-info{
    overflow: hidden;
    padding: 0;
}
.transportation-list-inner-right{
    width: 18%;
    float: right;
}
.transporter-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
}
.transportation-list-inner-left{
    width: 80%;
    float: left;
}
.transport-list-title{
    padding: 0 0 15px 0;
    overflow: hidden;
    max-width: 57%;
}
.transport-list-title h3{
    color: #7ac943;
    font-size: 32px;
    line-height: 34px;
}
.transport-list-title h3 a{
    color: #7ac943;
    text-decoration: none;
}
.transport-list-title h3 a:hover{
    color: #07324e;
    text-decoration: none;
}
.transport-review-area{
    display: flex;
    flex-wrap: wrap;
}
.transport-review-area h4{
    padding: 10px 0 15px 0;
    font-weight: 400;
    color: #07324e;
    font-size: 24px;
    line-height: 24px;
}
.col-1{
    width: 25%;
}
.ratting-box{
    padding: 0 0 0 10px;
    border-left: 1px solid #d9d9d9;
    min-height: 160px;
}
.ratting-box span{
    font-size: 60px;
    line-height: 60px;
    color: #7ac943;
    padding: 0 0 0 0;
    font-weight: 700;
}
.ratting-star{
    padding: 15px 0 0 0;
    overflow: hidden;
}
.col-2{
    width: 20%;
}
.review-box{
    padding: 0 25px 0 25px;
    border-left: 1px solid #d9d9d9;
    min-height: 160px;
}
.review-box h5{
    font-size: 50px;
    line-height: 50px;
    color: #07324e;
    padding: 15px 0 0 0;
    font-weight: 500;
}
.col-3{
    width: 25%;
}
.attitude-box{
    padding: 0 25px 0 25px;
    border-left: 1px solid #d9d9d9;
    min-height: 160px;
}
.attitude-box h5{
    font-size: 50px;
    line-height: 50px;
    color: #07324e;
    padding: 15px 0 0 0;
    font-weight: 500;
}
.col-4{
    width: 30%;
}
.achivement-info{
    padding: 0 25px 0 25px;
    overflow: hidden;
}
.achivement-list{
    padding: 10px 0 10px 0;
    overflow: hidden;
}
.achivement-list-right{
    float: right;
}
.achivement-list-left{
    float: left;
}
.achivement-list p{
    padding: 0 30px 0 0;
}
.achivement-list p.time{
    background: url(images/clock-icon.png) no-repeat right 3px;
}
.achivement-list p.money{
    background: url(images/money-icon.png) no-repeat right 0;
}
.achivement-list p.reward{
    background: url(images/reward-icon.png) no-repeat right 1px;
}
.transport-list-info{
    padding: 0 0 20px 0;
    overflow: hidden;
    color: #7c7979;
}
.transport-button-area{
    position: absolute;
    top: 0;
    left: 0;
}
.button-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.button-row a{
    padding: 10px 25px;
    display: inline-block;
    background: #7ac943;
    margin: 0 5px;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
}
.phone-no a{
    background: url(images/phone-icon.png) no-repeat 90% center #28668e;
    padding-right: 40px;
}
.transport-list-info p{
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
}
.transportation-price-area{
    padding: 50px 0;
    overflow: hidden;
    background: #28668e;
    color: #fff;
}
.heading{
    text-align: center;
    overflow: hidden;
    padding: 0 0 30px 0;
}
.heading h1{
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 900;
}
.transport-price-list{
    width: 40%;
    margin: 1% 1% 1% 1%;
}
.transport-price-box{
    overflow: hidden;
    background: url(images/separator-icon-01.png) repeat-x right center;
}
.transport-price-box-right{
    float: right;
}
.transport-price-box-right h5{
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    float: right;
    background: #28668e;
    padding: 0 0 0 10px;
    color: #fff;
}
.transport-price-box-left{
    float: left;
}
.transport-price-box-left span{
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    float: left;
    background: #28668e;
    padding: 0 10px 0 0;
    color: #fff;
}
.blog-area{
    padding: 70px 0;
    overflow: hidden;
    background: #fff;
}
.blog-area .heading h1{
    color: #07324e;
}
.blog-item{
    width: 31.33%;
    margin: 1% 1%;
}
.blog-item-inner{
    overflow: hidden;
}
.blog-thumbnail{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.blog-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
}
.blog-item-inner h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    padding: 0 0 10px 0;
}
.blog-item-inner h4 a{
    color: #000;
    text-decoration: none;
}
.blog-item-inner h4 a:hover{
    color: #7ac943;
    text-decoration: none;
}
.blog-item-inner p{
    font-weight: 700;
}
.faq-area{
    padding: 70px 0;
    overflow: hidden;
    background: #f9f7f7;
}
.faq-area .heading h1{
    color: #07324e;
}
.faq-wrap{
    max-width: 875px;
    margin: 0 auto;
}
.faq-list{
    margin: 0 0 35px 0;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.faq-list h2{
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    background: url(images/faq-arrow.png) no-repeat 97% center;
    padding: 15px 55px 15px 50px;
    cursor: pointer;
    font-weight: 500;
}
.faq-content{
    padding: 20px 55px 20px 10px;
    color: #000000;
    overflow: hidden;
    font-weight: 300;
    background: #f9f9f9;
}
.faq-content p{
    padding: 0 0 15px 0;
    line-height: 28px;
}
.faq-content ul li{
    line-height: 22px;
    list-style-type: disc;
    list-style-position: inside;
    padding: 0 0 5px 0;
}
.faq-content ol li{
    line-height: 22px;
    list-style-type:decimal;
    list-style-position: inside;
    padding: 0 0 5px 0;
}
.faq-list h2.active{
    background: url(images/faq-down-arrow.png) no-repeat 98% center;
}
.location-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #f1f1f1;
}
.location-info{
    overflow: hidden;
}
.location-info p{
    font-size: 22px;
    line-height: 40px;
    /*background: url(images/location-icon.png) no-repeat right center;*/
    padding: 10px 75px 10px 0;
    color: #353232;
    font-weight: 300;
}
.location-info p a{
    color: #353232;
    text-decoration: none;
}
.location-info p a:hover{
    color: #7ac943;
    text-decoration: none;
}

/* for blog page */

.page-banner-area{
    overflow: hidden;
}
.page-banner img{
    width: 100%;
    height: auto;
    display: block;
}
.default-page-area{
    padding: 50px 0;
    overflow: hidden;
    background: #fbfbfb;
}
.page-heading{
    text-align: center;
    padding: 0 0 30px 0;
    overflow: hidden;
}
.page-heading h1{
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    color: #07324e;
}

/* for blog details page */

.crumbtrail{
    padding: 0 0 20px 0;
    overflow: hidden;
    font-weight: 300;
    font-size: 20px;
    color: #7c7979;
}
.crumbtrail a{
    color: #7c7979;
}
.crumbtrail a:hover{
    color: #07324e;
}
.default-page-content{
    padding: 0;
    overflow: hidden;
}
.default-page-content h1{
    padding: 0 0 20px 0;
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
}
.default-page-content h2{
    padding: 0 0 20px 0;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
}
.default-page-content p{
    padding: 0 0 20px 0;
    line-height: 30px;
}

/* for vendor details page */

.no-margin{
    margin-bottom: 0;
}
.vendor-tab-area{
    padding: 0 0 50px 0;
    overflow: hidden;
    background: #f9f7f7;
}
.tablist{
    background: url(images/tab-list-bottom-bdr.png) repeat-x left bottom;
    padding: 0 0 0 0;
    overflow: hidden;
}
.tablist ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tablist ul li{
    width: 14%;
    font-size: 22px;
    text-align: center;
    background: #b2b2b2;
    padding: 15px 0 15px 0;
    color: #fff;
    border: 5px solid #b2b2b2;
    border-bottom: none;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 5px;
    cursor: pointer;
}
.tablist ul li strong{
    font-weight: 700;
}
.tablist ul li.active{
    background: #fff;
    border: 5px solid #d9d9d9;
    border-bottom: none;
    color: #07324e;
    font-weight: 300;
    margin-bottom: 0;
}
.tab-container-outer{
    padding: 0 0 0 0;
    border: 5px solid #d9d9d9;
    border-top: none;
    background: #fff;
}
.tab-review-list{
    background: #fff;
    padding: 50px 50px;
    overflow: hidden;
    border-top: 5px solid #d9d9d9;
}
.first-review-list{
    border-top: none;
}
.tab-review-list-date{
    background: url(images/tab-review-date-bg.png) repeat-x right center;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
}
.review-date-icon{
    position: absolute;
    right: 0;
    top: 7px;
}
.tab-review-list-date h4{
    font-size: 22px;
    display: inline-block;
    padding: 0 65px 0 20px;
    color: #a6a6a6;
    background: #fff;
}
.tab-review-feedback{
    padding: 10px 0;
    overflow: hidden;
    color: #07324e;
    text-align: center;
}
.tab-review-feedback p{
    font-size: 20px;
    line-height: 38px;
    padding: 0 0 15px 0;
}
.tab-review-author-country{
    background: url(images/tab-review-date-bg.png) repeat-x right center;
    overflow: hidden;
    text-align: left;
}
.tab-review-author-country h5{
    font-size: 22px;
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a6a6a6;
    background: #fff;
}
.tab-review-info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0 25px 0;
    vertical-align: middle;
    align-items: center;
    font-size: 20px;
}
.tab-review-info-item-1{
    width: 17%;
}
.tab-review-info-item-1 span{
    color: #7ac943;
    font-weight: 700;
}
.tab-review-info-item-2{
    width: 22%;
    text-align: center;
}
.tab-review-info-item-3{
    width: 22%;
    text-align: center;
}
.tab-review-info-item-4{
    width: 22%;
    text-align: center;
}
.tab-review-info-item-5{
    width: 17%;
}
.text-align-left{
    text-align: left;
}
.even-list{
    background: #f1f1f1;
}
.even-list .tab-review-list-date{
    background: url(images/tab-review-date-bg-gray.png) repeat-x right center;
}
.even-list .tab-review-list-date h4{
    background: #f1f1f1;
    color: #7c7979;
}
.even-list .tab-review-author-country{
    background: url(images/tab-review-date-bg-gray.png) repeat-x right center;
}
.even-list .tab-review-author-country h5{
    background: #f1f1f1;
    color: #7c7979;
}
.even-list .tab-review-info-item-1 span{
    color: #ffb600;
}
.tab-area-info{
    padding: 50px 50px;
    overflow: hidden;
}
.tab-category-list ul li{
    display: inline-block;
    margin: 5px 5px;
}
.tab-category-list ul li a{
    color: #000;
    border: 1px solid #07324e;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    display: block;
    font-size: 17px;
}
.tab-category-list ul li a:hover{
    border: 1px solid #7ac943;
    background: #7ac943;
    color: #fff;
}
.tab-gallery-inner{
    padding: 40px 50px;
    overflow: hidden;
}
.tab-area-info h3{
    font-size: 40px;
    line-height: 40px;
    color: #07324e;
    font-weight: 700;
}
.tab-area-info h3 span{
    padding: 0 10px 0 0;
    color: #353232;
    font-size: 25px;
}
.tab-area-info h3 strong{
    color: #7ac943;
    padding: 0 10px 0 0;
    font-size: 30px;
    font-weight: 500;
}
.view-area-list{
    background: url(images/location-icon.png) no-repeat right center;
    padding: 30px 80px 30px 0;
    overflow: hidden;
}
.view-area-list p{
    padding: 0;
    font-size: 22px;
    color: #07324e;
}
.view-area-list p a{
    color: #07324e;
    padding: 5px 11px;
}
.view-area-list p a:hover{
    color: #7ac943;
}
.gallery-area{
    padding: 50px 0;
    background: #fbfbfb;
    overflow: hidden;
}
.gallery-area .heading h1{
    text-align: right;
    color: #07324e;
    font-weight: 500;
}
.gallery-item{
    width: 31.33%;
    margin: 1% 1% 1% 1%;
}
.gallery-item-inner{
    position: relative;
}
.gallery-thumbnail img{
    width: 100%;
    height:auto;
    display: block;
}
.tab-gallery-thumbnail img{
    width: 100%;
    height:auto;
    display: block;
}
.vendor-tab-mobile-area{
    padding: 0 10px;
    overflow: hidden;
    background: #f9f7f7;
    display: none;
}
.mobile-tab-list{
    margin: 0 0 15px 0;
    overflow: hidden;
}
.mobile-tab-list h2{
    font-size: 24px;
    color: #07324e;
    font-weight: 300;
    background: #fff;
    padding: 15px 20px;
    cursor: pointer;
    border: 5px solid #d9d9d9;
}
.mobile-tab-list h2.active{
    color: #07324e;
    background: #fff;
    border: 5px solid #d9d9d9;
    border-bottom: none;
    background: #d9d9d9;
}
.mobile-tab-content{
    padding: 0;
    overflow: hidden;
    border: 5px solid #d9d9d9;
    background: #fff;
    border-top: none;
}
.tab-file-item{
    width: 31.33%;
    margin: 1% 1% 1% 1%;
}
.tab-file-inner{
    position: relative;
    border: 1px solid #7c7979;
    padding: 10px;
    overflow: hidden;
    border-radius: 5px;
}
.tab-file-inner h4{
    padding: 0 0 10px 0;
    text-align: center;
}
.tab-file-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
}
.category-extra-content-area{
    padding: 50px 0;
    overflow: hidden;
}
.category-extra-content{
    text-align: center;
}

/* for popup box */

.popupbox{
	padding:30px 30px;
	background:#fff;
	margin:50px auto 0 auto;
	max-width:700px;
	position:relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.popupcontent-inner{
    overflow: hidden;
}
.popupcontent-inner-right{
    width: 28%;
    float: right;
}
.popupcontent-inner-left{
    width: 68%;
    float: left;
}
.popup-box-info h3{
    font-size: 35px;
    line-height: 40px;
    color: #28668e;
    font-weight: 700;
    padding: 0 0 25px 0;
}
.popup-form-input{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.popup-form-input input{
    font-size: 22px;
    width: calc(100% - 46px);
    height: 60px;
    border: 3px solid #a6a6a6;
    padding: 0 20px 0 20px;
    border-radius: 15px;
    color: #a8a6a6;
}
.popup-form-send input{
    font-size: 26px;
    font-weight: 700;
    width: 100%;
    height: 60px;
    background: url(images/popup-whatsapp-icon.png) no-repeat 95% center #7ac943;
    cursor: pointer;
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 15px;
}
.popup-form-send input:hover{
    background: url(images/popup-whatsapp-icon.png) no-repeat 95% center #28668e;
    color: #fff;
}
.tab-review-cat-name{
    text-align: center;
    padding: 0 0 15px 0;
    overflow: hidden;
}
.blog-details-area{
    overflow: hidden;
    padding: 0 0 0 0;
}
.blog-details-left{
    width: 30%;
    float: left;
    display:none;
}
.blog-sidebar h4{
    padding: 0 0 15px 0;
    font-size: 22px;
    line-height: 24px;
}
.blog-details-right{
    width: 100%;
    float: right;
}

/* for contact page */

.contact-area{
    padding: 0 0 0 0;
    overflow: hidden;
}
.contact-area-left{
    width: 63%;
    float: left;
    padding: 30px 0 0 0;
}
.contact-inner-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-inner-area-right{
    width: 55%;
}
.contact-form-box{
    background: #fff;
    padding:20px 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 30px;
}
.contact-form-box h4{
    padding: 0 0 10px 0;
}
.contact-form-box span{
    padding: 0 0 1px 0;
    display: block;
}
.contact-form-list{
    padding: 0 0 15px 0;
    overflow: hidden;
}
.contact-form-list input{
    font-size: 18px;
    width: calc(100% - 22px);
    padding: 0 10px 0 10px;
    height: 48px;
    border: 1px solid #0c8292;
    border-radius: 5px;
    background: #f9f9f9;
}
.contact-form-list textarea{
    font-size: 18px;
    width: calc(100% - 22px);
    padding: 10px 10px 10px 10px;
    height: 100px;
    border: 1px solid #31668e;
    border-radius: 5px;
    background: #f9f9f9;
}
.contact-form-send input{
    font-size: 18px;
    width: 100%;
    height: 50px;
    border: none;
    background: #7ac943;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}
.contact-form-send input:hover{
    background: #31668e;
    color: #fff;
}
.contact-form-acceptence{
    padding: 0 0 15px 0;
    overflow: hidden;
    font-size: 16px;
    direction: rtl;
}
.contact-inner-area-left{
    width: 40%;
}
.contact-info{
    border-bottom: 1px solid #6d6d6d;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.contact-info h4{
    color: #037e8e;
    padding: 0 0 15px 0;
}
.contact-support-button{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.contact-area-right{
    width: 35%;
    float: right;
}
.contact-picture img{
    width: 100%;
    height: auto;
    display: block;
}

/* for lp page */

.lp-banner-area{
    overflow: hidden;
    position: relative;
    background-size: cover;
    min-height: 555px;
    background-position: center top;
}

.lp-top-banner-inner{
    max-width: 570px;
    padding: 50px 0 50px 0;
}
.lp-top-form-info{
    padding: 0;
    overflow: hidden;
}
.lp-top-form-info h3{
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    padding: 0 0 20px 0;
    font-weight: 900;
}
.lp-top-form-info h4{
    color: #7ac943;
    font-size: 28px;
    line-height: 30px;
    padding: 0 0 20px 0;
    font-weight: 900;
}
.lp-top-form-info p{
    color: #7ac943;
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 20px 0;
}
.lp-top-form-info span{
    font-size: 24px;
    color: #fff;
    padding: 0 0 10px 0;
    display: block;
}
.lp-content-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #f8f8f8;
}
.lp-content-list{
    padding: 40px 0;
    overflow: hidden;
}
.lp-content-list-left{
    width: 47%;
    float: left;
}
.lp-content-info{
    padding: 30px 0 0 0;
    overflow: hidden;
}
.lp-content-info h4{
    font-size: 36px;
    line-height: 40px;
    padding: 0 0 20px 0;
    color: #31668e;
}
.lp-content-info p{
    line-height: 28px;
    padding: 0 0 20px 0;
}
.lp-content-buttons{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.lp-phone-button{
    width: 49%;
    float: left;
}
.lp-teleram-button{
    width: 49%;
    float: right;
}
.lp-content-buttons a{
    display: block;
    text-decoration: none;
    padding: 12px 15px 12px 15px;
    background: #31668e;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    font-weight: 700;
}
.lp-content-buttons a span{
    padding: 0 5px 0 0;
}
.lp-content-buttons .lp-phone-button a{
    background: #7ac943;
}
.lp-content-list-right{
    width: 45%;
    float: right;
}
.lp-content-picture img {
    width: auto;
    height: auto;
    display: block;
    max-height: 342px;
    margin: 0 auto 0 34px;
}
.move-left{
    float: left;
}
.move-right{
    float: right;
}
.lp-video-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #ffffff;
}
.lp-video-box{
    max-width: 650px;
    margin: 0 auto;
}
.lp-video-holder{
    position: relative;
}
.lp-services-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #7ac943;
}
.lp-services-area .services-heading h1{
    color: #fff;
}
.lp-servies-item{
    width: 31.33%;
    margin: 1% 1% 1% 1%;
}
.lp-services-inner{
    background: #fff;
    padding: 45px 40px;
    border-radius: 20px;
    overflow: hidden;
}
.lp-services-icon{
    padding: 0 0 0 0;
    min-height: 60px;
}
.lp-services-inner h4{
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 15px 0;
    color: #31668e;
}
.lp-services-inner p{
    line-height: 28px;
    padding: 0 0 0 0;
}
.lp-featured-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #f8f8f8;
}
.lp-featured-item{
    width: 48%;
    margin: 1% 1% 1% 1%;
}
.lp-featured-inner{
    background: #fff;
    padding: 25px 25px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.lp-featured-icon{
    position: absolute;
    right: 25px;
    top: 25px;
}
.lp-featured-info{
    padding: 0 70px 0 0;
    overflow: hidden;
}
.lp-featured-info h4{
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 15px 0;
    color: #31668e;
}
.lp-featured-info p{
    line-height: 28px;
    padding: 0 0 0 0;
}
.lp-steps-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #28668e;
}
.lp-steps-item{
    width: 31.33%;
    margin: 1% 1% 1% 1%;
}
.lp-step-inner{
    background: #fff;
    padding: 35px 30px;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
}
.lp-step-count{
    padding: 0 0 20px 0;
}
.lp-step-count span{
    color: #31668e;
    font-size: 55px;
    line-height: 55px;
    font-weight: 900;
}
.lp-step-inner h4{
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 15px 0;
    color: #31668e;
}
.lp-testimonial-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #fbfbfb;
}
.lp-testimonial-box{
    padding: 0;
    position: relative;
    direction: ltr;
}
.lp-testimonial-list{
    border: 1px solid #e1e8ed;
    padding: 0 0 0 0;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
}
.lp-testomonial-top{
    padding: 20px 30px;
    overflow: hidden;
}
.lp-testomonial-top h4{
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 15px 0;
    color: #1c2022;
    font-weight: 700;
}
.lp-testimonial-feedback{
    padding: 20px 30px;
    overflow: hidden;
    border-top: 1px solid #e1e8ed;
}
.lp-testimonial-feedback p{
    line-height: 30px;
    padding: 0 0 20px 0;
}
.lp-bottom-form-area{
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #7ac943;
}
.lp-form-wrap{
    max-width: 720px;
    margin: 0 auto;
    overflow: hidden;
}
.lp-form-heading{
    text-align: center;
    color: #fff;
    padding: 0 0 20px 0;
}
.lp-form-heading h3{
    font-size: 28px;
    line-height: 36px;
    padding: 0 0 15px 0;
    color: #fff;
}
.lp-form-heading p{
    color: #2233ff;
}
.lp-form-list{
    padding: 10px 0;
    overflow: hidden;
}
.lp-form-list-right{
    width: 49%;
    float: right;
}
.lp-form-list-left{
    width: 49%;
    float: left;
}
.lp-form-input input{
    width: calc(100% - 20px);
    height: 44px;
    padding: 0 10px;
    border-radius: 15px;
    background: #fff;
    color: #595e64;
    border: none;
    font-size: 17px;
}
.lp-form-send input{
    width: calc(100%);
    height: 50px;
    border-radius: 15px;
    background: #000;
    color: #fff;
    border: none;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
}
.lp-form-send input:hover{
    background: #000;
    color: #fff;
}

.vendor_gallery .gallery-item {
    width: 24%;
    margin: 0;
}

.vendor_gallery .row {
    justify-content: right;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

@media screen and (max-width:768px){
    .vendor_gallery .gallery-item:nth-child(4) {
        display: none;
    }

    .vendor_gallery .gallery-item {
        width: 31%;
    }
}