/* theme-colors.css */
:root {
    --theme-color: #0e8c8a;
    /*--title-color: #013b3b;*/
    /*--title-color2: #1C2359;*/
    --title-color: #005d5a;
    --title-color2: #00706e;
    --brand-color: #4ea19e;
    --body-color: #5C5F71;
    --smoke-color: #E4E4E5;
    --smoke-color2: #F2F3FC;
    --smoke-color3: #C5DACC;
    --smoke-color4: #D2D7D3;
    --black-color: #000000;
    --black-color2: #0A0A0A;
    --gray-color: #D8DDE1;
    --white-color: #ffffff;
    --light-color: #B7BEC8;
    --yellow-color: #FFB539;
    --success-color: #0e8c8a;
    --error-color: #dc3545;
    --medeed-color1: #0e8c8a;
    --th-border-color: #E0E0E0;
    --green-footer: #005d5a;
}

/* استایل‌های مربوط به رنگ متن */
.text-theme {
    color: var(--title-color) !important;
}

.text-title {
    color: var(--title-color) !important;
}

.text-body {
    color: var(--body-color) !important;
}

.text-white {
    color: var(--white-color) !important;
}

.text-light {
    color: var(--light-color) !important;
}

.text-yellow {
    color: var(--yellow-color) !important;
}

.text-success {
    color: var(--success-color) !important;
}

.text-error {
    color: var(--error-color) !important;
}

.text-inherit {
    color: inherit;
}

/* استایل‌های مربوط به پس‌زمینه */
.bg-theme {
    background-color: var(--theme-color) !important;
}

.bg-smoke {
    background-color: var(--smoke-color) !important;
}

.bg-smoke2 {
    background-color: var(--smoke-color2) !important;
}

.bg-smoke3 {
    background-color: var(--smoke-color3) !important;
}

.bg-smoke4 {
    background-color: var(--smoke-color4) !important;
}

.bg-white {
    background-color: var(--white-color) !important;
}

.bg-black {
    background-color: var(--black-color) !important;
}

.bg-black2 {
    background-color: var(--black-color2) !important;
}

.bg-title {
    background-color: var(--title-color) !important;
}
.bg-green {
    background-color: var(--green-footer) !important;
}

/* گرادیانت‌ها */
.gradient-body {
    background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
}

.gr-bg1 {
    background-image: linear-gradient(80deg, rgba(165, 208, 204, 0.3) 0%, rgba(214, 202, 245, 0.3) 23.81%, rgba(198, 241, 255, 0.3) 45.3%, rgba(248, 242, 222, 0.3) 68.4%, rgba(212, 179, 253, 0.3) 99.5%);
}

.gr-bg2 {
    background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
}

.gr-bg3 {
    background-image: linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
}

.gr-bg4 {
    background-image: linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
}

.gr-bg5 {
    background: linear-gradient(180deg, rgba(237, 240, 244, 0) 0%, rgba(237, 240, 244, 0.85) 100%);
}

.gr-bg6 {
    background: linear-gradient(135deg, #0e8c8a 0%, #69aeaa 100%);
}

.gr-bg7 {
    background: linear-gradient(180deg, #3E66F3 0%, #0031DD 100%);
}

.gr-bg-g1 {
    background-image: linear-gradient( to bottom, #f0f9f8 0%, #69aeaa 50%, rgb(78, 161, 158, 0.70) 100% );
}

/* استایل‌های دکمه‌ها */
.th-btn {
    background-color: var(--theme-color);
    color: var(--white-color);
}

    .th-btn.style2 {
        background-color: var(--title-color);
    }

    .th-btn.style3 {
        background-color: var(--white-color);
        color: var(--title-color);
    }

    .th-btn.th-border {
        background-color: transparent;
        border: 1px solid var(--white-color);
    }

    .th-btn.th-border2 {
        background-color: transparent;
        border: 1px solid var(--title-color);
        color: var(--title-color);
    }

    .th-btn.black-border {
        background-color: transparent;
        border: 1px solid rgba(92, 95, 113, 0.2);
        color: var(--title-color);
    }

/* استایل‌های منو */
.main-menu a {
    color: var(--title-color);
}

    .main-menu a:hover {
        color: var(--theme-color);
    }

.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
    background-color: var(--white-color);
    border-top: 3px solid var(--theme-color);
}

/* استایل‌های فوتر */
.footer-widget .widget_title {
    color: var(--white-color);
}

.footer-widget.widget_meta a,
.footer-widget.widget_pages a,
.footer-widget.widget_archive a,
.footer-widget.widget_categories a,
.footer-widget.widget_nav_menu a {
    /*color: rgba(183, 189, 222, 0.8);*/
    color: var(--title-color);
}

.footer-widget .recent-post .post-title {
    color: var(--white-color);
}

.th-widget-about .footer-info {
    color: var(--white-color);
}

.hero-1 .th-hero-bg:before {
    /*background: -webkit-linear-gradient(bottom, rgb(0, 128, 128, 0.70), rgb(8, 101, 101, 0.70));
    background: linear-gradient(0deg, rgb(0, 128, 128, 0.70), rgb(8, 101, 101, 0.70));*/
    background: -webkit-linear-gradient(bottom, rgb(14, 140, 138, 0.70), rgb(78, 161, 158, 0.70));
    background: linear-gradient(0deg, rgb(14, 140, 138, 0.70), rgb(78, 161, 158, 0.70));
}


.cta-area:before {
    background: -webkit-linear-gradient(top, rgba(165, 208, 204, 0) -64.07%, rgba(0, 93, 90, 0.8) 68.66%);
    background: linear-gradient(180deg, rgba(165, 208, 204, 0) -64.07%, rgba(0, 93, 90, 0.8) 68.66%);
}
.team-area:before {
    background: -webkit-linear-gradient(bottom, rgba(0, 112, 110, 0.4), rgba(0, 112, 110, 0.7));
    background: linear-gradient(0deg, rgba(0, 112, 110, 0.4), rgba(0, 112, 110, 0.7));
}


/*کلاس کاستوم*/

:root {
    /* رنگ‌های اصلی */
    --primary-color: #0e8c8a;
    --primary-light: rgb(22, 138, 84, 0.35);
    --primary-lighter: rgba(35, 112, 184, 0.1);
    --primary-dark: #006666;
    --primary-text: #ffffff;
    /* رنگ‌های ثانویه (اختیاری) */
    --secondary-color: #0e8c8a;
    --secondary-light: rgba(0, 128, 128, 0.2);
    /* رنگ‌های پس‌زمینه */
    --bg-gradient: radial-gradient(circle, rgb(17, 137, 53, 0.40), transparent 70%);
    --bg-pattern: url('../img/square-pattern1.png');
}

/* کلاس‌های اصلی رنگ */
.btn-brand {
    color: var(--primary-text);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-brand:hover {
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
    }


.btn-brand2 {
    color: var(--primary-text);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

/* استایل‌های مرتبط با رنگ‌ها */
.feature-card-b {
    background-color: var(--primary-light);
}

.box-area1 {
    background: var(--primary-light);
}

.glow-blue-wrapper::before {
    background: var(--bg-gradient);
}

.logo-back, .logo-back-1, .logo-back-2 {
    background-color: var(--primary-color);
    background-image: var(--bg-pattern);
}

.text-teal {
    color: var(--primary-color);
}

.circle-button {
    border: 1px solid var(--primary-color);
    background-color: #ffffff;
    color: var(--primary-color);
}



    .circle-button i {
        color: var(--primary-color);
    }

.button-text {
    color: #ffffff;
}

.circle-button:hover {
    background-color: var(--primary-color);
}

  

    .circle-button:hover i {
        color: #ffffff;
    }


.experience-text-h {
    background-image: url(../img/bg/contact_bg_2.jpg);
  
}


.experience-text-h2 {
    background-image: url(../img/bg/contact_bg_2.jpg);
   
}

.logo-back-2 {
    background-image: url('../img/square-pattern3.png');
}

.logo-back {
    background-image: url('../img/square-pattern3.png');
}

.footer-layout1 {
    background-color: #0e8c8a;
}
    .footer-layout1 .heart-rate .fade-in {
        background-color: #0e8c8a;
    }

    .footer-layout1 .heart-rate .fade-out {
        background-color: #0e8c8a;
    }



.footer-widget.widget_meta a:hover:before,
.footer-widget.widget_pages a:hover:before,
.footer-widget.widget_archive a:hover:before,
.footer-widget.widget_categories a:hover:before,
.footer-widget.widget_nav_menu a:hover:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.47399V9.52606C16 9.75581 15.8138 9.94225 15.5838 9.94225H9.94225V15.5838C9.94225 15.8139 9.75581 16 9.52606 16H6.47399C6.24437 16 6.05779 15.8138 6.05779 15.5838V9.94225H0.416193C0.186253 9.94225 0 9.75581 0 9.52606V6.47399C0 6.24419 0.186253 6.05779 0.416193 6.05779H6.05779V0.416193C6.05779 0.186162 6.24432 0 6.47399 0H9.52606C9.75581 0 9.94225 0.186162 9.94225 0.416193V6.05779H15.5838C15.8139 6.05779 16 6.24419 16 6.47399Z' fill='%230e8c8a'/%3E%3C/svg%3E%0A");
    color: var(--theme-color);
    -webkit-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out
}

.breadcumb-wrapper:before {
    background: -webkit-linear-gradient(bottom, rgb(14, 140, 138, 0.70), rgb(78, 161, 158, 0.70));
    background: linear-gradient(0deg, rgb(14, 140, 138, 0.70), rgb(78, 161, 158, 0.70));
}

.breadcumb-menu a,
.breadcumb-menu span {
    color: var(--white-color)
}

    .breadcumb-menu a:hover,
    .breadcumb-menu span :hover {
        color: var(--title-color)
    }
.breadcumb-menu li {
    color: var(--white-color) !important;
}
.breadcumb-content .sub-title {
    color: var(--white-color) !important;
}

.contact-area2 {
    background: linear-gradient(180deg, #69aeaa 0%, #00706e 100%);
    /*background: var(--title-color);*/
    color: #ffffff !important;
}

.sub-title:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 28px;
    height: 15px;
    background-image: url("../img/theme-img/sub-title-g.svg");
    background-repeat: no-repeat;
    background-color: transparent
}


.checklist.style2 li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_692_4795)'%3E%3Cpath d='M23.3145 3.28105C22.9614 2.92738 22.3886 2.92677 22.0355 3.27955L11.1843 14.1021L7.26917 9.84997C6.93087 9.48275 6.3589 9.45894 5.99107 9.79719C5.62353 10.1355 5.6 10.7077 5.93829 11.0753L10.4911 16.0197C10.6578 16.2009 10.8912 16.3062 11.1372 16.3113C11.1438 16.3116 11.1502 16.3116 11.1565 16.3116C11.3956 16.3116 11.6256 16.2166 11.7951 16.0477L23.3127 4.56032C23.6667 4.20758 23.6673 3.63472 23.3145 3.28105Z' fill='%23005d5a'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23005d5a'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_692_4795'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-family: var(--icon-font);
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-color);
    margin-right: 10px
}


.checklist.style3 li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_692_4795)'%3E%3Cpath d='M23.3145 3.28105C22.9614 2.92738 22.3886 2.92677 22.0355 3.27955L11.1843 14.1021L7.26917 9.84997C6.93087 9.48275 6.3589 9.45894 5.99107 9.79719C5.62353 10.1355 5.6 10.7077 5.93829 11.0753L10.4911 16.0197C10.6578 16.2009 10.8912 16.3062 11.1372 16.3113C11.1438 16.3116 11.1502 16.3116 11.1565 16.3116C11.3956 16.3116 11.6256 16.2166 11.7951 16.0477L23.3127 4.56032C23.6667 4.20758 23.6673 3.63472 23.3145 3.28105Z' fill='%23ffffff'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_692_4795'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-family: var(--icon-font);
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 24px;
    font-weight: 600;
    color: var(--white-color) !important;
    margin-right: 10px
}

.checklist.style5 li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23f8f8f8' stroke='%23005d5a' stroke-width='2'/%3E%3Cpath d='M8 12.5L11 15.5L16 9.5' stroke='%23005d5a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 12px;
    transition: transform 0.2s ease;
}

.checklist.style5 li:hover:before {
    transform: scale(1.1);
}

.checklist.square-check li:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='3' fill='%23ffffff' stroke='%23005d5a' stroke-width='2'/%3E%3Cpath d='M7 12.5L10.5 16L17 8' stroke='%234ea19e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 10px;
    transition: all 0.2s ease;
}

.checklist.square-check li:hover:before {
    transform: scale(1.05);
    opacity: 0.9;
}

.choose-item .box-icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(78, 161, 158, 0.8)
}


.feature-box {
    background-color: #4ea19e;
}

.testi-area {
    background-color: #fff;
}


.standorte-slide p {
    color: #005d5a
}
.counter-area {
    background-color: #0e8c8a;
    /*background: linear-gradient(180deg, #81bcb6 0%, #0e8c8a 100%);*/
}
.contact-media-topfooter {
    background-color: #4ea19e !important;
    /*background: linear-gradient(-135deg, #a5d0cc 0%, #81bcb6 40%, #69aeaa 70%, #4ea19e 100%);*/
}

.icon-btn:hover {
    background-color: #005d5a;
    color:#ffffff;
    border-color: #005d5a
}
.contact-media-topfooter:hover .icon-btn {
    background-color: #005d5a !important
}