/* display none */
div[data-id="5"]{background-color: #F6F6F6 !important;}
div[data-id="90"]{background-color: #F6F6F6 !important;}
div[data-id="3"]{background-color: #F6F6F6 !important;}
div[data-id="8"]{background-color: #F6F6F6 !important;}


/* hedar */
.header { border-color: #005a04;}
.user-menu .signup-btn {background-color: #005a04 !important;}
.user-menu .signup-btn:hover {color: #ffffff;}
.footer-band {border-color: #005a04;}


/* banner */
div[data-id="13"]{margin-top:-41px;    background-image: url(https://bealegal.com.tr/images/202401/103_1920x600.png);
    background-position: center;
    background-size: cover;
    height: auto;
}

.welcome { display: none;}
div#contentExists13 { max-width: 100%; display: flex; flex-wrap: wrap;}

.lw-banner-wrapper {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-left: 100px;
    height: auto;
    padding:1rem;
}

.lw-content {
    padding: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 20px;
}

.lw-content h1 {
    font-size: 25px;
    color: white;
    margin: 0;
    font-weight: 100;
    
}

.lw-content h2 {
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    margin: 0;
    
}

.lw-content p {
    font-size: 14px;
    color: white;
    
}

.lw-btn-left {
    
    color: #fff;
    font-size: 1.2em;
    padding: 10px 35px;
    background-color: black;
    cursor: pointer;
}

.lw-btn-right {
    
    color: #fff;
    font-size: 1.2em;
    padding: 10px 40px;
    background-color: #005a04;
    cursor: pointer;
}
.lw-btn-right:hover {
    background-color: #003a00;
}

.lw-btn a {
    margin-right: 10px;
}
.lw-item {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}





/* nasıl çaışır */

.wk-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    padding-top: 35px;
}

.wk-top {
    width: 100%;
    display: flex;
}

.wk-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 35px;
}

.wk-box {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 15%);
    padding: 50px;
    row-gap: 15px;
}

.wk-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
}

.wk-title {
    display: flex;
    align-items: flex-end;
}

.wk-top {
    width: 100%;
    display: flex;
    justify-content: center;
}

.wk-img {
    width: 20%;
}

.wk-top {
    width: 100%;
    display: flex;
    justify-content: center;
}
.wk-title h2 {
    font-size: 42px;
    margin: 0;
}

.wk-title h3 {
    margin: 0;
    font-size: 18px;
    color: #000000;
    text-align: center;
}
.wk-txt {
    text-align: center;
}

/* neden online hukuk */

.lw-wp {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    margin-top: 50px;
}

.lw-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 100px;
}

.lw-txt p {
    text-align: justify;
    margin: 0px;
    color: #5d5d5d;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
}


.lw-txt h1 {
    background-color: #005a04;
    font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    color: white;
    padding: 5px 25px;
    border-radius: 35px 0px 35px 0px;
    display: inline-block;
    font-weight: 600;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
    text-align: center;
}
.lw-title {
    display: flex;
    width: 100%;
}

.lw-img {
    width: 50%;
    position: relative;
}

.lw-txt {
    width: 50%;
}
.lw-img img {
    width: 75%;
    height: auto;
}

.lw-img-1 {
    width: 100%;
    position: absolute;
    z-index: 2;
}
.lw-img-2 {
    position: absolute;
    z-index: 1;
    background-color: #005a04;
    top: 28px;
    left: 45px;
    width: 70%;
    height: 400px;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5);
}

/* kategoriler */

.categories .item-image { display: none;}
.categories .item, .education-categories .item { padding: 3rem .5rem;}
.item-title {font-size: 24px; font-weight: 600; color: #005a04;}
.lw-categories-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 5px;
    padding-top: 35px;
}
.lw-ct-title {
    text-align: center;
}
.lw-ct-title h2 {
    font-size: 42px;
    margin: 0;
}
.lw-ct-title p {
    font-size: 22px;
    margin: 0;
}

.lw-ct-item {
    width: 60%;
    text-align: center;
}

.item:hover {
    background-color: #e2e2e2;
}

/* about me */

.about-wrapper {
    width: 100%;
    margin-top: 50px;
}
.about-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 50px 0;
}
.about-col-content {
    display: flex;
    flex-direction: column;
    width: 35%;
}
.about-col-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57%;
    
}
.about-col-img img {
    width: 66%;
    height: auto;
   
}
.about-col-content h1 {
    font-size: 42px;
    color: #000;
    margin: 0;
}
.about-col-content h2 {
    font-size: 32px;
    color: #000;
    margin: 0;
}
.about-col-content h3 {
    font-size: 40px;
    font-weight: 100;
    margin: 0;
}
.about-col-content p {
    font-size: 16px;
    color: #5d5d5d;
    text-align: justify;
    letter-spacing: 1px;
}

.categories, .categories li {
    order: initial;
}

/* etkinlikler */

.event h2 { color: #222222; font-family: Sans-serif; font-size: 42px; font-weight: 600;}
.event-home-no-emphasis .owl-carousel .eventdate {  right: 0; background: #00000057; font-family:Sans-serif;}
.event .btn { background-color: #005a04;}
.item-carousel .status-icon, .item-event .status-icon { right: 0; background: #00000057;}

/* uzman sayfası */

#apdiv .package-item .package-button a { background-color: #C89D66;}
a.btn-primary, .btn-primary { border-color: #C89D66;}
#apdiv .package-item .package-title { color: #000; font-weight: 600;}
#apdiv .package-item .package-meta-price span, #apdiv .package-item .package-meta-price strong { font-weight: 600; color: #000;}
.profile-appointment-btn { background-color: #C89D66;}
.profile-title h1 { color: #000; font-weight: 400;}
 h3.item-title a { font-weight: 100;}
.agents .item-image { width: 100%; border-radius: 0 !important;}
.btn-online { background-color: #C89D66;}


/* blog */

.steps-title h2 { text-align: center; font-family: Sans-serif; font-size: 42px; font-weight: 600; color: #222222;}

/* footer */

.nav-social li i { color: #C89D66;}
.footer-links a { color: white;}
.footer-bg { background-color: #000;}
.nav-primary>ul>li>a:hover {
    color: #000 !important;
}
.profile-appointment-btn {
    background: #005a04;
}
a.btn-primary, .btn-primary {
    background-color: #005a04; 
}
.service-price, .category-price {
    background: #005a04;
}
.profile-title h1 {
    color: #005a04;
}
.cascade-category-dd li a .cat-name {
    width: 546px;
}
.agents.bg {
    display: none;
}
a.show-more {
    display: none;
}
em {
    font-size: 13px;
}
@media(max-width: 1024px){

div[data-id="13"] { height: auto;}
.lw-banner-wrapper { margin-left: 10px;  height: auto;}
.lw-content h1 { font-size: 22px;}
.lw-content h2 { font-size: 12px;}
.lw-content { width: 72%;  row-gap: 5px;}
.wk-title h2 { font-size: 32px;}
.wk-box { padding: 10px;}
.lw-img-2 { height: 272px;}
.lw-txt h1 {font-size: 18px;}
.lw-ct-title h2 { font-size: 32px; }
.about-row { flex-flow: column-reverse;}
.about-col-content { width: 100%;}
.about-col-img { width: 100%;}
.about-col-img img { width: 100%;}
.about-col-content h1 { font-size: 32px; text-align: center;}
.about-col-content h2 { font-size: 22px; text-align: center;}
.about-col-content hr { width: 100% !important;}
.lw-content p {font-size: 11px;}
.page-excerpt p {
    font-size: 1rem;
}

}


@media(max-width: 767px){

div[data-id="13"] {
    background-image: url(https://hukukuzmani.gurulize.com/images/202401/103_1920x600.png);
    height: auto;
}
.lw-banner-wrapper {margin-left: 0; height: auto; padding:0;}
.lw-content { width: 100%;}
.lw-btn { display: flex;}
.lw-btn-left { padding: 10px 25px;}
.lw-btn-right { padding: 10px 20px;}
.wk-bottom { flex-direction: column;}
.wk-box { width: 100%;}
.wk-title h2 {
    font-size: 26px;
    text-align: center;
}
.lw-title { flex-direction: column;}
.lw-img { width: 100%;}
.lw-img-2 { height: 245px;}
.lw-txt { width: 100%; margin-top: 275px;}
.lw-txt h1 {font-size: 16px;}
.lw-ct-title h2 { font-size: 32px; }
.lw-ct-item { width: 100%; text-align: justify;}
.categories .item, .education-categories .item { width: 100%;  margin: 1rem 0;}   
.about-row { flex-flow: column-reverse;}
.about-col-content { width: 100%;}
.about-col-img { width: 100%;}
.about-col-img img { width: 100%;}
.about-col-content h1 { font-size: 32px; text-align: center;}
.about-col-content h2 { font-size: 22px; text-align: center;}
.about-col-content hr { width: 100% !important;}
.lw-content p {font-size: 11px;}
.lw-content h1 {font-size: 21px;}
.lw-content h2 {font-size: 10px;}
.wk-title h3 {font-size: 17px;}
.page-title h1 {
    text-align: center;
}
.page-excerpt p {
    padding: .5rem;
    text-align: justify;
}
.page-excerpt p {
    font-size: 1rem;
}
}