@font-face{font-family: YekanBakh;font-style: normal;font-weight: 900;src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-08-Fat.eot');src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-08-Fat.eot?#iefix') format('embedded-opentype'),url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Fat.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Fat.woff') format('woff'),url('../fonts/yekanbakh/ttf/YekanBakhFaNum-Fat.ttf') format('truetype');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 800;src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-07-Heavy.eot');src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-07-Heavy.eot?#iefix') format('embedded-opentype'),url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Heavy.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Heavy.woff') format('woff'),url('../fonts/yekanbakh/ttf/YekanBakhFaNum-Heavy.ttf') format('truetype');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 700;src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-06-Bold.eot');src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-06-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Bold.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Bold.woff') format('woff'),url('../fonts/yekanbakh/ttf/YekanBakhFaNum-Bold.ttf') format('truetype');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 600;src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-05-Medium.eot');src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-05-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Medium.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Medium.woff') format('woff'),url('../fonts/yekanbakh/ttf/YekanBakhFaNum-Medium.ttf') format('truetype');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 500;src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-04-Regular.eot');src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-04-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Regular.woff') format('woff'),url('../fonts/yekanbakh/ttf/YekanBakhFaNum-Regular.ttf') format('truetype');}
@font-face{font-family: YekanBakh;font-style: normal;font-weight: 400;src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-03-Light.eot');src: url('../fonts/yekanbakh/eot/Yekan-Bakh-FaNum-03-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/yekanbakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2'),url('../fonts/yekanbakh/woff/YekanBakhFaNum-Light.woff') format('woff'),url('../fonts/yekanbakh/ttf/YekanBakhFaNum-Light.ttf') format('truetype');}
html{scroll-behavior: smooth;overflow-x: hidden;font-size: 15px;}*{margin: 0;padding: 0;box-sizing: border-box;border: none;outline: none;font-family: YekanBakh;}ol,ul{list-style: none;}a{text-decoration: none;}.center{display: flex;justify-content: center;align-items: center;}
html.scrollnone{overflow: hidden;}.maxrow{max-width: 1600px;margin: 0 auto;position: relative;}.mycontainer{padding: 50px 100px;}
.us-none{-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
:root{
  --first: #37C2CC;
  --first-t: #228A65;
  --first-t-hover: #1d7a5a;
  --first-t-11: #228A6511;
  --first-t-22: #228A6522;
  --first-t-33: #228A6533;
  --first-11:#37C2CC11;
  --first-22:#37C2CC22;
  --first-33:#37C2CC33;
  --first-44:#37C2CC44;
  --first-55:#37C2CC55;
  --hover-col: #31b2bb;
  --txt1-col: #334155;
  --txt2-col: #686F82;
  --txt3-h1: #475466;
  --txt-footer: #226e60;
  --footer-c1: #228964;
  --footer-c2: #1D7F5C;
}
::-webkit-scrollbar,body::-webkit-scrollbar{width: 6px;}
::-webkit-scrollbar:horizontal{height: 5px;}
::-webkit-scrollbar-thumb{min-height: 10px;}
::-webkit-scrollbar-track-piece{background-color: #e8e7f0;}
::-webkit-scrollbar-thumb{background-color: #999;}
::placeholder{color: #8e8e8e;opacity: 1;font-size: 14px;font-weight: 600;transition: all .2s;}
input:focus::placeholder{opacity: 0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
input[type=number]{appearance:textfield;-moz-appearance: textfield;}
.wid-100{width: 100%;}

/* -------------------- et-Popup -------------------- */

.et-popup{position: fixed;top: 0;left: 0;z-index: 99998;background-color: #00000077;width: 100%;height: 100vh;opacity: 0;transition: all 0.2s;visibility: hidden;backdrop-filter: blur(5px);overflow: hidden;}
.et-popup.show{opacity: 1;visibility: visible;}
.et-popup-two{position: fixed;top: 0;left: 0;z-index: 99998;background-color: #00000077;width: 100%;height: 100vh;opacity: 0;transition: all 0.2s;visibility: hidden;backdrop-filter: blur(5px);overflow: hidden;}
.et-popup-two.show{opacity: 1;visibility: visible;}
.et-popup-div::-webkit-scrollbar{display: none;}
.et-popup-div{position: absolute;background-color: #fff;width: 500px;max-width: 95%;height: fit-content;max-height: 95%;overflow-x: hidden;overflow-y: auto;border-radius: 15px;left: 50%;top: -150%;z-index: 99999;opacity: 0;pointer-events: none;box-shadow: 0px 10px 15px rgba(0,0,0,0.1);transform: translate(-50%, -50%) scale(1.2);transition: top 0s 0.2s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.et-popup.show > .et-popup-div{top: 50%;opacity: 1;pointer-events: auto;transform:translate(-50%, -50%) scale(1);transition: top 0s 0s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.et-popup-two.show > .et-popup-div{top: 50%;opacity: 1;pointer-events: auto;transform:translate(-50%, -50%) scale(1);transition: top 0s 0s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.et-popup-header{height: 45px;width: 100%;position: relative;direction: ltr;}
.et-popup-close{display: flex;align-items: center;justify-content: center;border-radius: 7px;transition: all 0.2s ease-in-out;height: 35px;width: 35px;cursor: pointer;position: relative;top: 15px;left: 15px;}
.et-popup-close > svg{width: 80%;height: auto;}
.et-popup-close > svg > path{transition: all 0.2s ease-in-out;}
.et-popup-close:hover{background-color: #ffa9a922;}
.et-popup-close:hover > svg > path{fill: #fe1616;}
.et-popup-confirm{position: absolute;background-color: #fff;width: 500px;max-width: 95%;height: fit-content;max-height: 95%;overflow-x: hidden;overflow-y: auto;border-radius: 15px;left: 50%;top: -150%;z-index: 99999;opacity: 0;pointer-events: none;box-shadow: 0px 10px 15px rgba(0,0,0,0.1);transform: translate(-50%, -50%) scale(1.2);transition: top 0s 0.2s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.et-popup-two.confirm{opacity: 1;visibility: visible;}
.et-popup-two.confirm > .et-popup-confirm{top: 50%;opacity: 1;pointer-events: auto;transform:translate(-50%, -50%) scale(1);transition: top 0s 0s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.et-popup-two.confirm .et-popup-svg path{animation: etdash 0.75s linear both;animation-delay: 0.5s;}
.et-popup-svg{width : 100px;height: 100px;}
@keyframes etdash{0%{stroke-dashoffset: 210;}75%{stroke-dashoffset: -220;}100%{stroke-dashoffset: -205;}}
.et-popup-confirm-body{width: 100%;min-height: 250px;display: flex;flex-direction: column;align-items: center;gap: 25px;padding: 25px 0;}
.et-popup-confirm-body p{width: 100%;text-align: center;font-size: 16px;font-weight: 800;color: var(--txt-footer);}

/* -------------------- Modal -------------------- */

.modal{position: fixed;top: 0;left: 0;z-index: 99998;background-color: #00000077;width: 100%;height: 100vh;opacity: 0;transition: all 0.2s;visibility: hidden;backdrop-filter: blur(5px);overflow: hidden;}
.modal.show{opacity: 1;visibility: visible;}
.modal-div::-webkit-scrollbar{display: none;}
.modal-div{position: absolute;background-color: #fff;width: 500px;max-width: 95%;height: fit-content;max-height: 95%;overflow-x: hidden;overflow-y: auto;border-radius: 25px;left: 50%;top: -150%;z-index: 99999;opacity: 0;pointer-events: none;box-shadow: 0px 10px 15px rgba(0,0,0,0.1);transform: translate(-50%, -50%) scale(1.2);transition: top 0s 0.2s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.modal.show > .modal-div{top: 50%;opacity: 1;pointer-events: auto;transform:translate(-50%, -50%) scale(1);transition: top 0s 0s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
.modal-header{height: 170px;width: 100%;position: relative;direction: ltr;}
.modal-header-img{position: absolute;top: 0;left: 15%;right: 15%;width: 70%;height: 130px;background: url('../img/modal-img.webp');background-repeat: no-repeat;background-size: cover;background-position: center center;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;z-index: 1;}
.modal-header-img::after{content: "";width: 100%;height: 100%;background-color: var(--first-33);position: absolute;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;z-index: 2;}
.modal-header-img > .log{width: 70px;height: 70px;background-color: #fff;position: absolute;z-index: 3;border-radius: 15px;bottom: -35px;left: 50%;transform: translateX(-50%);box-shadow: 0 0 25px 2px #00000033;display: flex;justify-content: center;align-content: center;}
.modal-header-img > .log > svg{width: 70%;height: auto;}
.modal-close{display: flex;align-items: center;justify-content: center;border-radius: 7px;transition: all 0.2s ease-in-out;height: 35px;width: 35px;cursor: pointer;position: absolute;top: 15px;left: 15px;left: 15px;}
.modal-close > svg{width: 80%;height: auto;}
.modal-close > svg > path{transition: all 0.2s ease-in-out;}
.modal-close:hover{background-color: #ffa9a922;}
.modal-close:hover > svg > path{fill: #fe1616;}
.modal-form{width: 100%;height: fit-content;padding: 15px;}
.modal-form > h2{width: 100%;text-align: center;color: var(--txt1-col);font-weight: 800;font-size: 22px;}
.modal-form > p{width: 100%;text-align: center;color: #9D9D9E;font-weight: 600;font-size: 14px;}
.col2-gr{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;}
.col3-gr{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}

.mrg-top-25{margin-top: 25px;}
.modal-form-field{position: relative;width: 100%;margin-top: 25px;}
.modal-form-input::placeholder{color: #ABABAB;font-size: 12px;font-weight: 600;}
.modal-form-input{width: 100%;height: 45px;background-color: #fff;border-radius: 7px;color: var(--txt1-col);font-size: 15px;font-weight: 600;padding: 0 15px;border: 1px solid #D8D8D8;transition: all 0.2s;}
.modal-form-input:focus{border-color: var(--first);}
.modal-form-label{color: var(--txt1-col);font-size: 12px;font-weight: 600;position: absolute;right: 5px;top: -22px;transition: all 0.3s;}
.modal-form-label > span{color: #ea250f;margin-right: 2px;}
select::-ms-expand{display: none;}
select,select option{color: var(--txt1-col);font-size: 13px;font-weight: 600;}
select:invalid,select option[value=""]{color: #ABABAB;font-size: 12px;font-weight: 600;}
select option[disabled]{color: #000;background-color: gainsboro;}
.selectdiv{position: relative;width: 100%;height: 45px;}
.selectdiv:after{position: absolute;right: 15px;top: 12px;content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='5' fill='%230075FF'/%3E%3Crect x='1.35' y='1.35' width='7.3' height='7.3' rx='3.65' stroke='white' stroke-width='0.7'/%3E%3C/svg%3E%0A");}
.selectdiv select{width: 100%;height: 100%;padding-right: 35px;color: #ABABAB;font-size: 12px;font-weight: 600;background-color: #fff;border: 1px solid #D8D8D8;border-radius: 7px;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: all 0.2s;}
.selectdiv select:focus{border-color: var(--first);}

/* -------------------- SideBar -------------------- */

.slider-page{background-color: #00000077;position: fixed;top: 0;right: 0;width: 100%;height: 100vh;z-index: 188;display: none;backdrop-filter: blur(5px);}
.sidebar{width: 260px;height: 100%;position: fixed;z-index: 189;background-color: #FFF;transition: all ease-out 0.2s;display: flex;flex-direction: column;align-items: center;justify-content: space-between;right: -100%;top: 0;padding: 10px;padding-top: 70px;}
.sidebar-header{width: 100%;overflow-y: auto;}
.sidebar-header::-webkit-scrollbar{display: none;}
.sidebar-logo{width: 100%;padding: 15px 0;border-radius: 10px;}
.search-form{position: relative;width: 100%;height: 45px;}
.search-in{width: 100%;height: 100%;background-color: #F4F4F4;border-radius: 15px;padding: 0 40px 0 15px;transition: all 0.3s;font-size: 13px;font-weight: 600;color: var(--txt1-col);}
.search-in::placeholder{color: var(--txt2-col);font-weight: 600;font-size: 13px;opacity: 0.5;}
.search-ico{width: 20px;height: 20px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.search-ico::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M25.9853 24.3363L20.5334 18.8856C22.1136 16.9885 22.9016 14.5552 22.7334 12.092C22.5652 9.62871 21.4538 7.32512 19.6305 5.6604C17.8071 3.99568 15.4122 3.09799 12.9438 3.15409C10.4755 3.21019 8.1238 4.21575 6.37796 5.96158C4.63213 7.70742 3.62657 10.0591 3.57047 12.5275C3.51438 14.9958 4.41206 17.3908 6.07678 19.2141C7.7415 21.0375 10.0451 22.1488 12.5083 22.317C14.9716 22.4852 17.4049 21.6972 19.3019 20.117L24.7527 25.5689C24.8336 25.6498 24.9297 25.714 25.0355 25.7578C25.1412 25.8016 25.2545 25.8242 25.369 25.8242C25.4835 25.8242 25.5968 25.8016 25.7025 25.7578C25.8083 25.714 25.9044 25.6498 25.9853 25.5689C26.0662 25.488 26.1304 25.3919 26.1742 25.2861C26.218 25.1804 26.2406 25.0671 26.2406 24.9526C26.2406 24.8382 26.218 24.7248 26.1742 24.6191C26.1304 24.5133 26.0662 24.4173 25.9853 24.3363ZM5.33422 12.7575C5.33422 11.207 5.79401 9.69126 6.65544 8.40203C7.51688 7.1128 8.74127 6.10796 10.1738 5.51459C11.6063 4.92123 13.1826 4.76597 14.7034 5.06847C16.2241 5.37097 17.621 6.11763 18.7174 7.21403C19.8138 8.31043 20.5605 9.70733 20.863 11.2281C21.1655 12.7488 21.0102 14.3251 20.4168 15.7577C19.8235 17.1902 18.8186 18.4146 17.5294 19.276C16.2402 20.1374 14.7245 20.5972 13.1739 20.5972C11.0954 20.5949 9.10268 19.7682 7.63296 18.2985C6.16323 16.8288 5.33652 14.836 5.33422 12.7575Z' fill='%23666666'/%3E%3C/svg%3E");}
.sidebar-menu{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px 0;}
.sidebar-menu-item{width: 100%;min-height: 40px;display: flex;align-items: center;overflow: hidden;flex-direction: column;transition: all 0.2s;border-radius: 7px;padding: 0 15px;color: #666;position: relative;margin-bottom: 10px;cursor: pointer;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;}
.sidebar-menu-item > a{width: 100%;height: 40px;color: #666;font-size: 13px;font-weight: 600;display: flex;align-items: center;cursor: pointer;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;}
.sidebar-menu-item > a.active{color: var(--first);}
.sidebar-menu-item-ico{width: 100%;height: 40px;font-size: 13px;font-weight: 600;display: flex;justify-content: space-between;align-items: center;}
.sidebar-menu-item-ico > svg{height: 8px;transition: all 0.2s;}
.sidebar-menu-item-ico > svg > path{fill: #666;}
.sidebar-menu-item.active{color: var(--first);background-color: var(--first-11);}
.sidebar-menu-item.active > .sidebar-menu-item-ico > svg{transform: rotate(180deg)translate(-2px,2px);}
.sidebar-menu-item.active > .sidebar-menu-item-ico > svg > path{fill: var(--first);}
.data-lists-div{display: none;width: 100%;flex-direction: column;transition: all 0.2s;margin-bottom: 10px;}
.sidebar-data-sub{width: 100%;height: 35px;display: flex;align-items: center;padding-right: 5px;}
.sidebar-data-sub::before{content: "";width: 4px;height: 4px;background-color: #666;position: relative;border-radius: 5px;transform: translateX(5px);}
.sidebar-data-sub > a{color: #666;font-weight: 600;font-size: 12px;width: 100%;height: 100%;display: flex;align-items: center;}
.sidebar-menu-footer{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 10px;border-top: 1px solid #ccc;margin-top: 10px;gap: 10px;}
.sidebar-menu-footer > a{width: 100%;height: 40px;}

/* --------------------Header Banner-------------------- */

.et-header-banner{width: 100%;height: 50px;overflow: hidden;background-repeat: no-repeat;background-size: cover;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;}
.et-header-banner-container{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;max-width: 1600px;padding: 0 100px;}
.et-header-banner-txt{display: flex;align-items: center;gap: 5px;font-size: 13px;font-weight: 600;}
.et-header-banner-txt mark{background-color: transparent;white-space: nowrap;}
.et-header-banner-headline{font-size: 13px;font-weight: 700;}
.et-header-banner-timer{display: flex;justify-content: space-evenly;align-items: center;gap: 7px;}
.et-header-banner-timer > div{width: 30px;height: 35px;flex-direction: column;background-color: #ffffff44;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.et-header-banner-timer > div > span:first-child{font-size: 10px;font-weight: 600;color: #fff;}
.et-header-banner-timer > div > span:last-child{font-size: 8px;font-weight: 400;color: #fff;}
.et-pulseeffect-text{animation-name: pulse;animation-duration: 1s;animation-iteration-count: infinite;margin-right: 5px;}
@keyframes pulse{0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
.et-header-banner.default{background-image: url("../img/bg-ads-img.png"),linear-gradient(123deg,var(--first-t-hover),var(--first-t));}
.et-header-banner.default .et-header-banner-txt{color: #fff;}
.et-header-banner.default .et-header-banner-txt mark{color: #ffbe62;}
.et-header-banner.default .et-header-banner-headline{color: #fff;}
.et-header-banner.orng{background-image: url("../img/bg-ads-img.png"),linear-gradient(123deg,#FF6A00,#FD9708);}
.et-header-banner.orng .et-header-banner-txt{color: #733000;}
.et-header-banner.orng .et-header-banner-txt mark{color: #fff;}
.et-header-banner.orng .et-header-banner-headline{color: #733000;}
.et-header-banner.blue{background-image: url("../img/bg-ads-img.png"),linear-gradient(123deg,#322860,#3a3849);}
.et-header-banner.blue .et-header-banner-txt{color: #fff;}
.et-header-banner.blue .et-header-banner-txt mark{color: #fffb00;}
.et-header-banner.blue .et-header-banner-headline{color: #fff;}

/* --------------------Header-------------------- */

header{position: fixed;width: 100%;height: fit-content;background-color: #fff;display: flex;flex-direction: column;top: 0;left: 0;z-index: 200;transition: all 0.3s;box-shadow: 0 1px 20px -5px #022F4733;}
.burger{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 40px;height: 40px;cursor: pointer;border-radius: 7px;transition: all 0.3s;-webkit-tap-highlight-color: transparent;}
.burger .line{width: 60%;height: 3px;border-radius: 5px;background-color: var(--txt2-col);display: block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.burger.active{background-color: var(--first-t-22)}
.burger.active .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
.burger.active .line:nth-child(2){opacity: 0;}
.burger.active .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
.burger.active .line{background-color: var(--first-t);}
.menu-nav{position: relative;width: 100%;height: 70px;z-index: 4;background-color: transparent;}
.navbarnav{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;max-width: 1600px;padding: 0 100px;}
.nav-logo{display: flex;align-items: center;}
.logo{display: flex;align-items: center;margin-left: 25px;}
.logo > a{height: 50px;display: flex;align-items: center;}
.logo > a > img{height: 60%;width: auto;}
.navbaritems{display: flex;justify-content: center;align-items: center;}
.navbaritems-a{position: relative;height: 40px;padding: 0 15px;border-radius: 7px;color: #272727;font-size: 13px;font-weight: 600;display: flex;justify-content: center;align-items: center;margin-left: 10px;cursor: pointer;transition: all 0.3s;}
.navbaritems-a:hover{color: var(--first-t);background-color: var(--first-t-11);}
footer .navbaritems-a:hover{color: #004a3d;}
.navbaritems-a > svg{width: 10px;position: relative;top: 2px;margin-right: 10px;}
.navbaritems-a > svg > path{fill: #B9B9B9;transition: all 0.3s;}
.navbaritems-a:hover > svg > path{fill: var(--first-t);}
.header-categories:hover > .navbaritems-a{color: var(--first-t);background-color: var(--first-t-11);}
.header-categories:hover > .navbaritems-a > svg > path{fill: var(--first-t);}
.header-categories{position: relative;}
.header-categories:hover > .onhover-categories{visibility: visible;opacity: 1;}
.onhover-categories{position: absolute;background-color: #FFF;opacity: 0;visibility: hidden;transition: all .2s ease-in-out;-webkit-box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);margin-top: 10px;border-radius: 12px;}
.onhover-categories{padding: 20px;}
.onhover-categories::after{content: "";position: absolute;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #fff;position: absolute;top: -10px;right: 40px;}
.onhover-categories > ul{width: 100%;height: 100%;}
.onhover-categories-a{width: 330px;padding: 17px 18px;border-radius: 12px;background-color: #fff;color: var(--txt1-col);font-size: 13px;font-weight: 600;display: flex;align-items: center;justify-content: center;-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;position: relative;}
.onhover-categories-grid{display: grid;grid-template-columns: repeat(2,1fr);}
.onhover-categories-grid-a{width: 150px;height: 40px;border-radius: 8px;background-color: #fff;font-size: 13px;font-weight: 600;display: flex;align-items: center;justify-content: center;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;color: var(--txt1-col);white-space: nowrap;overflow: hidden;}
.onhover-categories-grid-a:hover,.onhover-categories-a-img:hover{color: var(--first-t);background-color: var(--first-t-11);}
.site-nav-dropdown-item-text{-ms-flex-positive: 1;flex-grow: 1;max-width: 85%;margin-right: 18px;}
.site-nav-dropdown-item-title{display: flex;font-size: 13px;font-weight: 600;line-height: 20px;text-align: right;transition: all 0.3s;}
.site-nav-dropdown-item-desc{color: var(--txt2-col);margin-top: 4px;font-size: 11px;font-weight: 400;word-break: break-word;}
.for-oc-grid{width: 100%;}
.onhover-categories-a.for-oc-grid{grid-column: 1/-1;margin-top: 10px;}
.onhover-categories-a.for-oc-grid a{color: var(--txt1-col);}
.onhover-categories-a::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' class='site-nav-dropdown-arrow'%3E%3Cpath d='M0.2197 6.53033C-0.0732001 6.23744 -0.0732001 5.76257 0.2197 5.46967L4.81586 0.873479C5.10876 0.580585 5.58363 0.580585 5.87652 0.873478C6.16942 1.16637 6.16942 1.64125 5.87652 1.93414L2.56066 5.25H11.25C11.6642 5.25 12 5.58579 12 6C12 6.41422 11.6642 6.75 11.25 6.75H2.56066L5.87652 10.0659C6.16942 10.3588 6.16942 10.8336 5.87652 11.1265C5.58363 11.4194 5.10876 11.4194 4.81586 11.1265L0.2197 6.53033Z' fill='%23228A65'/%3E%3C/svg%3E");margin-left: 10px;color: var(--first-t);opacity: 0;fill: currentColor;width: 12px;height: 12px;position: relative;-webkit-transition: opacity 200ms ease-in, -webkit-transform 200ms ease-in;transition: opacity 200ms ease-in, -webkit-transform 200ms ease-in;transition: transform 200ms ease-in, opacity 200ms ease-in;transition: transform 200ms ease-in, opacity 200ms ease-in, -webkit-transform 200ms ease-in;}
.onhover-categories-a:hover::after{opacity: 1;transform: translateX(-10px);}
.onhover-categories-a:hover,.onhover-categories-grid-a:hover{color: var(--first-t);background-color: var(--first-t-11);}
.onhover-categories-a.for-oc-grid a:hover{color: var(--first-t);}
.navbaritems-left{display: flex;gap: 10px;}
.search-btn{height: 40px;width: 40px;border-radius: 7px;transition: all 0.3s;display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;}
.search-btn > svg{height: 20px;width: auto;transition: all 0.3s;}
.search-btn > svg > path{transition: all 0.3s;}
.search-btn:hover{background-color: var(--first-t-11);}
.search-btn:hover > svg > path{fill: var(--first-t);}
.demo-btn{height: 40px;border-radius: 7px;transition: all 0.3s;display: flex;justify-content: center;align-items: center;padding: 0 20px;font-size: 14px;font-weight: 700;color: #fff;position: relative;cursor: pointer;}
.demo-btn > svg{height: 20px;width: auto;margin-left: 10px;}
.btn-pink{background-color: var(--first-t);}
.btn-pink:hover{background-color: #1b7153;box-shadow: 0 0 0 2px #228A6522;}
.btn-yellow{background-color: transparent;color: var(--first-t);border: 2px solid var(--first-t);}
.btn-yellow:hover{background-color: #228A6522;}

/* -------------------- Main -------------------- */

body,main,footer{background-color: #F3F4F6;}
body {
  min-height: 100vh;
  min-width: 100vw;
  display: flex;
  flex-direction: column;
}
main{width: 100%;padding-top: 70px;flex-grow: 1;} 
/* ;overflow-x: hidden; */
.with-banner{padding-top: 120px;}

/* ---- common ---- */

.primary-btn{width: 100%;height: 50px;padding: 0 20px;display: flex;justify-content: center;align-items: center;background-color: var(--first);color: #fff;border-radius: 6px;cursor: pointer;font-size: 1rem;font-weight: 600;transition: all 0.2s ease;}
.primary-btn:hover{box-shadow: 0 0 0 3px var(--first-33);background-color: var(--hover-col);}
.secondary-btn{width: 100%;height: 50px;padding: 0 20px;display: flex;justify-content: center;align-items: center;background-color: var(--first-22);color: var(--first);border-radius: 6px;cursor: pointer;font-size: 1rem;font-weight: 600;transition: all 0.2s ease;}
.secondary-btn:hover{box-shadow: 0 0 0 3px var(--first-55);}
.showall-btn{width: fit-content;height: 45px;padding: 0 25px;display: flex;justify-content: center;align-items: center;background-color: transparent;color: var(--first);border-radius: 6px;cursor: pointer;font-size: 1rem;font-weight: 600;transition: all 0.2s ease;border: 2px solid var(--first);position: relative;}
.showall-btn::after{position: relative;width: 12px;height: 11px;padding-bottom: 3px;margin-left: 15px;transform: translateX(-15px);color: #37C2CC;fill: currentColor;cursor: pointer;opacity: 1;content: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21968 6.87652C0.926775 6.58363 0.926775 6.10876 1.21968 5.81586L5.81583 1.21967C6.10873 0.926777 6.58361 0.926777 6.8765 1.21967C7.1694 1.51256 7.1694 1.98744 6.8765 2.28033L3.56063 5.59619H12.25C12.6642 5.59619 13 5.93198 13 6.34619C13 6.76041 12.6642 7.09619 12.25 7.09619H3.56063L6.8765 10.4121C7.1694 10.705 7.1694 11.1798 6.8765 11.4727C6.58361 11.7656 6.10873 11.7656 5.81583 11.4727L1.21968 6.87652Z' fill='%2337C2CC'/%3E%3C/svg%3E%0A");transition: all 0.2s ease;}
.showall-btn:hover::after{transform: translateX(-20px);}
.res-btn{display: none;}
.headline{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 50px;flex-wrap:wrap;}
.headline > .txt{display: flex;flex-direction: column;gap: 5px;padding-right: 50px;}
.headline > .txt > h2{font-weight: 900;font-size: 22px;color: var(--txt1-col);position: relative;}
.headline > .txt > h2::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 35' fill='none'%3E%3Ccircle cx='8.82059' cy='25.8987' r='8.72635' fill='%238DDECF'/%3E%3Ccircle cx='26.2732' cy='14.6792' r='7.06418' fill='%23C0F1EA'/%3E%3Ccircle cx='8.82059' cy='3.87527' r='3.73978' fill='%23C0F1EA'/%3E%3C/svg%3E");position: absolute;height: 40px;width: 40px;right: -50px;z-index: 1;}

.headline > .txt > h2.headline-special::before{content: url("https://s.w.org/images/core/emoji/14.0.0/svg/1f382.svg");}
.headline > .txt > .descrip{color: #686F82;font-weight: 600;}
.anim-zoom-effect,.anim-zoom-effect img{transition: all 0.3s !important;}
.anim-zoom-effect:hover img{transform: scale(1.1);}

/* --------------------Comments-------------------- */

form#commentform input{margin-bottom: 0 !important;background: #fff !important;border: 1px solid #D8D8D8 !important;font-size: 15px !important;font-weight: 600 !important;padding: 0 15px !important;color: var(--txt1-col) !important;font-family: YekanBakh !important;}
form#commentform textarea{margin-top: 0 !important;width: 100% !important;height: 100% !important;padding: 15px !important;overflow: auto !important;font-size: 14px !important;color: var(--txt1-col) !important;background: #fff !important;border: 1px solid #D8D8D8 !important;font-family: YekanBakh !important;}
form#commentform input[type=submit]{width: 150px !important;height: 50px !important;background: #fff !important;border: none !important;padding: 0 20px !important;color: #fff !important;background-color: var(--first) !important;border-radius: 6px !important;cursor: pointer !important;}
#respond {padding: 15px !important;}

.nocomments{width: 100%;display: flex;justify-content: center;align-items: center;background-color: #fff;min-height: 100px;font-size: 15px;font-weight: 600;color: var(--txt1-col) !important;overflow: hidden;border-radius: 8px;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);padding: 15px;}

.et-blog-addcomment-form{width: 100%;height: fit-content;padding-top: 15px;display: flex;flex-direction: column;}
.et-blog-addcomment-colfirst{width: 100%;display: grid;grid-template-columns: 1fr 2fr;gap: 25px;}
.et-blg-col{width: 100%;display: grid;gap: 10px;}
.mrg-top-25{margin-top: 25px;}
.widpx-150{width: 150px;align-self: flex-end;}
.addcomment-form-field{position: relative;width: 100%;margin-top: 25px;}
.addcomment-form-input::placeholder{color: #ABABAB;font-size: 12px;font-weight: 600;}
.addcomment-form-input{width: 100%;height: 45px;background-color: #fff;border-radius: 7px;color: var(--txt1-col);font-size: 15px;font-weight: 600;padding: 0 15px;border: 1px solid #D8D8D8;transition: all 0.2s;}
.addcomment-form-input:focus,.form-control:focus{border-color: var(--first);}
.addcomment-form-label{color: var(--txt1-col);font-size: 12px;font-weight: 600;position: absolute;right: 5px;top: -22px;transition: all 0.2s;}
.addcomment-form-label > span{color: #ea250f;margin-right: 2px;}
.form-control{width: 100%;height: 100%;background-color: #fff;border-radius: 7px;border: 1px solid #D8D8D8;transition: all 0.2s;resize: none;overflow: auto;padding: 15px;color: var(--txt1-col);font-size: 14px;font-weight: 600;}
@media screen and (max-width: 768px){.et-blog-addcomment-colfirst{grid-template-columns: 1fr;gap: 10px;}.widpx-150{width: 100%;}.form-control{height: 200px;}}

/* --------------------Footer-------------------- */

.cons-div{width: calc(100% - 200px);height: 80px;background-color: #fff;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);border-radius: 7px;padding: 0 25px;position: absolute;top: -40px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: space-between;gap: 25px;}
.et-footer-logo{display: flex;align-items: center;}
.et-footer-logo > a{height: 50px;display: flex;align-items: center;}
.et-footer-logo > a > img{height: 60%;width: auto;}
.cd-txt{width: fit-content;height: 80px;display: flex;justify-content: center;align-items: center;padding: 20px 0;gap: 15px;}
.cd-txt > .txt{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.cd-txt > .txt h3{color: var(--txt1-col);font-size: 13px;font-weight: 600;line-height: 15px;}
.cd-txt > .txt span{color: var(--txt1-col);font-size: 20px;font-weight: 800;line-height: 15px;}
.et-footer-call-container{width: 40px;height: 40px;background-color: var(--first-t);display: flex;justify-content: center;align-items: center;border-radius: 7px;}
.et-footer-call-container svg{width: 25px;height: 25px;}
footer{position: relative;width: 100%;background-color: var(--footer-c1);margin-top: 40px;}
.myfootercontainer{padding: 15px 100px;}
.top-section{width: 100%;display: flex;justify-content: space-between;overflow: hidden;padding-top: 40px;}
.footer-intro{width: 30%;}
.footer-intro > .txt{display: flex;flex-direction: column;}
.footer-intro > .txt p{color: #fff;font-weight: 600;font-size: 13px;}
.et-footer-headline{font-size: 16px;font-weight: 800;color: #fff;margin: 20px 0;}
.footer-menu{width: 65%;display: flex;justify-content: space-between;gap: 25px;}
.et-footer-submenu > ul{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.et-footer-submenu > ul > li{list-style: disc;color: #fff;margin-right: 15px;}
.et-footer-submenu > ul > li > a{color: #fff;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.3s;}
.et-footer-nemad > ul{display: flex;align-items: center;align-items: center;gap: 10px;}
.et-footer-nemad a{width: 100px;height: 100px;border-radius: 8px;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: all .2s;background-color: #ffffff;}
.et-footer-nemad a:hover{background-color: #f1f1f1;}
.et-footer-nemad a > img{height: 80%;width: auto;}
.bott-section{display: flex;justify-content: center;width: 100%;background-color: var(--footer-c2);}
.footer-copyright{width: 100%;min-height: 50px;display: flex;justify-content: space-between;align-items: center;padding: 0 100px;}
.footer-copyright > span{height: 100%;display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 600;color: #fff;text-align: center;}
.social-div{display: flex;align-items: center;flex-wrap: wrap;gap: 5px;direction: ltr;}
.social-div > a{padding: 5px;border-radius: 7px;transition: all .2s;display: flex;justify-content: center;align-items: center;}
.social-div > a:hover{background-color: #00000011;}
.social-div svg{width: 28px;height: 28px;}



.modal.webinar-modal .modal-div {
  width: 800px;
}
.modal.webinar-success-modal .modal-div {
  width: 900px;
}

a.et-telegram-btn{
  width: fit-content;
  padding: 8px 32px; 
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  background-color: #0061C8;}

  .et-sticky-sidebar {
    position: -webkit-sticky;
    /* For Safari */
    position: sticky;
    top: 0;
}


/* --------------------MediaQuery-------------------- */

@media screen and (max-width: 1300px)
{
  .navbarnav{padding: 0 50px;}
  .mycontainer{padding: 35px 50px;}
  .myfootercontainer{padding: 15px 50px;}
  .footer-copyright{padding: 0 50px;}
  .et-header-banner-container{padding: 0 50px;}
  .cons-div{width: calc(100% - 100px);}
}
@media screen and (max-width: 1200px)
{
  nav,.navbaritems-left{display: none;}
  .navbarlogo{justify-content: flex-start;}
  .burger{display: flex;}
  .demo-btn{width: 100%;}
  /* Footer */
  .top-section{flex-direction: column;gap: 25px;}
  .footer-intro{width: 100%;display: flex;justify-content: center;}
  .footer-intro > .txt{width: 400px;max-width: 100%;}
  .footer-intro > .txt p{text-align: center;}
  .et-footer-headline{width: 100%;text-align: center;}
  .footer-menu{width: 100%;flex-direction: column;justify-content: center;align-items: center;}
  .footer-menu > ul{flex-wrap: wrap;justify-content: center;}  
  .social-div{width: 100%;justify-content: center;}
  .footer-copyright{flex-direction: column-reverse;padding: 15px 50px;gap: 15px;}
}
@media screen and (max-width: 1024px)
{
  .navbarnav{padding: 0 25px;}
  .mycontainer{padding: 25px;}
  .myfootercontainer{padding: 15px 25px;}
  .footer-copyright{padding: 15px 25px;}
  .et-header-banner-container{padding: 0 25px;}
  .et-header-banner-container{gap: 7px;}
  .et-header-banner-txt{font-size: 10px;}
  .et-header-banner-headline{font-size: 11px;font-weight: 600;}
  .et-header-banner-timer{gap: 5px;}
  .et-header-banner-timer > div{width: 25px;height: 35px;border-radius: 3px;}
  .et-header-banner-timer > div > span:first-child{font-size: 10px;}
  .et-header-banner-timer > div > span:last-child{font-size: 8px;}
  /* Footer */
  .cons-div{width: calc(100% - 50px);}
}
@media screen and (max-width: 768px)
{
  .headline{gap: 25px;}
  .headline > a{display: none;}
  .res-btn{display: flex;width: 100%;}
}
@media screen and (max-width: 480px)
{
  .mycontainer{padding: 15px;}
  .navbarnav{padding: 0 15px;}
  .myfootercontainer{padding: 15px 15px;}
  .footer-copyright{padding: 15px 15px;}
  .et-header-banner-container{padding: 0 15px;}
  .et-header-banner-txt{font-size: 8px;}
  .et-header-banner-headline{font-size: 9px;}
  .et-header-banner-timer{gap: 2px;}
  .et-header-banner-timer > div{width: 20px;height: 30px;border-radius: 2px;}
  .et-header-banner-timer > div > span:first-child{font-size: 8px;}
  .et-header-banner-timer > div > span:last-child{font-size: 6px;}
  /* Modal */
  .col2-gr{grid-template-columns: 1fr;}
  .col3-gr{grid-template-columns: 1fr;}

  .modal-header-img{left: 20%;right: 20%;width: 60%;height: 120px;}
  /* Footer */
  .cons-div{width: calc(100% - 30px);padding: 0 15px;gap: 0;}
  .footer-logo > a{height: 40px;}
  .cd-txt{height: 40px;padding: 0;gap: 10px;}
  .cd-txt > .txt h3{font-size: 12px;}
  .cd-txt > .txt span{font-size: 18px;}
}
@media screen and (max-width: 370px)
{
  .sidebar{width: 100%;}
}
.hidden{display: none;}.show{display: flex;}
.slide-show{right: 0;-webkit-box-shadow: -10px 0 30px 5px #022F4766;box-shadow: -10px 0 30px 5px #022F4766;}
@media screen and (min-width: 1201px){.slider-page{display: none;}.sidebar{display: none;}}


.et-blog-comment-main{display: grid;width: 100%;gap: 15px;}
.et-commentcontainer{width: 100%;border: 1px solid #eee;border-radius: 8px;padding: 15px;display: flex;flex-direction: column;}
.comment-up{border-bottom: 1px solid #eee;padding-bottom: 15px;}
.et-cover-profileimg{display: flex;gap: 15px;}
.et-cover-profileimg img{width: 50px;height: 50px;border-radius: 50%;}
.et-cover-profileimg > .txt{width: 100%;height: 50px;display: flex;flex-direction: column;justify-content: space-between;color: var(--txt1-col);}
.et-cover-profileimg > .txt > p{font-size: 15px;font-weight: 700;}
.et-cover-profileimg > .txt > span{font-size: 12px;font-weight: 600;position: relative;display: flex;align-items: center;}
.et-cover-profileimg > .txt > span::before{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 1.66667V4.16667M13.3333 1.66667V4.16667M2.91667 7.575H17.0833M17.5 7.08333V14.1667C17.5 16.6667 16.25 18.3333 13.3333 18.3333H6.66667C3.75 18.3333 2.5 16.6667 2.5 14.1667V7.08333C2.5 4.58333 3.75 2.91667 6.66667 2.91667H13.3333C16.25 2.91667 17.5 4.58333 17.5 7.08333Z' stroke='%23B9B9B9' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99579 11.4167H10.0041M6.91162 11.4167H6.91995M6.91162 13.9167H6.91995' stroke='%23B9B9B9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");position: relative;width: 16px;height: 16px;margin-left: 5px;top: -1px;}
.comment-down{padding-top: 15px;}
.comment-down-p{font-size: 14px;font-weight: 400;color: var(--txt2-col);}
.comment-answer{position: relative;padding-right: 50px;}
.comment-answer::before {
  content: "";
  display: block;
  height: 112%;
  position: absolute;
  right: 25px;
  top: -79%;
  width: 3px;
  background-color: #eee;
}
.comment-answer > .et-commentcontainer::before{content: "";display: block;height: 3px;position: relative;right: -38px;top: 30px;background-color: #eee;width: 22px;}
.comment-answer > .et-commentcontainer{background-color: #eeeeee33;}

.et-blog-addcomment-form{width: 100%;height: fit-content;padding-top: 15px;display: flex;flex-direction: column;}
.et-blog-addcomment-colfirst{width: 100%;display: grid;grid-template-columns: 1fr 2fr;gap: 25px;}
.et-blg-col{width: 100%;display: grid;gap: 10px;}
.mrg-top-25{margin-top: 25px;}
.widpx-150{width: 150px;align-self: flex-end;}
.addcomment-form-field{position: relative;width: 100%;margin-top: 25px;}
.addcomment-form-input::placeholder{color: #ABABAB;font-size: 12px;font-weight: 600;}
.addcomment-form-input{width: 100%;height: 45px;background-color: #fff;border-radius: 7px;color: var(--txt1-col);font-size: 15px;font-weight: 600;padding: 0 15px;border: 1px solid #D8D8D8;transition: all 0.2s;}
.addcomment-form-input:focus,.form-control:focus{border-color: var(--first);}
.addcomment-form-label{color: var(--txt1-col);font-size: 12px;font-weight: 600;position: absolute;right: 5px;top: -22px;transition: all 0.2s;}
.addcomment-form-label > span{color: #ea250f;margin-right: 2px;}
.form-control{width: 100%;height: 100%;background-color: #fff;border-radius: 7px;border: 1px solid #D8D8D8;transition: all 0.2s;resize: none;overflow: auto;padding: 15px;color: var(--txt1-col);font-size: 14px;font-weight: 600;}

@keyframes linearGradientMove {
  100% {
    background-position: 16px 0, -16px 100%, 0 -16px, 100% 16px;
  }
}

@keyframes clippath {
  0%,100% {
      clip-path: inset(0 0 95% 0);
  }
  
  25% {
      clip-path: inset(0 95% 0 0);
  }
  50% {
      clip-path: inset(95% 0 0 0);
  }
  75% {
      clip-path: inset(0 0 0 95%);
  }
}


.loading-border {
  transition: all .3s;
  border-color: transparent !important;
}

.loading-border::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 2px solid;
  border-color: var(--first-t) !important;
  transition: all .3s;
  animation: clippath 2s infinite linear;
  border-radius: inherit;
}


.tg-hover-effect .effect-item {
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  padding: 5px 0;
  line-height: 1;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #1b7153, #1b7153 50%, #000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.2s ease-in-out;
}

.tg-hover-effect .effect-item:before {
  display: block;
  content: "";
  width: 0;
  height: 1px;
  left: 0;
  bottom: 3px;
  z-index: 0;
  position: absolute;
  background: #1b7153;
  transition: all 0.2s ease-in-out;
}

.tg-hover-effect .effect-item:hover {
  background-position: 0%;
}

.tg-hover-effect .effect-item:hover:before {
  width: 100%;
}