@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/IRANSansX-Thin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/IRANSansX-UltraLight.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/IRANSansX-Light.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/IRANSansX-Medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansXd";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/IRANSansX-Demibold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/IRANSansX-Black.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/IRANSansX-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/IRANSansX-Regular.woff2") format("woff2");
    font-display: swap;
}


body {
    direction: rtl;
    text-align: right;
    font-family: "IRANSansX";

}

/*start download list style-1*/
.download-list-style1 {
    margin: 15px auto;
    padding: 0;
}

.download-list-style1 li {
    display: block;
    margin-bottom: 10px;
}

.download-list-style1 li a {
    display: block;
    margin-bottom: 10px;
    background-color: #20af96;
    border-radius: 3px;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.2s;
    position: relative;
    padding-right: 40px;
}

.download-list-style1 li a:hover {

    background-color: #118874;
    padding-right: 45px;

}

.download-list-style1 li a:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTcgOS4wMDE5NUMxOS4xNzUgOS4wMTQwNiAyMC4zNTI5IDkuMTEwNTEgMjEuMTIxMyA5Ljg3ODlDMjIgMTAuNzU3NiAyMiAxMi4xNzE4IDIyIDE1LjAwMDJWMTYuMDAwMkMyMiAxOC44Mjg2IDIyIDIwLjI0MjkgMjEuMTIxMyAyMS4xMjE1QzIwLjI0MjYgMjIuMDAwMiAxOC44Mjg0IDIyLjAwMDIgMTYgMjIuMDAwMkg4QzUuMTcxNTcgMjIuMDAwMiAzLjc1NzM2IDIyLjAwMDIgMi44Nzg2OCAyMS4xMjE1QzIgMjAuMjQyOSAyIDE4LjgyODYgMiAxNi4wMDAyTDIgMTUuMDAwMkMyIDEyLjE3MTggMiAxMC43NTc2IDIuODc4NjggOS44Nzg4OUMzLjY0NzA2IDkuMTEwNTEgNC44MjQ5NyA5LjAxNDA2IDcgOS4wMDE5NSIgc3Ryb2tlPSIjMUMyNzRDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8cGF0aCBkPSJNMTIgMkwxMiAxNU0xMiAxNUw5IDExLjVNMTIgMTVMMTUgMTEuNSIgc3Ryb2tlPSIjMUMyNzRDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
    display: inline-block;
    width: 28px;
    height: 50px;
    position: absolute;
    right: 5px;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}

/*end downlado list style-1*/

/*start downlado list style-2*/

.download-list-style2 {
    margin: 15px auto;
    padding: 0;
}

.download-list-style2 li {
    display: block;
    margin-bottom: 10px;
}

.download-list-style2 li a {
    display: block;
    margin-bottom: 10px;
    background-color: #9c0012;
    border-radius: 3px;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.2s;
    position: relative;
    padding-right: 40px;
}

.download-list-style2 li a:hover {

    background-color: #cb0000;
    padding-right: 45px;

}

.download-list-style2 li a:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNNCA0QzQgMy40NDc3MiA0LjQ0NzcyIDMgNSAzSDE0SDE0LjU4NThDMTQuODUxIDMgMTUuMTA1NCAzLjEwNTM2IDE1LjI5MjkgMy4yOTI4OUwxOS43MDcxIDcuNzA3MTFDMTkuODk0NiA3Ljg5NDY0IDIwIDguMTQ5IDIwIDguNDE0MjFWMjBDMjAgMjAuNTUyMyAxOS41NTIzIDIxIDE5IDIxSDVDNC40NDc3MiAyMSA0IDIwLjU1MjMgNCAyMFY0WiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjAgOEgxNVYzIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xMS41IDEzSDExVjE3SDExLjVDMTIuNjA0NiAxNyAxMy41IDE2LjEwNDYgMTMuNSAxNUMxMy41IDEzLjg5NTQgMTIuNjA0NiAxMyAxMS41IDEzWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xNS41IDE3VjEzTDE3LjUgMTMiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTYgMTVIMTciIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNNyAxN0w3IDE1LjVNNyAxNS41TDcgMTNMNy43NSAxM0M4LjQ0MDM2IDEzIDkgMTMuNTU5NiA5IDE0LjI1VjE0LjI1QzkgMTQuOTQwNCA4LjQ0MDM2IDE1LjUgNy43NSAxNS41SDdaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9nPgoNPC9zdmc+);
    display: inline-block;
    width: 28px;
    height: 50px;
    position: absolute;
    right: 5px;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}

/*end downlado list style-2*/


.blog-post-link {
    display: block;
    padding: 30px;
    border-right: 3px solid #7c9199;
    background-color: #ccdfe6;
    border-radius: 5px;
}

.blog-post-link a {
    color: #2e5d6e;
    text-decoration: none;
    background: #abc3cc;
    padding: 5px 10px;
    border-radius: 1px;
    transition: all 0.2s;
}

.blog-post-link a:hover {
    color: #c1dfea;
    text-decoration: none;
    background: #72929e;
}

/*start list style-1*/
.list-item-style1 {
    padding: 0;
    margin: 15px auto;
    background: #fffff5;
    padding: 10px;
    border-radius: 5px;
    border: dashed #deede1;
}

.list-item-style1 li {
    position: relative;
    margin-bottom: 15px;
    list-style-type: none;
}

.list-item-style1 li:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMmE4ZDc1Ij4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgMTRMOSAxOUwyMCA4TTYgOC44ODg4OUw5LjA3NjkyIDEyTDE2IDUiIHN0cm9rZT0iIzJhOGQ3NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9nPgoNPC9zdmc+);
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    margin-left: 5px;
}

/*end list style-1*/


/*start list style-2*/

.list-item-style2 {
    padding: 0;
    margin: 15px auto;
    padding: 10px;
}

.list-item-style2 li {
    position: relative;
    margin-bottom: 15px;
    list-style-type: none;
}

.list-item-style2 li:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMmE4ZDc1Ij4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgMTRMOSAxOUwyMCA4TTYgOC44ODg4OUw5LjA3NjkyIDEyTDE2IDUiIHN0cm9rZT0iIzJhOGQ3NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9nPgoNPC9zdmc+);
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    margin-left: 5px;
}

/*end list style-2*/
.p-style1 {
    background: #5abc9c;
    padding: 15px;
    line-height: 30px;
    text-align: justify;
    color: #fff;
    border-radius: 5px;
    background: rgb(90, 188, 156);
    background: linear-gradient(106deg, rgba(90, 188, 156, 1) 0%, rgba(45, 126, 100, 1) 100%);
}

.p-style2 {
    background: #100a1c;
    background-image: radial-gradient(50% 30% ellipse at center top, #bf0000 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60% 50% ellipse at center bottom, #ff1f00 0%, #8e0000 100%);
    background-attachment: fixed;
    color: #ffffff;
    padding: 15px;
    line-height: 30px;
    text-align: justify;
    border-radius: 5px;
}


.p-animation-style1 {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    padding: 30px;
    color: #fff;
    font-size: 20px;
    border-radius: 15px;
    margin: 15px auto;
    line-height: 30px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.heading-style-1 {
    display: block;
    background: #e9ecf2;
    margin: 15px auto;
    border-radius: 2px;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    background: rgb(245, 245, 245);
    background: linear-gradient(180deg, rgb(229 235 250) 0%, rgba(45, 126, 100, 0) 100%);
    border-radius: 15px;
}




/*start table style-1*/

.table-style-1 thead tr th {
    background: #c30000;
    text-align: center;
    color: #fff;
}

.table-style-1 tbody tr td {
    background: #313131;
    text-align: center;
    color: #fff;
}

.table-style-1 tbody tr:nth-of-type(odd)>* {
    background: #545454;
    color: #fff;
}

/*end table style-1*/

/*start table style-2*/

.table-style-2 thead tr th {
    background: #c30000;
    text-align: center;
    color: #fff;
}

.table-style-2 tbody tr td {
    background: #f2f2f2;
    text-align: center;
    color: #000000;
}


/*end table style-2*/


.blockquote-style-1 {
    background-color: #ccc;
    border-radius: 5px;
    padding: 15px;
}

.blockquote-style-1 {
    background-color: #f0faf2;
    border-radius: 5px;
    padding: 15px;
    position: relative;
}


.blockquote-style-1:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjNTI1MjUyIiB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1MjUyNTIiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8dGl0bGU+cXVvdGU8L3RpdGxlPiA8cGF0aCBkPSJNOS41NjMgOC40NjlsLTAuODEzLTEuMjVjLTUuNjI1IDMuNzgxLTguNzUgOC4zNzUtOC43NSAxMi4xNTYgMCAzLjY1NiAyLjY4OCA1LjM3NSA0Ljk2OSA1LjM3NSAyLjg3NSAwIDQuOTA2LTIuNDM4IDQuOTA2LTUgMC0yLjE1Ni0xLjM3NS00LTMuMjE5LTQuNjg4LTAuNTMxLTAuMTg4LTEuMDMxLTAuMzQ0LTEuMDMxLTEuMjUgMC0xLjE1NiAwLjg0NC0yLjg3NSAzLjkzOC01LjM0NHpNMjEuOTY5IDguNDY5bC0wLjgxMy0xLjI1Yy01LjU2MyAzLjc4MS04Ljc1IDguMzc1LTguNzUgMTIuMTU2IDAgMy42NTYgMi43NSA1LjM3NSA1LjAzMSA1LjM3NSAyLjkwNiAwIDQuOTY5LTIuNDM4IDQuOTY5LTUgMC0yLjE1Ni0xLjQwNi00LTMuMzEzLTQuNjg4LTAuNTMxLTAuMTg4LTEtMC4zNDQtMS0xLjI1IDAtMS4xNTYgMC44NzUtMi44NzUgMy44NzUtNS4zNDR6Ii8+IDwvZz4KDTwvc3ZnPg==);
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: -15px;
    background-size: contain;
    right: 0px;
}

.blockquote-style-1:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjNTI1MjUyIiB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1MjUyNTIiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8dGl0bGU+cXVvdGU8L3RpdGxlPiA8cGF0aCBkPSJNOS41NjMgOC40NjlsLTAuODEzLTEuMjVjLTUuNjI1IDMuNzgxLTguNzUgOC4zNzUtOC43NSAxMi4xNTYgMCAzLjY1NiAyLjY4OCA1LjM3NSA0Ljk2OSA1LjM3NSAyLjg3NSAwIDQuOTA2LTIuNDM4IDQuOTA2LTUgMC0yLjE1Ni0xLjM3NS00LTMuMjE5LTQuNjg4LTAuNTMxLTAuMTg4LTEuMDMxLTAuMzQ0LTEuMDMxLTEuMjUgMC0xLjE1NiAwLjg0NC0yLjg3NSAzLjkzOC01LjM0NHpNMjEuOTY5IDguNDY5bC0wLjgxMy0xLjI1Yy01LjU2MyAzLjc4MS04Ljc1IDguMzc1LTguNzUgMTIuMTU2IDAgMy42NTYgMi43NSA1LjM3NSA1LjAzMSA1LjM3NSAyLjkwNiAwIDQuOTY5LTIuNDM4IDQuOTY5LTUgMC0yLjE1Ni0xLjQwNi00LTMuMzEzLTQuNjg4LTAuNTMxLTAuMTg4LTEtMC4zNDQtMS0xLjI1IDAtMS4xNTYgMC44NzUtMi44NzUgMy44NzUtNS4zNDR6Ii8+IDwvZz4KDTwvc3ZnPg==);
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: -15px;
    background-size: contain;
    left: 0px;
}

/*start call to action style-1*/
.call-to-action-style1 {
    min-height: 100px;
    background: rgb(201, 56, 61);
    background: linear-gradient(90deg, rgba(201, 56, 61, 1) 0%, rgba(153, 0, 5, 1) 100%);
    border-radius: 5px;
    margin: 15px auto;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.call-to-action-style1 .title {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.call-to-action-style1 .description {
    color: #f0d7d7;
    font-size: 18px;
    position: relative;
    z-index: 2;
}

span.phone-action {
    background: #e4c805;
    padding: 6px 35px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.2s;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
}

span.phone-action:hover {
    background: #e49905;

}

span.phone-action a {
    color: #fff;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 20px;
    text-shadow: 2px 1px 9px #000000;
}

.cube {
    position: absolute;
    top: 15px;
    right: 30px;
    width: 10px;
    height: 10px;
    border: solid 1px #ff0051;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    -webkit-animation: cube 12s ease-in forwards infinite;
    animation: cube 12s ease-in forwards infinite;
    z-index: 0;
}

.cube:nth-child(2n) {
    border-color: #f40018;
}

.cube:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    right: 50px;
    top: 15px;
}

.cube:nth-child(3) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    right: 70px;
    top: 10px;
}

.cube:nth-child(4) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    right: 120px;
    top: 5px;
}

.cube:nth-child(5) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    right: 30px;
    top: 5px;
}

.cube:nth-child(6) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
    right: 300px;
    top: 10px;
}

@-webkit-keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }

    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }

    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

/*end call to action style-1*/



/*start call to action style-1*/
.call-to-action-style2 {
    min-height: 100px;
    background-color: #edf2e4;
    border-radius: 5px;
    padding: 15px;
    position: relative;
}

.call-to-action-style2 .form-input {

    position: relative;
}

.call-to-action-style2 .form-input .text-input {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    margin: 15px 0;
    height: 45px;
    padding: 15px;
    border: 1px solid #73a51f;
    font-size: 14px;
    display: block;
    width: 100%;
    max-width: 300px;
    margin-top: 30px;

}

.call-to-action-style2 .field-title {
    font-size: 11px;
    background: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    top: -15px;
}

.call-to-action-image-style2 {
    position: absolute;
    left: -15px;
    bottom: 0px;
    height: 270px;
}

.form-input .btn-send {
    background-color: #389e66;
    display: block;
    width: 100%;
    max-width: 300px;
    border: 0;
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
}

.call-to-action-style2 .title {
    font-weight: bold;
    font-size: 20px;
    color: #66960f;
}

/*end call to action style-2*/


/*start call to action style-3*/
.call-to-action-style3{
    margin: 45px auto;
}
.call-to-action-style3 .title {
    top: -21px;
    position: absolute;
    background-color: #d6efd8;
    font-weight: bolder;
    text-align: center;
    border-radius: 5px;
    padding: 7px;
    background: linear-gradient(360deg, rgb(255 255 255 / 0%) 0%, rgba(214, 239, 216, 1) 70%);
}


.call-to-action-style3 {
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(214, 239, 216, 1) 100%);
    position: relative;
    border-radius: 5px;
    padding: 1rem;
}


.call-to-action-style3 .social {
    list-style-type: none;
}

.call-to-action-style3 .social li {
    text-align: center;
    margin-bottom: 7px;
}


.call-to-action-style3 .social li a {
    color: #fff;
    padding: 8px;
    display: block;
    border-radius: 5px;
    background-color: #D6EFD8;
    position: relative;
    text-decoration: none;
    font-size: 12px;
}


.call-to-action-style3 .social li a::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 2px;
    right: 8px;
}

.call-to-action-style3 .phone a {
    color: #000;
}

.call-to-action-style3 .phone-number {
    background-color: #D6EFD8;
    left: 60px;
    top: -12px;
    z-index: 1;
    min-width: 80px;
    text-align: left;
    padding-left: 20px !important;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 5px 10px;
}

.call-to-action-style3 .phone-number span a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}


.call-to-action-style3 .social li a.telegram {
    background: rgb(39, 148, 190);
    background: linear-gradient(90deg, rgb(120 197 227) 28%, rgb(44 154 215) 79%);
}

.call-to-action-style3 .social li a.instagram {
    background: #833ab4;
    background: linear-gradient(to right,
            #833ab4, #fd1d1d, #fcb045);
}

.call-to-action-style3 .social li a.whatsapp {
    background: rgb(41, 171, 35);
    background: linear-gradient(90deg, rgba(41, 171, 35, 1) 28%, rgba(49, 131, 50, 1) 79%);
}

.call-to-action-style3 .social li a.whatsapp::before {
    content: "";
    background-image: url("data:image/png;base64,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");
}


.call-to-action-style3 .social li a.telegram::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS45OTcgMTJDMjEuOTk3IDE3LjUyMjggMTcuNTE5OCAyMiAxMS45OTcgMjJDNi40NzQxNSAyMiAxLjk5Njk5IDE3LjUyMjggMS45OTY5OSAxMkMxLjk5Njk5IDYuNDc3MTUgNi40NzQxNSAyIDExLjk5NyAyQzE3LjUxOTggMiAyMS45OTcgNi40NzcxNSAyMS45OTcgMTJaTTEyLjM1NTMgOS4zODI0NEMxMS4zODI3IDkuNzg3IDkuNDM4NzYgMTAuNjI0MyA2LjUyMzU2IDExLjg5NDRDNi4wNTAxOCAxMi4wODI3IDUuODAyMiAxMi4yNjY5IDUuNzc5NjIgMTIuNDQ2OUM1Ljc0MTQ3IDEyLjc1MTMgNi4xMjI1OCAxMi44NzExIDYuNjQxNTUgMTMuMDM0M0M2LjcxMjE0IDEzLjA1NjUgNi43ODUyOCAxMy4wNzk1IDYuODYwMjYgMTMuMTAzOEM3LjM3MDg1IDEzLjI2OTggOC4wNTc2NyAxMy40NjQgOC40MTQ3MiAxMy40NzE3QzguNzM4NiAxMy40Nzg3IDkuMTAwMDkgMTMuMzQ1MiA5LjQ5OTE4IDEzLjA3MTFDMTIuMjIyOSAxMS4yMzI1IDEzLjYyOSAxMC4zMDMyIDEzLjcxNzIgMTAuMjgzMUMxMy43Nzk1IDEwLjI2OSAxMy44NjU4IDEwLjI1MTIgMTMuOTI0MyAxMC4zMDMyQzEzLjk4MjggMTAuMzU1MiAxMy45NzcgMTAuNDUzNiAxMy45NzA4IDEwLjQ4QzEzLjkzMzEgMTAuNjQxIDEyLjQzNzEgMTIuMDMxOCAxMS42NjI5IDEyLjc1MTVDMTEuNDIxNiAxMi45NzU5IDExLjI1MDQgMTMuMTM1IDExLjIxNTQgMTMuMTcxNEMxMS4xMzcgMTMuMjUyOCAxMS4wNTcxIDEzLjMyOTggMTAuOTgwMyAxMy40MDM4QzEwLjUwNiAxMy44NjExIDEwLjE1MDIgMTQuMjA0IDExIDE0Ljc2NEMxMS40MDgzIDE1LjAzMzEgMTEuNzM1MSAxNS4yNTU2IDEyLjA2MTEgMTUuNDc3NkMxMi40MTcxIDE1LjcyMDEgMTIuNzcyMiAxNS45NjE5IDEzLjIzMTcgMTYuMjYzMUMxMy4zNDg3IDE2LjMzOTggMTMuNDYwNSAxNi40MTk1IDEzLjU2OTQgMTYuNDk3MUMxMy45ODM3IDE2Ljc5MjUgMTQuMzU1OSAxNy4wNTc5IDE0LjgxNTggMTcuMDE1NUMxNS4wODMgMTYuOTkxIDE1LjM1OSAxNi43Mzk3IDE1LjQ5OTIgMTUuOTkwM0MxNS44MzA1IDE0LjIxOTMgMTYuNDgxNyAxMC4zODIgMTYuNjMyMiA4LjgwMDgxQzE2LjY0NTQgOC42NjIyOCAxNi42Mjg4IDguNDg0OTggMTYuNjE1NCA4LjQwNzE1QzE2LjYwMjEgOC4zMjkzMiAxNi41NzQzIDguMjE4NDIgMTYuNDczMSA4LjEzNjMzQzE2LjM1MzMgOC4wMzkxMSAxNi4xNjgzIDguMDE4NjEgMTYuMDg1NiA4LjAyQzE1LjcwOTUgOC4wMjY3IDE1LjEzMjQgOC4yMjczNSAxMi4zNTUzIDkuMzgyNDRaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9nPgoNPC9zdmc+)
}

.call-to-action-style3 .social li a.instagram::before {
    content: "";
    width: 25px;
    height: 25px;
    top: 3px;
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjZmZmZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4KDTxkZWZzPgoNPHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuOTFweDt9LmNscy0ye2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT4KDTwvZGVmcz4KDTxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjMuODIiLz4KDTxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTIiIGN5PSIxMiIgcj0iNC43NyIvPgoNPGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxOC4yIiBjeT0iNS44IiByPSIxLjQzIi8+Cg08L2c+Cg08L3N2Zz4=)
}


.call-to-action-style3 .phone-icon {
    top: -25px;
    left: 15px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}


.phone-icon {
    animation: scale 5s infinite;
    background-color: #D6EFD8;
    z-index: 2;
}

.phone-icon svg {
    animation: shake 5s infinite;
    fill: #508D4E;
    width: 1.5rem;
    height: 1.5rem;
}

@keyframes scale {
    0% {
        background-color: #D6EFD8;
        transform: scale(1);
    }

    20% {
        background-color: #D6EFD8;
        transform: scale(1.2);
    }

    30% {
        background-color: #D6EFD8;
        transform: scale(1);
    }
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    1% {
        transform: translateX(-1px);
    }

    2% {
        transform: translatex(1px);
    }

    3% {
        transform: translateX(-1px);
    }

    4% {
        transform: translatex(1px);
    }

    5% {
        transform: translateX(-1px);
    }

    6% {
        transform: translatex(1px);
    }

    7% {
        transform: translateX(-1px);
    }

    8% {
        transform: translatex(1px);
    }

    9% {
        transform: translateX(-1px);
    }

    10% {
        transform: translatex(1px);
    }

    11% {
        transform: translateX(-1px);
    }

    12% {
        transform: translatex(1px);
    }

    13% {
        transform: translateX(-1px);
    }

    14% {
        transform: translatex(1px);
    }

    15% {
        transform: translateX(-1px);
    }

    16% {
        transform: translatex(1px);
    }

    17% {
        transform: translateX(-1px);
    }

    18% {
        transform: translatex(1px);
    }

    19% {
        transform: translateX(-1px);
    }

    20% {
        transform: translateX(0);
    }
}
/*end call to action style-3*/


@media only screen and (max-width: 991px) {
    span.phone-action {
        margin: 15px;
        position: static;
        width: 90%;
        display: block;
        text-align: center;
    }

    .call-to-action-style1 {
        text-align: center;
    }


    .call-to-action-style3 .title {
        right: 0;
        font-size: 12px;
        top: -14px;
    }

    .call-to-action-style3 .phone .phone-icon {
        left: 5px;
        top: -30px;
    }

    .call-to-action-style3 .phone .phone-number {
        left: 48px;
        top: -18px;
    }

    .call-to-action-image-style2 {

        display: none;
    }
}

/*zangeneh.info*/

.toc-container {
    border: 1px solid #4682b4;
    border-radius: 10px;
    padding: 15px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    margin-bottom: 20px;
}

.toc-title {
    font-size: 1.5em;
    color: #4682b4;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 2px solid #4682b4;
    padding-bottom: 5px;
}

.toc-item {
    margin-bottom: 8px;
}

.toc-item a {
    text-decoration: none;
    color: #4682b4;
    transition: color 0.3s, padding-left 0.3s;
    display: block;
    padding-left: 5px;
}

.toc-item a:hover {
    color: #333333;
    padding-left: 10px;
}

.toc-item a::before {
    content: "» ";
    color: #4682b4;
    font-weight: bold;
}

.toc-item a.active {
    color: #ffffff;
    background-color: #4682b4;
    border-radius: 5px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.podcast {
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.podcast h3 {
    font-size: 22px;
    color: #4682b4;
    margin-bottom: 20px;
    border-top: 2px solid;
    padding-top: 5px;
    border-radius: 10px;
}

.podcast .audio-container {
    max-width: 400px;
    margin: 0 auto;
    background-color: #f0f0f0;
    border-radius: 10px;
}

.podcast audio {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    outline: none;
}

.podcast audio::-webkit-media-controls-panel {
    background-color: #4682b4;
    border-radius: 5px;
}

.podcast audio::-webkit-media-controls-play-button,
.podcast audio::-webkit-media-controls-timeline,
.podcast audio::-webkit-media-controls-current-time-display,
.podcast audio::-webkit-media-controls-time-remaining-display {
    filter: invert(1);
}

.podcast audio::-webkit-media-controls-volume-slider {
    accent-color: #4682b4;
}
.Video {
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Video h3 {
    font-size: 22px;
    color: #4682b4;
    margin-bottom: 20px;
    border-top: 2px solid;
    padding-top: 5px;
    border-radius: 10px;
}




.quote {
    margin: 20px auto;
    padding: 20px;
    background-color: #f0f8ff;
    border-right: 5px solid #4682b4;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    color: #333333;
}

.quote::before {
    content: "”";
    font-size: 4em;
    color: #4682b4;
    position: absolute;
    right: 10px;
    top: -10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.quote::after {
    content: "“";
    font-size: 4em;
    color: #4682b4;
    position: absolute;
    left: 10px;
    bottom: -46px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.quote p {
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}

.quote .author {
    margin-top: 15px;
    text-align: right;
    font-size: 1em;
    color: #4682b4;
    font-weight: bold;
    padding-right: 50px;
}

.quote .author::before {
    content: "— ";
}

.btnclick {
    display: inline-block;
    padding: 15px 30px;
    font-size: 1.2em;
    color: #ffffff;
    background-color: #4682b4;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin: 5px;
    min-width: 200px;
}

.btnclick:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    text-decoration: none;
    color: none;
}

.btnclick:active {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(2px);
}
.red {
    background-color: #ff0000;
}
.green {
    background-color: #28a745;
}
.blue {
    background-color: #007bff;
}
.yellow {
    background-color: #ffc107;
}
.orange {
    background-color: #fd7e14;
}
.purple {
    background-color: #6f42c1;
}
.pink {
    background-color: #e83e8c;
}
.teal {
    background-color: #20c997;
}
.brown {
    background-color: #8b4513;
}
.gray {
    background-color: #6c757d;
}

.btnclick.red:hover {
    background-color: #cc0000;
}
.btnclick.green:hover {
    background-color: #218838;
}
.btnclick.blue:hover {
    background-color: #0056b3;
}
.btnclick.yellow:hover {
    background-color: #e0a800;
}
.btnclick.orange:hover {
    background-color: #e8590c;
}
.btnclick.purple:hover {
    background-color: #5a3791;
}
.btnclick.pink:hover {
    background-color: #c82362;
}
.btnclick.teal:hover {
    background-color: #17a589;
}
.btnclick.brown:hover {
    background-color: #6b2e0e;
}
.btnclick.gray:hover {
    background-color: #545b62;
}

.colorbox {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 20px auto;
    max-width: 800px;

    .box {
        flex: 1;
        min-width: 150px;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        font-size: 1.2em;
        color: #333;
        background-color: rgba(70, 130, 180, 0.1);
        border: 3px solid #4682b4;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .red {
        background-color: rgba(207, 48, 48, 0.1);
        border-color: #cf3030;
    }
    
    .green {
        background-color: rgba(39, 174, 96, 0.1);
        border-color: #27ae60;
    }
    
    .blue {
        background-color: rgba(41, 128, 185, 0.1);
        border-color: #2980b9;
    }
    
    .yellow {
        background-color: rgba(243, 156, 18, 0.1);
        border-color: #f39c12;
    }
    
    .orange {
        background-color: rgba(211, 84, 0, 0.1);
        border-color: #d35400;
    }
    
    .purple {
        background-color: rgba(142, 68, 173, 0.1);
        border-color: #8e44ad;
    }
    
    .pink {
        background-color: rgba(232, 67, 147, 0.1);
        border-color: #e84393;
    }
    
    .teal {
        background-color: rgba(22, 160, 133, 0.1);
        border-color: #16a085;
    }
    
    .brown {
        background-color: rgba(165, 89, 30, 0.1);
        border-color: #a5591e;
    }
    
    .gray {
        background-color: rgba(127, 140, 141, 0.1);
        border-color: #7f8c8d;
    }
}
a:not([class]) {
    color: #4682b4;
    text-decoration: none;
    position: relative;
    font-weight: bold;
}

a:not([class])::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #4682b4;
    transition: width 0.3s ease;
}

a:not([class]):hover {
    color: #1e4f72;
}

a:not([class]):hover::after {
    width: 100%;
}
.highlight {
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    border-radius: 5px;
    padding: 0 5px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.highlight-blue {
    background: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
    border-radius: 5px;
    padding: 0 5px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.highlight-green {
    background: linear-gradient(120deg, #a8e063 0%, #56ab2f 100%);
    border-radius: 5px;
    padding: 0 5px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.highlight-pink {
    background: linear-gradient(120deg, #ff9a9e 0%, #fad0c4 100%);
    border-radius: 5px;
    padding: 0 5px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.box-gradient-color {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    padding: 30px;
    color: #fff;
    border-radius: 15px;
    margin: 15px auto;
    line-height: 30px;
    text-align: justify;
}

.cta-section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 20px;
    background: linear-gradient(135deg, #4e54c8, #8f94fb);
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin: 5px;
    border-radius: 10px;
}
.cta-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    z-index: 1;
}

.cta-text {
    flex: 1 1 600px;
    margin-bottom: 20px;
    padding: 0 20px;
}

.cta-text h4 {
    font-size: 27px;
    line-height: 2;
    margin: 0;
    position: relative;
    display: inline-block;
}

.cta-text .highlight {
    position: relative;
    color: #fff;
    cursor: pointer;
    background: none;
}

.cta-text .highlight::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));
    border-radius: 2px;
    animation: underline 2s infinite;
}

@keyframes underline {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }
    50% {
        transform: scaleX(1);
        opacity: 1;
    }
    100% {
        transform: scaleX(0);
        opacity: 0;
    }
}

.cta-button-container {
    /*flex: 0 1 200px;*/
    padding: 0 20px;
}

.cta-button {
    display: inline-block;
    padding: 15px 30px;
    font-size: 1.2em;
    color: #4e54c8;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    font-weight: bold;
}

.cta-button:hover {
    background-color: #e0e0e0;
    transform: translateY(-5px);
}

/* Animated Shapes */
.shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0.6;
    animation: float 10s infinite ease-in-out;
}

.shape:nth-child(1) {
    width: 200px;
    height: 200px;
    top: -50px;
    right: -50px;
    animation-delay: 0s;
}

.shape:nth-child(2) {
    width: 150px;
    height: 150px;
    bottom: -50px;
    left: -50px;
    animation-delay: 2s;
}

.shape:nth-child(3) {
    width: 100px;
    height: 100px;
    top: 50%;
    left: -50px;
    animation-delay: 4s;
}

@keyframes float {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-20px) scale(1.1);
        opacity: 0.8;
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 0.6;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .cta-text h2 {
        font-size: 1.8em;
    }
    .cta-button {
        font-size: 1em;
        padding: 12px 25px;
    }
}

@media (max-width: 480px) {
    .cta-text h2 {
        font-size: 1.5em;
    }
    .cta-button {
        font-size: 0.9em;
        padding: 10px 20px;
    }
}

.cta-section-2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin: 5px;
    border-radius: 10px;
}
.cta-container-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    width: 100%;
    z-index: 1;
}

.cta-text-2 {
    flex: 1 1 600px;
    margin-bottom: 20px;
    padding: 0 20px;
}

.cta-text-2 h2 {
    font-size: 2.2em;
    line-height: 1.4;
    margin-bottom: 15px;
}

.cta-text-2 p {
    font-size: 27px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.cta-button-container-2 {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 0 20px;
}

.cta-button-2 {
    display: inline-block;
    padding: 15px 25px;
    font-size: 1.1em;
    font-weight: bold;
    color: #ff7e5f;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cta-button-2:hover {
    background-color: #ffe3d5;
    transform: translateY(-5px);
}

/* Animated Shapes */
.shape-2 {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 4px solid rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    background: none;
    animation: moveShape 12s infinite ease-in-out;
}

.shape-2:nth-child(1) {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.shape-2:nth-child(2) {
    top: 80%;
    left: 10%;
    animation-delay: 2s;
}

.shape-2:nth-child(3) {
    top: 40%;
    right: 5%;
    animation-delay: 4s;
}

.shape-2:nth-child(4) {
    top: 20%;
    right: 10%;
    animation-delay: 6s;
}

.shape-2:nth-child(5) {
    bottom: 10%;
    left: 50%;
    animation-delay: 8s;
}

@keyframes moveShape {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.7;
    }
    50% {
        transform: translate(20px, -20px) scale(1.2);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.7;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .cta-text-2 h2 {
        font-size: 1.8em;
    }
    .cta-button-2 {
        font-size: 1em;
        padding: 12px 20px;
    }
}

@media (max-width: 480px) {
    .cta-text-2 h2 {
        font-size: 1.5em;
    }
    .cta-button-2 {
        font-size: 0.9em;
        padding: 10px 18px;
    }
}

.suggestion-section {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: rgba(70, 130, 180, 0.1);
    border-right: 3px solid #4682b4;
    border-radius: 8px;
    margin: 20px 0;
    text-align: justify;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.suggestion-section h3 {
    font-size: 15px;
    margin: 0;
    margin-left: 10px;
    white-space: nowrap;
}

.suggestion-section a {
    font-size: 1.2em;
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
    border-bottom: 2px solid transparent;
}

.suggestion-section a:hover {
    color: #0056b3;
    border-bottom: 2px solid #0056b3;
}

.custom-bullet-point {
    margin: 20px;
    padding: 15px;
    background-color: rgba(70, 130, 180, 0.1); /* رنگ پس‌زمینه کم‌رنگ */
    border: 2px dashed #4682b4; /* کادر خط‌چین */
    border-radius: 8px;
    list-style: none;
    text-align: justify;
}

.custom-bullet-point li {
    position: relative;
    margin-bottom: 10px;
    padding-right: 40px; /* فضای کافی برای آیکن تیک */
    line-height: 1.6;
}

.custom-bullet-point li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%234682b4" d="M173.898 439.404l-166.4-166.4c-12.496-12.497-12.496-32.759 0-45.256l45.255-45.255c12.497-12.497 32.759-12.497 45.256 0l97.144 97.144 240.903-240.904c12.497-12.497 32.759-12.497 45.256 0l45.255 45.255c12.496 12.497 12.496 32.759 0 45.256l-332.357 332.358c-12.497 12.497-32.759 12.497-45.256 0z"/></svg>') no-repeat center center;
    background-size: contain;
}

.simple-bullet-point {
    margin: 20px;
    padding: 0;
    list-style: none;
    text-align: justify;
}

.simple-bullet-point li {
    position: relative;
    margin-bottom: 10px;
    padding-right: 30px;
    line-height: 1.6;
}

.simple-bullet-point li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%234682b4" d="M173.898 439.404l-166.4-166.4c-12.496-12.497-12.496-32.759 0-45.256l45.255-45.255c12.497-12.497 32.759-12.497 45.256 0l97.144 97.144 240.903-240.904c12.497-12.497 32.759-12.497 45.256 0l45.255 45.255c12.496 12.497 12.496 32.759 0 45.256l-332.357 332.358c-12.497 12.497-32.759 12.497-45.256 0z"/></svg>') no-repeat center center;
    background-size: contain;
}

.contact-section {
    background: linear-gradient(135deg, #4682b4, #5a9bd3);
    color: white;
    padding: 30px;
    text-align: center;
    border-radius: 10px;

}
.contact-section h2 {
    margin-bottom: 20px;
    font-size: 2em;
}

.contact-box {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    color: #4682b4;
    border-radius: 50px;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: 0.5s;
}
.contact-box:hover {
    padding-left: 60px;
    padding-right: 60px;
}

.contact-box img {
    margin-left: 10px;
    animation: ring 1.5s infinite;
    width: 24px;
    height: 24px;
}

@keyframes ring {
    0% { transform: rotate(0); }
    10% { transform: rotate(15deg); }
    20% { transform: rotate(-10deg); }
    30% { transform: rotate(5deg); }
    40% { transform: rotate(-5deg); }
    50% { transform: rotate(0); }
}

.contact-section p {
    margin-bottom: 30px;
    font-size: 1.2em;
}

.social-buttons a {
    display: inline-flex;
    align-items: center;
    margin: 5px;
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    transition: background-color 0.3s;
    width: 100%;
}

.whatsapp {
    background-color: #25D366;
}

.telegram {
    background-color: #0088cc;
}

.instagram {
    background-color: #E1306C;
}

.whatsapp:hover {
    background-color: #1da951;
}

.telegram:hover {
    background-color: #0077b5;
}

.instagram:hover {
    background-color: #c2275d;
}

.social-buttons img {
    margin-left: 8px;
    width: 20px;
    height: 20px;
}

.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 1.2em;
    text-align: right;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #4682b4;
    color: #ffffff;
    text-align: center;
}

.styled-table th, .styled-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    transition: background-color 0.3s ease;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #4682b4;
}

.styled-table tbody tr:hover {
    background-color: #e0f7fa;
    cursor: pointer;
}

.styled-table tbody td {
    color: #333;
}

.styled-table tbody td:first-child {
    font-weight: bold;
    color: #4682b4;
}

.styled-table tbody tr:hover td {
    color: #4682b4;
}

.section-html-preview {
    margin-bottom: 40px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.code-box {
    margin-top: 20px;
    position: relative;
    background-color: #f0f0f0;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    overflow-x: auto;
    font-family: monospace;
    white-space: pre;
    text-align: left;
    direction: ltr;
}

.copy-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    background-color: #4682b4;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.copy-btn:hover {
    background-color: #5a9bd3;
}