:root {
    --color-black: #00174a;
    --color-btn: #01246d;
    --color-white: #ffffff;
    --color-primary: #BFF200;
    --color-green: #06DEA0;
    --color-red: #DF1049;
    --color-orange: #FFAF00;
    --color-light: #e6eaf4;
    --color-silver: #8D96AA;
    --color-gray: #939393;
    --color-dark: #2F3034;
    --color-dark2: #444549;
    --color-ultrawhite: #efe7ff;
    --color-darkgreen: #006956;
    --color-persiangreen: #009989;

}



::-webkit-input-placeholder {
    /* WebKit browsers */
    color: var(--color-darkgreen) !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--color-darkgreen) !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--color-darkgreen) !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: var(--color-darkgreen) !important;
}

html::after {
    border: 12px solid var(--color-black);
    content: "";
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 25px;
    z-index: 0;
}

.sq {
    position: fixed;
    z-index: 9;
    width: 30px;
    height: 30px;
    display: none;
}

.sq1 {
    border-top: 10px solid var(--color-black);
    left: 0;
    top: 0;
    border-left: 10px solid var(--color-black);
}

.sq2 {
    border-top: 10px solid var(--color-black);
    right: 0;
    top: 0;
    border-right: 10px solid var(--color-black);
}

.sq3 {
    border-bottom: 10px solid var(--color-black);
    right: 0;
    bottom: 0;
    border-right: 10px solid var(--color-black);
}

.sq4 {
    border-bottom: 10px solid var(--color-black);
    left: 0;
    bottom: 0;
    border-left: 10px solid var(--color-black);
}



.tooltip * {
    font-family: "IRANSans", "Montserrat";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body { 
    /* background: url(../bg.jpg) no-repeat center center fixed; */
    background: #e6e6e6;
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
      background-size: cover;
 }


.wp-block-heading {
    margin: 35px auto 15px;
    font-weight: 900;
    line-height: 1.5em;
}

header {
    margin: 0 auto;
    padding: 30px;
    position: fixed;
    z-index: 999;
    right: 0;
    left: 0;
    top: 0;
}

.header_inner {
    /* background-color: transparent;  */
    background-color: var(--color-white);
    border-radius: 15px;
    padding: 30px 15px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    transition: all 2000ms cubic-bezier(1, 0, 0, 1);
}

.mainheader.nav-down {
    top: -200px;
    transition: all 2000ms cubic-bezier(1, 0, 0, 1);

}

.mainheader.nav-up {
    top: 0;
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}

.headerbg .header_inner {
    padding: 20px;
    background-color: var(--color-white) !important;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}


.hd-menu {
    display: none;
}


header .logo {
    min-width: 150px;
    display: block;
    margin: -3px 10px -50px auto;
    width: 150px;
}

/* header .logo:hover {
    animation: energy 0.5s infinite;
    -webkit-animation: energy 0.5s infinite;
}
 */

@keyframes energy {
    0% {
        transform: scale (1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.2, 0.8);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}


header .logo h1 {
    display: none;
}

.header_inner .mainmenu {
    width: 100%;
    display: flex;
    justify-content: center;
}

.navbar-nav.headermenu {
    float: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.navbar-nav.headermenu>.nav-item {
    display: block;
    float: right;
}


.navbar-nav.headermenu .nav-item a {
    color: var(--color-black);
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    padding: 15px;
    font-weight: bold;
    position: relative;
    transform: none;
    margin: 0 4px;
    border-radius: 15px;
    overflow: hidden;
    min-width: 120px;
    text-align: center;
    transition: all 2000ms cubic-bezier(1, 0, 0, 1);
}

.navbar-nav.headermenu .nav-item a.dropdown-toggle.show,
.navbar-nav.headermenu .nav-item a:hover {
    color: var(--color-black) !important;
    background: rgba(255, 255, 255, 0.2);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
}


.navbar-nav.headermenu .nav-item a::after {
    position: relative;
    margin: 0 6px;
    float: left;
    top: 11px !important;
}


.dropdown-menu a.dropdown-item {
    transform: none;
    color: var(--color-silver) !important;
    background: transparent !important;
    font-weight: normal;
    padding: 5px;
    display: block;
    max-width: 100%;
    border-radius: 10px;
    font-size: 16px;
    text-align: right !important;
    white-space: nowrap;
}

.header_iconic .dropdown-menu,
.headermenu .dropdown-menu {
    padding: 5px 5px;
    /* border-radius: 15px;  */
    border: 2px solid var(--color-white) !important;
    width: 100%;
    min-width: 200px;
    white-space: nowrap;
    box-shadow: none !important;
}

.header_iconic .dropdown-menu {
    min-width: 200px;
}


.dropdown-menu {
    border: 2px solid var(--color-primary) !important;
}


.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item:focus {
    color: var(--color-black) !important;
    background: transparent !important;

}

.dropdown-menu a.dropdown-item:before {
    display: none;
}

.header_iconic {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    min-width: 250px;
}

.header_iconic>li {
    margin: 0 10px 0 0;
}

.header_iconic>li>a {
    width: 45px;
    height: 45px;
    color: var(--color-black);
    font-size: 16px;
    border-radius: 15px;
    text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all 2000ms cubic-bezier(1, 0, 0, 1);
}

.dropdown-menu.down-langs a.dropdown-item {
    font-weight: bold;
    font-size: 15px;
    width: 100% !important;
}

.header_iconic .nav-item i {
    float: right;
    font-style: normal;
    font-weight: bold;
    color: var(--color-black);
    font-size: 13px;
    border: 2px solid var(--color-black);
    width: 26px;
    height: 26px;
    margin-left: 8px;
    text-align: center;
    border-radius: 7px;
    line-height: 24px;
}

i.lngfa {
    font-family: "IRANSans";
    font-size: 17px !important;
}

.header_iconic .nav-item small {
    font-size: 12px;
    float: left;
}

.header_iconic .nav-item:hover i {
    background-color: var(--color-black);
    color: var(--color-white);
}


.header_iconic>li>a::after {
    display: none;
}

.header_iconic>li>a b {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.header_iconic>li a:hover,
.header_iconic>li a:focus {
    color: var(--color-black);
    background: rgba(255, 255, 255, 0.2);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
}


.header_iconic li a svg {
    width: 29px;
    height: 29px;
}

.header_iconic li a svg path,
.header_iconic li a:hover svg path {
    fill: var(--color-black);
}

.topbar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}

.topbar a {
    display: block;
    background: var(--color-black);
    color: var(--color-white);
    text-align: center;
    padding: 10px;
}


.topbar a:hover {
    background: var(--color-black);
    color: var(--color-primary);
}

.topbar a svg path {
    fill: var(--color-white);
}

.topbar a svg {
    width: 26px;
    margin-right: 10px;
    height: 26px;
}

.title {
    position: relative;
    width: 100%;
}

.title.bigtitle {
    margin: 0 0 50px;
}


.maintitle {
    text-align: center;
    float: none;
    margin: 0 0 30px;
}


.title h2,
.title h1 {
    font-weight: 900;
    font-size: 40px;
    float: none;
}


.title.bigtitle h2,
.title.bigtitle h1 {
    float: none;
    text-align: center;
    font-size: 70px;
    display: block;
    font-weight: 900;
}

.title.maintitle h2,
.title.maintitle h1 {
    float: none;
    text-align: center;
    display: block;
}


.title h2.subtitle {
    font-weight: normal;
    font-size: 18px;
}

.overflow {
    overflow: hidden;
}


.sec .container {
    z-index: 9;
    position: relative;
}

/*intro*/
.intro {
    height: auto;
    min-height: 700px;
    display: flex;
    /*background-color: #0d9c75;
     background-image: linear-gradient(0deg, #0d9c75 0%, #99de0b 100%); */
    position: relative;
    overflow: visible;
}

.intro_title {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    max-width: 800px;
    margin: 0 auto;
    top: 200px;
    z-index: 99;
}

.intro_title h1 {
    font-size: 70px;
    text-align: center;
    font-weight: 900;
    display: block;
    color: var(--color-darkgreen);
}

.removebg .intro_title h1 {
    color: var(--color-black);
}


.intro_title h2 {
    font-size: 20px;
    text-align: center;
    display: block;
    color: var(--color-black);
    font-weight: normal;
}


.intro_link,
.intro_link:hover {
    max-width: 200px;
    display: block;
    margin: 40px auto 0;
    position: relative;
    z-index: 9;
    background-color: var(--color-white);
    background-size: 400%;
    background-position: -100%;
    border-radius: 50px;
    color: var(--color-black);
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 0 rgba(6, 222, 160, 0);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}

.intro_link:hover {
    background-color: var(--color-btn);
    background-position: -200%;
    color: var(--color-white);
    box-shadow: 0 50px 100px rgba(1, 36, 109, .5);
    transform: scale(1.2);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
}


.intro_link img {
    position: absolute;
    top: -42px;
    width: 80px;
    z-index: -1;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.intro_motion {
    position: relative;
    width: 100%;
    height: 80%;
    min-width: 1100px;
    z-index: 9;
}

.intro_img {
    position: absolute;
    max-width: 200px;
}

.intro_img.img11 {
    right: 100px;
    /* bottom: 50px; */
    top: 250px;
    animation: imgintro1 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.intro_img.img12 {
    right: 10px;
    /* bottom: 50px; */
    top: 300px;
    animation: imgintro1 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.intro_img.img_1 {
    right: 50px;
    /* bottom: 50px; */
    top: 500px;
    animation: imgintro1 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.intro_img.img_1_bg {
    animation: imgintro1 7s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes imgintro1 {
    0% {
        transform: translateY(-30px) translateX(-30px);
    }

    50% {
        transform: translateY(30px) translateX(30px);
    }

    100% {
        transform: translateY(-30px) translateX(-30px);
    }
}

.intro_img.img_2 {
    left: 50px;
    top: 250px;
    /* bottom: -100px; */
    max-width: 250px;
    animation: imgintro2 15s cubic-bezier(1, 0, 0, 1) infinite;
}


.intro_img.img_2_bg {
    z-index: 9;
    animation: imgintro2 11s cubic-bezier(1, 0, 0, 1) infinite;
    width: 200px;
    top: 500px;
}

@keyframes imgintro2 {
    0% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(-30px);
    }
}

.intro_img.img_3 {
    right: 150px;
    bottom: -350px;
    max-width: 700px;
}


.cloud_img {
    position: absolute;
    width: 150px;
    z-index: 9;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.cl_1 {
    /* bottom: 600px; */
    top: 500px;
    left: 150px;
    right: auto;
    animation: cloud-line 9s cubic-bezier(1, 0, 0, 1) infinite;
}


.cl_2 {
    /* bottom: 200px; */
    top: 300px;
    /* right: 1200px; */
    left: -1000px;
    width: 200px;
    animation: cloud-line 12s cubic-bezier(1, 0, 0, 1) infinite;
}



@keyframes cloud-line {
    0% {
        transform: translateX(30px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(30px);
    }
}

 .fixmarq {
    position: absolute;
    bottom: 0;
    font-size: 22px;
    right: 0;
    left: 0;
    z-index: 1;
    background: var(--color-white);
    color: var(--color-silver);
    padding: 20px;
    transition: all 10ms cubic-bezier(1, 0, 0, 1);
    /*transition: all 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55); */
    /*transition: all 1ms ease-in; */
    
    margin: 15px;
    font-weight: bold;
    border-radius: 10px;
    bottom: -150px;
}


.intro .fixmarq.hidemarq {
    bottom: -1111700px !important;
    transition: all 5ms cubic-bezier(1, 0, 0, 1);
}




/*footer*/
.upfooter {
    background-color: #fff;
    direction: rtl;
    text-align: center;
    padding-top: 15px !important;
}

.upfooter .icon {
    /* width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: black; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}




/* .upfooter .icon img {
    width: 25px;
    height: 25px;
} */




.footer {
    /* background-color: #4a4a4a;  */
    background-color: #636464;
    color: white;
}

.footer a {
    color: white;
    text-decoration: none;
    margin-top: 50px;
    padding: 30px !important;
}

.footer a:hover {
    text-decoration: underline;
}

.footer-logo img {
    max-width: 250px;
    margin-top: 50px;
}

.footer li {
    padding: 8px !important;
}

.search-bar-container {
    position: relative;
    max-width: 300px;
    margin: auto;
}

.search-bar {
    width: 100%;
    padding: 8px 40px 8px 12px;
    border: none;
    border-radius: 5px;
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #333;
}

.footer-bottom {
    background-color: #404041;
    padding: 10px 0;
    text-align: center;
    /* margin-top: 20px; */
}

.footer-bottom {
    padding: 10px 0;
    color: #fff;

}

.footer-bottom p {
    text-align: center !important;
    margin-top: 10px;
}





/* footer {
    background-color: #636363;
    padding: 150px 0 100px;
    position: relative;
    z-index: 9;
}

footer .flexrow {
    display: flex;
    flex-wrap: nowrap;
}

.col_footer_title span {
    display: block;
    text-align: justify;
    margin-bottom: 20px;
    color: var(--color-white);
    line-height: 1.7em;
}

.col_footer_title h2 {
    font-size: 30px;
    font-weight: bold;
    color: var(--color-white);
    display: block;
    margin: 0 0 20px;
    line-height: 1.3em;
}

.col_social {
    padding-right: 25px;
}

.col_social>span {
    text-align: left;
    display: block;
    margin: 15px 0;
}

.bigtel,
.bigtel:hover {
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: var(--color-white);
    display: block;
    margin: 0;
    line-height: 1.3em;
    direction: ltr;
    float: left;

}

.bigtel:hover {
    color: var(--color-primary);
}

.socials {
    display: flex;
    align-content: center;
    justify-content: left;
    margin: 10px 0 0;
    padding: 0;
}

.socials a svg {
    width: 35px;
    height: 35px;
    margin: 0 20px 0 0;
}

.socials a svg path {
    fill: var(--color-white);
}


.socials a:hover svg path {
    fill: var(--color-primary);
}

.footerlogo {
    max-width: 200px;
    display: block;
    margin-left: 70px;
}

.footerlogo svg {
    width: 100%;
}

.footerlogo svg path {
    fill: var(--color-primary);
}

.footer_menus {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 50px auto;
}

.footer_col_menu {
    width: auto;
    min-width: 20%;
    padding-left: 50px;
    color: var(--color-white);
}

.footer_col_menu.footer_col_double {
    min-width: 40%;
}

.footer_col_menu h2 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.footer_col_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.footer_col_menu.footer_col_double ul {
    display: flex;
    column-width: 50%;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 250px;
    column-count: 2;
}


.footer_col_menu ul li a {
    color: var(--color-white);
    font-size: 16px;
    padding: 5px 20px 5px 5px;
    display: block;
    position: relative;
    transition: all 4000ms cubic-bezier(1, 0, 0, 1);
}

.footer_col_menu ul li a::before {
    content: "";
    height: 5px;
    background: var(--color-white);
    right: 0;
    position: absolute;
    display: block;
    width: 5px;
    margin: 12px 0;
    border-radius: 50%;
    opacity: .3;
    transition: all 4000ms cubic-bezier(1, 0, 0, 1);
}

.footer_col_menu ul li a:hover::before {
    transform: scale(3);
    transition: all 100ms cubic-bezier(1, 0, 0, 1);
    opacity: 1;
}


.footer_col_menu ul li a:hover {
    transition: all 100ms cubic-bezier(1, 0, 0, 1);
    color: var(--color-primary);
}




.copyright b {
    font-size: 22px;
    margin: 5px;
    display: inline-block;
    position: relative;
    top: 5px;
    font-weight: normal;
}

.copyright {
    display: block;
    padding: 10px;
}

 */

/*tag line*/
.tagline {
    height: auto;
    /*background-color: #38cabe;
     background-image: linear-gradient(0deg, #38cabe 0%, #0d9c75 100%); */
    position: relative;
    padding: 100px 0;
    display: flex;
    align-items: center;
}

.tagline .container {
    display: flex;
    flex-wrap: nowrap;
}

.tagline_col2 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 80px;
}

.tagline_title {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tagline_title h2 {
    font-size: 40px;
    font-weight: 900;
    display: block;
    color: var(--color-black);
    width: 100%;
    line-height: 1.5em;
    margin-bottom: 25px;
}


.tagline_title span {
    font-size: 16px;
    line-height: 1.7em;
    display: block;
    padding: 0;
    text-align: justify;
    color: var(--color-black);
    font-weight: normal;
}


.tagline_link,
.tagline_link:hover {
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    display: block;
    color: var(--color-black);
    padding: 10px 0;
    font-weight: bold;
    border-top: 3px solid var(--color-black);
    margin-top: 20px;
}

.tagline_motion {
    position: relative;
}

.tagline_col1 {
    padding: 70px;
}

.tagline_img.tg_1 {
    width: 25%;
    height: auto;
    /* display: block; */
    margin: 0 auto;
    left: 700px;
    /* transform: rotate(10deg) translateY(-5px) translateX(-10px);
    animation: imgtag1 15s cubic-bezier(1, 0, 0, 1) infinite;
    border-radius: 50px; */
}

@keyframes imgtag1 {
    0% {
        transform: rotate(10deg) translateY(-5px) translateX(-10px);
    }

    50% {
        transform: rotate(-10deg) translateY(10px) translateX(10px);
    }

    100% {
        transform: rotate(10deg) translateY(-5px) translateX(-10px);
    }
}


.tagline_bg {
    background: var(--color-white);
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;

}

.tagline_hd {
    position: absolute;
    width: 450px;

}

.tagline_hd.hd_1 {
    right: 100px;
    top: 0;
    /*  animation: cloud-line 25s cubic-bezier(1, 0, 0, 1) infinite; */
}

.tagline_hd.hd_2 {
    position: absolute;
    width: 200px;
    right: 225px;
    top: 125px;
    animation: anim_img1_m_0 12s cubic-bezier(1, 0, 0, 1) infinite;
    border-radius: 50px;
}


@keyframes cloud-line {
    0% {
        transform: translateX(30px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(30px);
    }
}

.circles {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 20px 0;
    justify-content: center;
    align-content: center;
}

.circles li {
    margin: 15px;
    width: 100px;
    height: 100px;
    background: var(--color-black);
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: default;
    position: relative;
    transform: scale(1);
    transition: all 1500ms cubic-bezier(1, 0, 0, 1);
}

.circles li:hover {
    transform: scale(1.3);
    transition: all 300ms cubic-bezier(1, 0, 0, 1);
}


.circles.multicolor li {
    background: var(--color-darkgreen);
}


.circles.multicolor li:nth-child(even) {
    background: var(--color-persiangreen);
}

.circles li label {
    font-size: 12px;
    display: block;
    color: var(--color-gray);
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5px;
    padding: 0 20px;
}

.circles li b {
    font-size: 28px;
    font-family: "Montserrat", "IRANSans";
    line-height: 25px;
    text-transform: uppercase;
    margin-top: -3px;
    color: var(--color-white);
    padding: 0 5px;
    text-align: center;
}

.aboutbox .circles li b {
    transform: rotate(-22deg);
    font-size: 21px;
    text-align: center;
    line-height: 1.2em;
    padding: 15px;
    letter-spacing: -1px;
}

.aboutbox .circles li:hover {
    z-index: 9;
}


/*about*/
.aboutbox {
    height: auto;
    /*background-color: #d2edc7;
     background-image: linear-gradient(0deg, #d2edc7 0%, #38cabe 100%); */
    position: relative;
    padding: 100px 0;
    display: flex;
    align-items: center;
}


.aboutbox_col1 {
    padding: 40px;
}

.about_title {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    text-align: justify;
    text-justify: inter-word;
}

.about_title h2 {
    font-size: 40px;
    font-weight: 900;
    display: block;
    color: var(--color-black);
    margin-bottom: 25px;
    text-align: justify;
    text-justify: inter-word;
}

.about_title h3 {
    font-size: 20px;
    display: block;
    color: var(--color-black);
    font-weight: bold;
    line-height: 1.7em;
    text-align: justify;
    text-justify: inter-word;
}

.about_title span {
    font-size: 16px;
    display: block;
    color: var(--color-black);
    font-weight: normal;
    line-height: 1.7em;
    text-align: justify;
    text-justify: inter-word;
}


.about_link,
.about_link:hover {
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    display: block;
    color: var(--color-black);
    padding: 10px 0;
    font-weight: bold;
    border-top: 3px solid var(--color-black);
    margin-top: 20px;
}

.aboutbox_hd {
    position: relative;
    width: 400px;

}

.aboutbox_hd.hd_1 {
    right: 200px;
    top: 0;
    /*  animation: cloud-line 25s cubic-bezier(1, 0, 0, 1) infinite; */
}

.aboutbox_motion {
    position: relative;
}

.anim_img {
    position: absolute;
    width: 30%;
    right: 130px;
    bottom: 0;
}

.anim_img.anim_img1 {
    animation: anim_img1_m_0 2s linear infinite;
    right: 165px;
    bottom: 165px;
}

.anim_img2 {
    /* animation: anim_img1_m 7s cubic-bezier(1, 0, 0, 1) infinite; */
    position: absolute;
    width: 50%;
    right: 200px;
    top: 200;
}

.anim_img202 {
    animation: anim_img1_m 7s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    width: 30%;
    right: 0;
    bottom: 0;
}



@keyframes anim_img1_m_0 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes anim_img1_m {
    0% {
        transform: translateY(0) translateX(0) scale(1);
    }

    50% {
        transform: translateY(0) translateX(0) scale(1.4);
    }

    100% {
        transform: translateY(0) translateX(0) scale(1);
    }
}

.anim_img202 {
    z-index: -1;
    animation: anim_img2_m 7s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes anim_img2_m {
    0% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(-30px);
    }
}



/*pcategories*/
.pcategories {
    height: auto;
    /* background-color: #d8b4d6; */
    /* background-image: linear-gradient(0deg, #d8b4d6 0%, #d2edc7 100%); */
    position: relative;
    padding: 50px 0 150px;
    display: flex;
    align-items: center;
}


.cats {
    display: flex;
    flex-wrap: wrap;
    margin: 25px auto 50px;
}

.cats li {
    padding: 5px;
}


.cats li.current-menu-item {
    order: -1;
}

.cats li a:hover,
.cats li a {
    display: block;
    position: relative;
    z-index: 91;
    font-size: 18px;
    color: var(--color-black);
    background: var(--color-white);
    padding: 15px;
    overflow: visible;
    border-radius: 50px;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.innersec .cats {
    padding: 0 15px;
    margin: 10px auto;
}

.cats li>label {
    color: var(--color-silver);
    display: block;
    margin: 0;
    padding: 14px 0 14px 20px;
}


.cats li.current-menu-item a {
    color: var(--color-white);
    background: var(--color-black);
}


.cats li a:hover {
    color: var(--color-white);
    background: var(--color-black);
    transition: all 100ms cubic-bezier(1, 0, 0, 1);
}

.categories_grid {
    display: flex;
    flex-wrap: wrap;
}

.categories_grid .swiper-slide {
    width: 25%;
    float: right;
}

.categories_grid .swiper-slide:hover {
    z-index: 9;
}

.prothumb {
    position: relative;
    display: flex;
    padding: 15px;
    max-width: 245px;
    margin: 0 auto;
}


.prothumb>a {
    display: block;
}

.proimg_multi {
    position: relative;
    margin-bottom: 15px;
}

.promain_img {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto;
    z-index: 9;
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
    border-radius: 10px;
}

.image_bg_pros {
    position: absolute;
    right: 0;
    left: 0;
    transform: scale(0.9);
    border-radius: 10px;
}

.proimg_multi .image_bg_pros:nth-child(1) {
    transform: translateX(60px) translateY(15px) scale(0.8);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}

.proimg_multi .image_bg_pros:nth-child(2) {
    transform: translateX(-60px) translateY(15px) scale(0.8);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}



.prothumb:hover .proimg_multi .image_bg_pros:nth-child(1) {
    transform: translateX(60px) translateY(15px) scale(0.7) rotate(10deg);
    filter: blur(5px);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
}

.prothumb:hover .proimg_multi .image_bg_pros:nth-child(2) {
    transform: translateX(-60px) translateY(15px) scale(0.7) rotate(-10deg);
    filter: blur(5px);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
}



.prothumb:hover .proimg_multi .promain_img {
    transform: translateY(15px) scale(1.3) rotate(-10deg);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}




.prothumb h2 {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black);
}

.pro_chat {
    z-index: 9;
    position: relative;
}

.bubble {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;
}

.bubble.writing {
    width: 80px;
}


.bubble.writing.bl1 {
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(0) translateY(200px) scale(0);
}

.prothumb:hover .bubble.writing.bl1 {
    transition: all 300ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(170px) translateY(150px) scale(1);
}

.bubble.writing.bl2 {
    transition: all 1000ms 100ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(0) translateY(100px) scale(0);
}

.prothumb:hover .bubble.writing.bl2 {
    transition: all 300ms 200ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(-170px) translateY(0) scale(1);
}

.bubble.writing>div {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 100%;
    padding: 0 0 0 9px;
}

.bubble.writing.bl2>div {
    padding: 0 9px 0 0;
}


.bubble.writing div i {
    background: var(--color-gray);
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px;
}


.bubble.writing div i:nth-child(1) {
    animation: blink 1s 0.1s infinite;
    -webkit-animation: blink 1s 0.1s infinite;
}

.bubble.writing div i:nth-child(2) {
    animation: blink 1s 0.3s infinite;
    -webkit-animation: blink 1s 0.3s infinite;
}

.bubble.writing div i:nth-child(3) {
    animation: blink 1s 0.5s infinite;
    -webkit-animation: blink 1s 0.5s infinite;
}

@keyframes blink {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

.bubble.showcm {
    background: var(--color-white);
    padding: 20px 25px;
    color: var(--color-black);
    font-size: 15px;
    width: 180px;
}

.bubble.showcm.bl3 {
    transform: translateX(0) scale(0);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
    border-radius: 25px 25px 25px 0 !important;
}


.prothumb:hover .bubble.showcm.bl3 {
    transform: translateX(190px) translateY(-80px) scale(1);
    transition: all 300ms 350ms cubic-bezier(1, 0, 0, 1);
}



.bubble.showcm.bl4 {
    transform: translateX(0) translateY(210px) scale(0);
    transition: all 1000ms 100ms cubic-bezier(1, 0, 0, 1);
    border-radius: 25px 0 25px 25px !important;
}


.prothumb:hover .bubble.showcm.bl4 {
    transform: translateX(-180px) translateY(200px) scale(1);
    transition: all 300ms 500ms cubic-bezier(1, 0, 0, 1);
}



/*blogbox*/
.blogbox {
    height: auto;
    /* background-color: #D9AFD9;
    background-image: linear-gradient(0deg, #D9AFD9 0%, #8EC5FC 100%); */
    position: relative;
    padding: 50px 0;
    display: flex;
    align-items: center;
}

.blogbox .title h2 {
    color: var(--color-black);
    font-weight: 900;
}

.swiper-pagination {
    position: relative !important;
    margin: 10px auto;
    border-radius: 15px;
    overflow: hidden;
    padding: 0;
}

.swiper-wrapper {
    margin-bottom: 20px;
}

.swiper-pagination-bullet {
    background: var(--color-black) !important;
    opacity: .8;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);

}


.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-black) !important;
    border-radius: 15px !important;
    width: 25px !important;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.swp {
    position: relative;
    margin: 25px auto;
}

.swp-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    padding: 2px;
    z-index: 99;
    background: var(--color-black);
    border-radius: 50%;
}

.swp:hover .swp-nav {
    opacity: 1;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.swp-nav.swiper-button-next-big {
    left: -50px;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);

}

.swp-nav.swiper-button-prev-big {
    right: -50px;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}


.swp:hover .swp-nav.swiper-button-next-big {
    left: -10px;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.swp:hover .swp-nav.swiper-button-prev-big {
    right: -10px;
    transition: all 500ms cubic-bezier(1, 0, 0, 1);

}

.swp-nav svg {
    width: 45px;
    height: 45px;
}

.swp-nav svg path {
    fill: var(--color-white);
}



.newthumb {
    margin: 20px;
}

.newthumb>a {
    display: block;
    padding: 50px;
    color: var(--color-black);
    position: relative;
    z-index: 0;
    background: var(--color-ultrawhite);
    border-radius: 25px;
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}

.removebg .newthumb>a,
.innersec .newthumb>a {
    background: var(--color-white);
}

.newthumb:hover>a {
    transform: scale(1.05);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
}

.posdet {
    list-style: none;
    margin: 0 0 10px;
    display: flex;
    color: var(--color-gray);
}

.posdet li {
    margin-left: 20px;
    font-size: 15px;
}

.newthumb>a>h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 80%;
    line-height: 1.6em;
    height: 77px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;


}

.newthumb>a>span {
    display: block;
    padding: 0;
    line-height: 1.8em;
    min-height: 110px;
}



/*videos*/
.videobox {
    height: auto;
    /* background-color: #8EC5FC;
    background-image: linear-gradient(0deg, #8EC5FC 0%, #d8b4d6 100%); */
    position: relative;
    padding: 100px 0;
    display: flex;
    align-items: center;
}

.videos_grid {
    display: flex;
    flex-wrap: nowrap;
    margin: 25px 0 50px;
}

.mb0 {
    margin-bottom: 0 !important;
}


.ma0 {
    margin: 0 !important;
}

.videos_grid .smallitems {
    display: flex;
    flex-wrap: wrap;
}

.grd_new .smallitems.swiper-slide,
.videos_grid .swiper-wrapper.smallitems .swiper-slide {
    width: 50%;
}

.grd_new .swiper-slide.smallitems {
    width: 25%;
}

.grd_gallery .swiper-slide {
    width: 25%;
}

.videobox .title h2 {
    color: var(--color-black);
}

.vidthumb {
    margin: 15px;
}


.vidthumb .widback {
    width: 100%;
    border-radius: 25px;
}

.smallitems .vidthumb .widback {
    margin-bottom: 11px;
}

.vidthumb>a {
    display: block;
    padding: 5px;
    overflow: hidden;
    color: black;
    position: relative;
    z-index: 0;
    background: white;
    border-radius: 25px;
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}

.removebg .vidthumb>a,
.innersec .vidthumb>a {
    background: var(--color-white);
}

.vidthumb:hover>a {
    transform: scale(1.05);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
}


.vidthumb>a>h2 {
    font-weight: bold;
    line-height: 1.6em;
    padding: 0 25px;
    font-size: 25px;
    height: 40px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 15px 0;
}

.smallitems .vidthumb>a>h2 {
    max-width: 100%;
    padding: 0 15px;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    -webkit-line-clamp: 1;
    margin: 0 0 9px;
}

.grd_new .swiper-slide.smallitems .vidthumb>a>h2 {
    -webkit-line-clamp: 2;
    height: 60px;
}


.vidthumb>a>small {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 25px;
    background: rgba(0, 0, 0, 0.664);
    padding: 7px 15px;
    border-radius: 15px;
    color: var(--color-white);
}

.videomode {
    position: absolute;
    right: 0;
    top: 0;
    margin: 16px;
    background: var(--color-white);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 10px;
}


.smallitems .videomode {
    width: 35px;
    height: 35px;
    padding: 8px;
}

.videomode svg {
    width: 22px;
    position: relative;
    margin: 0 auto;
    right: -1px;
}



/*loading*/

#ctis-loading {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 100px auto;
}

#ctis-loading {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

#ctis-loading img {
    display: block;
    margin: 0 auto;
    max-width: 70px;
    animation: loading 400ms ease-in-out infinite;
}

@keyframes loading {
    100% {
        transform: rotate(360deg);
    }
}


/*archive*/
.sec.innersec {
    margin-top: 190px;
    margin-bottom: 100px;
    color: var(--color-black);
}

.sec.innersec.aboutbox {
    padding: 0;
    margin-bottom: 50px;
}

.sec.innersec .title h2,
.sec.innersec .title h1 {
    color: var(--color-black);
}

.grd_gallery,
.grd_new {
    display: flex;
    flex-wrap: wrap;
}


.grd_new .swiper-slide {
    max-width: 50%;
    width: 50%;
}



/*single*/

.mainpost {
    display: block;
    padding: 15px;
}

.mainpost>* {
    max-width: 50%;
    margin: 15px auto;
    color: var(--color-black);
}

.mainpost .wp-video {
    max-width: 100%;
    width: 100%;
}

.mainpost>.imgpost {
    overflow: hidden;
    max-width: 80%;
    margin: 15px auto;
}

.mainpost>p {
    display: block;
    line-height: 2.2em;
}

.mainpost>p>a {
    color: var(--color-black);
    position: relative;
    font-weight: bold;
    border-bottom: 2px solid transparent;
}

.mainpost>p>a:hover {
    color: var(--color-black);
    border-bottom: 2px solid var(--color-black);
}

blockquote {
    border-right: 5px solid var(--color-persiangreen);
    font-size: 16px;
    padding: 40px;
    color: var(--color-black) !important;
    margin: 20px 0;
    line-height: 2.2em;
}

.sw_slideshow {
    max-width: 90%;
    width: 1400px;
}

.topslider-slide a {
    display: block;
    overflow: hidden;
    border-radius: 25px;
    padding: 5px;
    margin: 10px;
    transform: scale(1);
    background-color: var(--color-white);
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
}

.topslider-slide a img {
    border-radius: 25px;
}

.topslider-slide a:hover {
    transform: scale(1.05);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
}


/*search*/

.topsearch {
    width: 100%;
    position: relative;
    padding: 5px 20px;
    margin: 0;
}

.topsearch input.sput {
    background: var(--color-white);
    margin: 0 !important;
    padding: 10px 20px 10px 60px;
    border-radius: 15px !important;
    color: var(--color-black) !important;
    height: 70px;
    border: 0;
    font-size: 18px;
    text-align: right;
}

.topsearch input.sput:focus {
    box-shadow: none;
}

.topsearch button.sbtn {
    border: 0;
    position: absolute;
    left: 20px;
    top: 0;
    background: transparent;
    margin: 0;
    padding: 23px;
}

.topsearch button.sbtn svg path {
    fill: var(--color-black);
}

.topsearch button.sbtn svg {
    position: relative;
    width: 30px;
    height: 30px;
}


/*error*/
.errorpage {
    height: 100vh;
    width: 100%;
    color: var(--color-black);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.erroricon {
    float: right;
    position: relative;
    z-index: 9;
}

.erroricon {
    height: 80px;
    width: 80px;
    margin: 20px auto;
}

.errorlogo {
    max-width: 200px;
    margin: 15px auto;
    display: block;
}

.errorbox>* {
    width: 100%;
    color: var(--color-black);
}

.errorbox {
    float: none;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    position: relative;
    z-index: 9;
    max-width: 450px;
    padding: 30px 0;
    width: 100%;
}

.errorbox .btn {
    max-width: 240px;
    display: block;
    margin: 10px auto;
    padding: 15px 10px;
    font-size: 18px;
    font-weight: bold;
}

.errorbox * {
    text-align: center;
}

.errorbox h1 {
    font-weight: bold;
    font-size: 40px;
}

.errorbox p {
    font-size: 16px;
}

.mainlog {
    width: 150px;
    margin-bottom: 30px;
}



/*contact*/
.contactpage .container {
    max-width: 1000px;
    margin: 0 auto;
}

.float-right {
    float: right;
}

.wpcf7-form label {
    width: 100%;
    font-size: 16px;
}

.wpcf7-submit {
    width: 100%;
}

.contactlist {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 50px;
    color: var(--color-dark);
}

.contactlist li {
    width: 100%;
    padding: 5px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.contactlist li b {
    float: right;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}

.contactlist li svg {
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin: 0;
    padding: 22px;
}

.contactlist li label {
    display: block;
    margin: 0;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: var(--color-black);
}



/* video player*/

.tvplayer {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 9;
    margin-bottom: -100px;
    animation: scrolling 1500ms 1s alternate ease-in-out;
    -webkit-animation: scrolling 1500ms 1s alternate ease-in-out;
}


@keyframes scrolling {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: -250px;
    }

    100% {
        margin-top: 0;
    }


}



.hd-player {
    position: absolute;
}

.hd-player .navbar-brand svg path {
    fill: var(--color-white);
    opacity: .4;
}

.hd-player .navbar-brand:hover svg path {
    opacity: .8;
}

.back-video {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 15px;
    font-size: 15px;
    color: var(--color-white);
    border-radius: 15px;
}

.back-video:hover {
    background: rgba(0, 0, 0, 0.8);
    color: var(--color-white);
}


.back-video svg {
    width: 30px;
    height: 30px;
}

.back-video svg path {
    fill: var(--color-white);
}

.vjs-control-bar {
    direction: ltr;
    margin: 15px;
    width: auto !important;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vjs-control-bar * {
    direction: ltr;
}

.video-js {
    width: 100%;
    margin: 0 auto;
    border: 0 !important
}

.video-js .vjs-control-bar * {
    font-family: "Montserrat", VideoJS;
}

.vjs-resolution-button .vjs-resolution-button-staticlabel {
    position: absolute;
    margin: 0 auto;
    z-index: 0;
    right: 0;
    left: 0
}

.video-js-btn {
    position: relative;
    bottom: -200px
}

.vjs-button {
    padding: 0 !important
}

.video-js .vjs-control-bar {
    background-color: rgba(0, 0, 0, .3);
    font-size: 14px
}

.video-js .vjs-big-play-button {
    margin: 0 auto;
    float: none;
    position: absolute !important;
    right: 0;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    border-radius: 50% !important;
    width: 100px !important;
    height: 100px !important;
    background: rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .5);
    border: 0 !important;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    line-height: 100px !important;
    font-size: 50px !important;
    color: #fff
}



/*post details*/
.post_connections {
    display: flex;
    width: 100%;
    max-width: 90%;
    margin: 10px auto 20px;
    padding-bottom: 20px;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    border-bottom: 1px solid var(--color-light);
}

.headbtns {
    display: flex;
}

.headbtns li {
    padding-right: 15px;
}

.headbtns li a {
    display: block;
    transform: scale(1);
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.headbtns li a img {
    height: 65px;
}

.headbtns li a:hover {
    transform: scale(1.1);
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.post_get_circles {
    display: flex;
    align-items: center;
}

.post_get_circles li {
    padding-left: 15px;
}

.post_get_circles li label {
    color: var(--color-gray);
    padding-left: 10px;
}

.post_get_circles a {
    display: block;
    max-width: 90px;
    width: 90px;
    background: var(--color-white);
    border-radius: 35px;
    padding: 10px;
}

.post_get_circles a img {
    transform: scale(1) rotate(0);
    transition: all 1500ms cubic-bezier(1, 0, 0, 1);
}



.post_get_circles a:hover img {
    transform: scale(1.5) rotate(-10deg);
    transition: all 500ms cubic-bezier(1, 0, 0, 1);
}

.post_information {
    display: flex;
    width: 100%;
    margin: 10px auto 50px;
    justify-content: space-between;
    align-items: center;
    max-width: 90%;
}

.socials.shareit {
    margin: 0;
}

.socials.shareit li a svg {
    width: 30px;
    height: 30px;
}

.socials.shareit li a svg path {
    fill: var(--color-silver);
}

.socials.shareit li a:hover svg path {
    fill: var(--color-black);
}

.post_items {
    display: flex;
}

.post_items li {
    padding-left: 25px;
}

.post_items li svg {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

.post_items li span,
.post_items li a,
.post_items li a:hover {
    color: var(--color-black);
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}

.tags {
    overflow: hidden;
}

.tags>a {
    display: block;
    float: right;
    margin: 5px;
    color: var(--color-silver);
    background: var(--color-white);
    padding: 10px 15px;
    border-radius: 15px;
}

.tags>a:hover {
    color: var(--color-white);
    background: var(--color-black);
}

.tags>a::before {
    content: "#";
    font-family: "Montserrat";
    float: right;
    margin-left: 3px;
}



/*removebg*/
.removebg {
    height: auto;
    background: transparent;
}


/* product thumb */

.pro_chat .circles {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: 0;
}

.pro_chat .circles li {
    margin: 0 auto;
}

.bubble.pr1 {
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(0) translateY(0) scale(0);
}

.prothumb:hover .bubble.pr1 {
    transition: all 300ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(65px) translateY(0) scale(1);
}

.bubble.pr2 {
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(0) translateY(25px) scale(0);
}

.prothumb:hover .bubble.pr2 {
    transition: all 300ms 200ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(-90px) translateY(25px) scale(1);
}


.bubble.pr3 {
    transition: all 1000ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(0) translateY(-22px) scale(0);
}

.prothumb:hover .bubble.pr3 {
    transition: all 300ms 300ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(91px) translateY(-22px) scale(1);
}

/* product page */
.sec.tagline.productpage {
    display: block;
    padding: 100px 0 0;
}


.product_preview_eff {
    position: absolute;
    max-width: 1000px;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 0;
    z-index: -9;
}

.product_preview_eff.eff1 {
    right: -1500px;
    top: 300px;
}

.product_preview_eff.eff2 {
    left: -1500px;
    top: 150px;
}

.product_preview {
    
}

.product_preview_img.ppi3 {
    position: absolute;
    transform: rotate(-10deg);
    margin: 0 auto;
    right: 180px;
    left: auto;
    z-index: -1;
    filter: blur(4px);
    bottom: 30px;
    width: 85%;
}

.post_information.product_information {
    max-width: 100%;
    margin: 10px 0 30px;
}

.product_col1 {
    position: relative;
    z-index: 9;
}

.product_col1 .shareit {
    position: absolute;
    display: flex;
    max-width: 100px;
    flex-direction: column;
    justify-content: normal;
    top: 0;
    bottom: 0;
    margin: 0 40px 0 0;
    z-index: 9;
    padding-top: 110px;
}

.product_col1 .shareit li a svg {
    margin: 10px 0;
}

.tagline_col2.product_col2 {
    padding-right: 0;
    z-index: 9;
}

.product_col2 .circles {
    justify-content: unset;
    flex-wrap: wrap;
}

.product_col2 .circles li {
    margin: 0 0 15px 15px;
    width: 90px;
    height: 90px;
}

.circles li.proptitle {
    background: none;
    border-radius: 0;
    width: auto;
    padding: 0;
}

.circles li.proptitle span {
    color: var(--color-silver);
    padding-left: 10px;
    min-width: 80px;
}


.circlesline .circles li b {
    font-size: 20px;
    line-height: 20px;
}

.product_excerpt {
    display: block;
    color: var(--color-dark2);
    font-size: 14px;
}

.productpage .headbtns {
    justify-content: center;
    width: 100%;
    padding: 0 100px;
}


.singlepage {
    margin-bottom: 80px;
}


/*comments*/
.comments {
    padding: 50px 0 100px;
}

.comments .title h2 {
    color: var(--color-black);
}

.logged-in-as,
.comment-reply-title,
.comment-notes,
.comment-form-url,
.comment-form-cookies-consent {
    display: none;
}

#commentform {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    flex-direction: column-reverse;
    max-width: 500px;
    margin: 0 auto;
}

#commentform .form-submit {
    position: absolute;
    width: auto;
    left: 17px;
    bottom: 40px;
    right: 17px;
    padding: 0;
    margin: 0;
}

#commentform .form-submit input {
    width: 100%;
    margin: 0;
    background: var(--color-light);
    border-color: var(--color-light);
    color: var(--color-silver)
}

#commentform .form-submit input:focus,
#commentform .form-submit input:hover {
    background: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white)
}

.comment-form-author,
.comment-form-email {
    position: relative;
    margin: 0;
}

#commentform p label {
    position: absolute;
    margin: 16px;
    color: var(--color-silver);
}

.comment-form-author input,
.comment-form-email input {
    padding-right: 90px;
}

.comment-form-comment textarea {
    padding-right: 20px;
    padding-top: 50px;
}

.comment-form-email input {
    font-family: "Montserrat", "IRANSans";
}

.comment_prev {
    background: var(--color-white);
    padding: 40px 50px;
    color: var(--color-dark2);
    font-size: 16px;
    border-radius: 25px;
    margin: 10px;
    width: 100%;
}

.grd_comments .comment_prev {
    width: auto;
}

.comment_prev>b {
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: "Montserrat", "IRANSans";
    color: var(--color-black);
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    height: 30px;
    -webkit-box-orient: vertical;
}

.comment_prev>span {
    display: block;
}

.comments .swiper-wrapper .swiper-slide {
    height: 100%;
    display: flex;
}



.grd_comments {
    display: flex;
    flex-wrap: wrap;
}


.grd_comments .swiper-slide {
    max-width: 33%;
    width: 33%;
}

.comment_propic {
    max-width: 200px;
    display: block;
    margin: 0 auto 25px;
}



/*jobs*/
.tags>label {
    float: right;
    margin: 15px;
    font-weight: bold;
}

.newthumb .jobst {
    border-radius: 10px;
    padding: 8px;
    margin: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.openst {
    background: var(--color-primary);
    color: var(--color-black);
}

.openst::before {
    content: "Ł…ŁˆŁ‚Ų¹ŪŒŲŖ ŲØŲ§Ų² Ų§Ų³ŲŖ";
}


.closest {
    background: var(--color-red);
    color: var(--color-white);
}

.closest::before {
    content: "Ł…ŁˆŁ‚Ų¹ŪŒŲŖ ŲØŲ³ŲŖŁ‡ Ų´ŲÆŁ‡";
}

.newthumb.jobclosed>a {
    border-color: var(--color-silver) !important;
    background: #CED7E9 !important;
    color: var(--color-silver) !important;
}

.bigjob {
    margin: 15px auto 0;
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 15px;
}

.sec.innersec.bourspage {
    margin: 0 auto 25px;
}

.intro.bourseintro {
    min-height: 650px;
}

.sec.innersec.landpage {
    margin: 50px auto 25px;
}

.intro.landintro {
    min-height: 750px;
    background-color: var(--color-green);
    background-image: linear-gradient(0deg, var(--color-light) 0%, var(--color-green) 100%);
}

.ci_1 {
    top: 200px;
    right: -800px;
    animation: coin-line 9s cubic-bezier(1, 0, 0, 1) infinite;
}

.cloud_img.ci_2 {
    top: 150px;
    left: -850px;
    animation: coin-line 3s cubic-bezier(1, 0, 0, 1) infinite;
}


.cloud_img.ci_3 {
    top: 450px;
    animation: coin-line 6s cubic-bezier(1, 0, 0, 1) infinite;
}


.cloud_img.ci_4 {
    top: 100px;
    left: -1200px;
    filter: blur(5px);
    width: 650px;
    animation: coin-line 8s cubic-bezier(1, 0, 0, 1) infinite;
}



.cloud_img.ci_5 {
    top: 250px;
    right: -1200px;
    filter: blur(6px);
    width: 550px;
    animation: coin-line 10s cubic-bezier(1, 0, 0, 1) infinite;
}


@keyframes coin-line {
    0% {
        transform: translateX(30px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(30px);
    }
}

.cats.bourscats {
    margin: 15px auto;
    justify-content: center;
}




/*loading*/
.preload {
    position: fixed;
    top: 0;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-white);
    opacity: .95;
    z-index: 9999;
    transform: scale(0);
    transition: all 500ms ease-in-out;
}

.preload.show {
    display: block;
    transform: scale(1);
    transition: all 500ms ease-in-out;
}

.preload>div {
    position: fixed;
    top: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
    transform: translateY(-50%);
    right: 0;
    left: 0;
}

.preload img {
    width: 120px;
    display: block;
    margin: 0 auto 20px;
    animation: energy 0.5s infinite;
    -webkit-animation: energy 0.5s infinite;
}

.preload label {
    color: var(--color-silver);
    text-align: center;
    display: block;
    font-weight: bold;
    width: 100%;
}



/*sourceing*/
.source_box {
    padding: 15px;
    background: var(--color-white);
    border-radius: 15px;
}

.source_title {
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.source_title>svg {
    float: right;
    margin-left: 10px;
}

.source_title>b {
    float: right;
    color: var(--color-black);
    margin: 3px;
    font-size: 16px;
}

.source_inner {
    display: block;
    padding: 25px;
    line-height: 2em;
}



.source_title.collapsed small {
    font-size: 15px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 2px;
    text-align: left;
    color: var(--color-gray);
}

.source_title small {
    display: none;
}

.source_box ul li {
    width: 100%;
    text-align: left;
    direction: ltr;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 5px;
}


.source_box ul li a::before {
    content: "";
    height: 5px;
    background: var(--color-silver);
    left: 0;
    position: absolute;
    display: block;
    width: 5px;
    margin: 14px 0;
    border-radius: 50%;
    opacity: .3;
    transition: all 2000ms cubic-bezier(1, 0, 0, 1);
}


.source_box ul li a:hover::before {
    transform: scale(3);
    background: var(--color-black);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
    opacity: 1;
}


.source_box ul li a {
    font-family: "Montserrat", "IRANSans";
    color: var(--color-silver);
    font-size: 14px;
    display: block;
    position: relative;
    text-align: left;
    padding-left: 20px;
    direction: ltr;
}


.source_box ul li a:hover {
    color: var(--color-black);
}



/*gravity*/

.gform_wrapper.gravity-theme .gfield .gfield_radio .gchoice {
    width: auto;
    float: right;
    margin-left: 6px;
}

.gform_wrapper.gravity-theme .gfield .gfield_radio input {
    visibility: hidden;
    position: absolute;
}


.gform_wrapper.gravity-theme .gfield .gfield_radio label {
    text-align: right !important;
    padding: 11px 50px 11px 11px !important;
    border: 0;
    margin: 4px auto !important;
    border-radius: 10px;
    display: block !important;
    cursor: pointer;
    background-image: url('../svg/check.svg');
    background-position: right center;
    background-size: 41px;
    background-repeat: no-repeat;
    max-width: 100% !important;
}



.gform_wrapper.gravity-theme .gfield .gfield_radio input:checked+label {
    font-weight: bold;
    background-color: var(--color-white);
    background-image: url('../svg/checked.svg');
}

.gform_wrapper .gfield_required {
    color: var(--color-red) !important;
    font-size: 0 !important;
}


.gform_wrapper .gfield_required .gfield_required_text::after {
    font-size: 12px !important;
    content: "Ų§Ł„Ų²Ų§Ł…ŪŒ" !important;
    font-style: normal;
    margin: 0 5px;
    font-weight: bold !important;
}


.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    font-size: 16px !important;
    padding: 12px 20px !important;
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
    width: 100%;
    font-weight: bold;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label,
.gform_wrapper .gfield_error label,
.gform_wrapper .gfield_error legend,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper [aria-invalid="true"]+label,
.gform_wrapper label+[aria-invalid="true"] {
    color: var(--color-black) !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    background: transparent !important;
    border: 0 !important;
    font-size: 12px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    font-weight: bold !important;
    color: var(--color-red) !important;
}

.gform_wrapper .gfield_error [aria-invalid="true"] {
    border: 2px solid var(--color-red) !important;
}

.gform_wrapper .gform_validation_errors {
    box-shadow: none !important;
    border: 0 !important;
    background: var(--color-red) !important;
    padding: 10px !important;
    color: var(--color-white) !important;
    border-radius: 15px !important;
    margin-bottom: 25px !important;
}

.gform_wrapper .gform_validation_errors>h2 {
    color: var(--color-white) !important;
    font-size: 16px !important;
    line-height: 1.5em !important;
}

.gform_confirmation_wrapper>div {
    color: var(--color-black);
    background: var(--color-white);
    text-align: center;
    padding: 50px 20px;
    border-radius: 15px;
    font-size: 30px;
    margin: 15px auto;
    font-weight: 900;
}


#nextLink,
#prevLink,
#nextLink:hover,
#prevLink:hover {
    background: transparent !important;
}

#imageData #imageDetails {
    display: none;
}

#outerImageContainer {
    margin: 15px auto;
    max-width: 100vw;
    padding: 0;
    background: transparent !important;
}

#bottomNavClose {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    margin-bottom: 10px;
    margin-bottom: 10px;
    background: transparent !important;
    width: 40px !important;
    height: 40px !Important;
    overflow: hidden;
    border-radius: 37%;
}

#bottomNavClose #jqlb_closelabel {
    background-image: url('../svg/closew.svg') !important;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-size: 76%;
}

.big_counter {
    text-align: center;
    display: block;
    margin: 15px auto;
    font-size: 19px;
}

.big_counter b {
    font-size: 50px;
    display: inline-block;
    margin: 0 10px;
    background: var(--color-primary);
    padding: 0 8px;
    font-family: "IRANSans";
    transform: rotate(-18deg);
}


.shahreman .intro_title h1 {
    color: var(--color-red);
}

.shahreman_logo {
    width: 580px;
    max-width: 90%;
    display: block;
    margin: 0 auto 20px;
}

.landpage .gform_wrapper {
    margin: 35px auto;
}

#imageContainer {
    padding: 0 !important;
}

.gform_title {
    text-align: center;
    margin: 25px auto 50px;
    font-weight: 900;
}

.singlepage .mainpost .gform_wrapper {
    max-width: 600px;
}


img.aligncenter {
    margin: 10px auto;
    text-align: center;
    display: block;
}

.mainpost thead,
.mainpost tbody,
.mainpost tfoot,
.mainpost tr,
.mainpost td,
.mainpost th {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    padding: 11px;
}

.winners_title {
    font-weight: 900;
    font-size: 25px;
    text-align: center;
    display: block;
    margin: 40px auto;
}



.winners_title>i {
    font-style: normal;
    font-family: "IRANSans", "Montserrat";
    font-weight: bold;
    font-size: 48px;
}

.winner_list {
    counter-reset: item-counter;
}

.winner_list li {
    counter-increment: item-counter;
}


.winner_list li:before {
    content: counter(item-counter);
}


.winner_list li {
    margin: 15px;
    position: relative;
}


.top_winners li::before {
    font-size: 60px;
    font-weight: 700;
    position: absolute;
    right: 0;
    z-index: 9;
    padding: 30px 0;
    transform: rotate(-10deg);
    text-align: center;
    min-width: 60px;
}

.top_winners li aside {
    background: #a5b4fc;
    padding: 25px 90px 25px 130px;
    border-radius: 15px;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
}

.top_winners li aside::after {
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 0;
    width: 55px;
    height: 55px;
    margin: 10px;
}

.top_winners li:nth-child(1) aside::after {
    background-image: url('../img/star1.png');
    width: 100px;
    height: 100px;
    top: -17px;
    left: 8px;
}


.top_winners li:nth-child(2) aside:after {
    background-image: url('../img/star2.png');
}


.top_winners li:nth-child(3) aside:after {
    background-image: url('../img/star3.png');
}


.top_winners li:nth-child(1) aside {
    background: #BFF200;
}

.top_winners li:nth-child(2) aside {
    background: #86efac;
}

.top_winners li:nth-child(3) aside {
    background: #5eead4;
}

.top_winners li:nth-child(4) aside {
    background: #7dd3fc;
}

.top_winners li:nth-child(5) aside {
    background: #93c5fd;
}



.winner_list li aside div {
    width: 100%;
    display: flex;
}

.winner_list li aside div label {
    width: 100%;
}

.winner_list li aside div label b {
    display: block;
    font-size: 18px;
}

.winner_list li aside div label.ltr {
    direction: ltr;
}

.top_winners li aside div label {
    width: 100%;
}

.winner_list li aside strong {
    font-size: 20px;
    width: 100%;
    text-align: left;
}


.other_winners li {
    background: var(--color-white);
    padding: 15px;
    position: relative;
    border-radius: 15px;
    margin: 10px;
}

.other_winners li::before {
    font-size: 20px;
    float: right;
    margin-left: 20px;
}

.other_winners li aside {
    display: flex;
    flex-wrap: nowrap;
}


#winner_input {
    margin: 15px auto;
    max-width: 95%;
    width: 900px;
    display: block;
    padding: 20px;
    color: #000;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1);
    border: 0;
    font-weight: bold;
}

#winner_table {
    max-width: 95%;
    width: 900px;
}

#winner_table tr,
#winner_table td,
#winner_table th,
#winner_table tbody {
    border: 0 !important;
}

#winner_table tr {
    background: var(--color-white);
    border-radius: 15px;
    display: flex;
    width: 100%;
    margin: 10px auto;
    position: relative;
}

#winner_table tr td {
    width: 100%;
    text-align: center;
    direction: ltr;
}

#winner_table {
    counter-reset: item-counter-cvs;
}

#winner_table tr {
    counter-increment: item-counter-cvs;
}

#winner_table tr:before {
    content: counter(item-counter-cvs);
}

#winner_table tr::before {
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    right: 0;
    z-index: 9;
    padding: 16px 0;
    transform: rotate(-10deg);
    color: var(--color-silver);
    text-align: center;
    min-width: 60px;
}

/*  */





/* Styles for responsiveness */
@media (max-width: 768px) {

    header .logo {
        min-width: 70px !important;
        width: 70px !important;
        margin-top: 10px !important;
    }

    a.costumer {
        width: 100% !important;
    }

}


/* 7 img css */

.position_img {
    position: absolute;
    max-width: 300px;
    animation: imgintro2 8s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_1 {
    left: 50px;
    top: 250px;
    max-width: 300px;
    animation: imgintro2 9s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_2 {
    right: 246px;
    top: 150px;
    max-width: 300px;
    animation: imgintro2 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_3 {
    right: 420px;
    top: 50px;
    max-width: 300px;
    animation: imgintro2 11s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_4 {
    right: 150px;
    top: 70px;
    max-width: 300px;
    animation: imgintro2 12s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_5 {
    right: 200px;
    top: 300px;
    max-width: 300px;
    animation: imgintro2 13s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_6 {
    right: 300px;
    top: -50px;
    max-width: 300px;
    animation: imgintro2 14s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_7 {
    left: 280px;
    top: 220px;
    max-width: 300px;
    animation: imgintro2 15s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_text1 {
    left: -20px;
    top: 350px;
    max-width: 100px;
    animation: imgintro2 16s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_text2 {
    left: -5px;
    top: 435px;
    max-width: 100px;
    animation: imgintro2 17s cubic-bezier(1, 0, 0, 1) infinite;
}


/* Second TITR */
.position_img_2 {
    position: absolute;
    max-width: 400px;
    animation: imgintro2 8s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_1_2 {
    right: 20px;
    top: 120px;
    max-width: 350px;
    animation: imgintro2 9s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_2_2 {
    left: 10px;
    top: 100px;
    max-width: 350px;
    animation: imgintro2 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_3_2 {
    left: -50px;
    top: 70px;
    max-width: 350px;
    animation: imgintro2 11s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_4_2 {
    right: -50px;
    top: 90px;
    max-width: 350px;
    animation: imgintro2 12s cubic-bezier(1, 0, 0, 1) infinite;
}




.myimg_5_2 {
    left: 150px;
    top: 530px;
    max-width: 100px;
    animation: cloud-line 9s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_6_2 {
    left: 200px;
    top: 550px;
    max-width: 80px;
    animation: cloud-line 8s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_7_2 {
    left: 160px;
    top: 570px;
    max-width: 50px;
    animation: cloud-line 10s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_text1 {
    left: -20px;
    top: 350px;
    max-width: 300px;
    animation: imgintro2 16s cubic-bezier(1, 0, 0, 1) infinite;
}

.myimg_text2 {
    left: -5px;
    top: 435px;
    max-width: 300px;
    animation: imgintro2 17s cubic-bezier(1, 0, 0, 1) infinite;
}