.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-0563acd */.topbar-modern{

    background:#071726;

    color:#fff;

    position:relative;

    z-index:20;

    overflow:hidden;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.topbar-modern::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(120deg,
    transparent 20%,
    rgba(255,255,255,.05),
    transparent 80%);

    animation:shine 8s linear infinite;

}

@keyframes shine{

from{transform:translateX(-120%);}
to{transform:translateX(120%);}

}

.topbar-container{

    max-width:1320px;

    margin:auto;

    padding:14px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    position:relative;

    z-index:2;

}

.topbar-left{

display:flex;

gap:35px;

align-items:center;

flex-wrap:wrap;

}

.top-item{

display:flex;

align-items:center;

gap:10px;

color:#fff;

text-decoration:none;

font-size:14px;

transition:.35s;

}

.top-item:hover{

color:#D4AF37;

}

.icon{

width:34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

background:rgba(255,255,255,.08);

border-radius:50%;

font-size:15px;

transition:.35s;

}

.top-item:hover .icon{

background:#D4AF37;

transform:rotate(12deg);

}

.topbar-right{

display:flex;

gap:12px;

}

.social{

width:40px;

height:40px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

text-decoration:none;

color:white;

background:rgba(255,255,255,.08);

transition:.35s;

font-size:17px;

}

.social:hover{

transform:translateY(-4px);

background:#D4AF37;

color:#071726;

box-shadow:0 10px 25px rgba(212,175,55,.4);

}

.whatsapp:hover{

background:#25D366;

color:white;

}

.telegram:hover{

background:#0088cc;

color:white;

}

.instagram:hover{

background:#E1306C;

color:white;

}

@media(max-width:768px){

.topbar-container{

flex-direction:column;

padding:16px;

}

.topbar-left{

flex-direction:column;

gap:12px;

width:100%;

}

.top-item{

justify-content:center;

font-size:13px;

}

.topbar-right{

margin-top:10px;

}

}

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1457335 */.tl-header{

position:sticky;

top:0;

z-index:999;

backdrop-filter:blur(18px);

background:rgba(255,255,255,.92);

border-bottom:1px solid #E5E7EB;

}

.tl-header-container{

max-width:1320px;

margin:auto;

padding:18px 25px;

display:flex;

align-items:center;

justify-content:space-between;

}

.tl-logo img{

height:64px;

transition:.4s;

}

.tl-menu{

display:flex;

gap:42px;

}

.tl-menu a{

font-family:'Vazirmatn',sans-serif;

font-size:15px;

font-weight:700;

color:#1F2937;

text-decoration:none;

position:relative;

transition:.3s;

}

.tl-menu a::after{

content:"";

position:absolute;

right:0;

bottom:-10px;

width:0;

height:2px;

background:#2563EB;

transition:.35s;

}

.tl-menu a:hover{

color:#2563EB;

}

.tl-menu a:hover::after{

width:100%;

}

.tl-btn{

display:flex;

align-items:center;

gap:10px;

background:#2563EB;

padding:14px 26px;

border-radius:14px;

color:#fff;

text-decoration:none;

font-family:'Vazirmatn';

font-weight:700;

transition:.35s;

box-shadow:0 15px 35px rgba(37,99,235,.25);

}

.tl-btn:hover{

transform:translateY(-4px);

background:#1D4ED8;

}

.tl-btn svg{

transition:.35s;

}

.tl-btn:hover svg{

transform:rotate(-15deg);

}

/* موبایل */

@media(max-width:992px){

.tl-menu{

display:none;

}

.tl-logo img{

height:56px;

}

.tl-btn{

padding:12px 18px;

font-size:14px;

}

}/* End custom CSS */