@font-face{font-family: YekanEn;font-style: normal;font-weight: 600;src: url("../font/roboto/Roboto-Bold.woff") format("woff");font-display: swap; unicode-range: U+30-39;}

:root{
    --color-brand1: #FF715B;
    --color-brand2: #009966;
    --color-brand3: #3A3A3A;
    --color-bg: #fff;
    --color-brand1-hover: #c93700;
    --color-brand2-hover: #006e4b;
    --color-brand3-hover: #2a2a2a;
}

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }
* {scrollbar-width: thin;scrollbar-color: var(--color-brand1-hover);margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
*::-webkit-scrollbar {width: 12px;height: 12px;}
*::-webkit-scrollbar-track {background: var(--color-brand1-hover);}
*::-webkit-scrollbar-thumb {background-color: var(--color-brand1-hover);border-radius: 20px;border: 3px solid var(--color-brand1-hover);}
html {scroll-behavior: smooth;}
body{font-family: YekanEn, "Roboto", Helvetica, Arial, sans-serif!important;font-size: 14px;overflow-x: hidden;z-index: 0;height: 100%;margin: 0;padding: 0;top: 0;bottom: 0;right: 0;left: 0;line-height: normal;}

.general-font{font-family: YekanEn, "Roboto", Helvetica, Arial, sans-serif!important;}
.justify-text{text-align: justify;}

.aspect-ratio{aspect-ratio: 1;}
.pointer{cursor: pointer;}
.text-brand{color: var(--color-brand1)!important;}
.text-brand2{color: var(--color-brand2)!important;}
.text-brand3{color: var(--color-brand3)!important;}

.bg-brand{background-color: var(--color-brand1)!important;}
.bg-brand2{background-color: var(--color-brand2)!important;}
.bg-brand3{background-color: var(--color-brand3)!important;}

.border-brand{border: solid 2px var(--color-brand1)!important;}

.text-10{font-size: 10px!important;}
.text-12{font-size: 12px!important;}
.text-14{font-size: 14px!important;}
.text-16{font-size: 16px!important;}
.text-18{font-size: 18px!important;}
.text-20{font-size: 20px!important;}
.text-35{font-size: 35px!important;}

.logo-60{height: 100%;max-height: 60px;min-height: 30px;width:auto;}

.height-40{height: 40px;!important;}
.height-80{height: 80px;!important;}
.height-100{height: 100px;!important;}
.height-150{height: 150px!important;}
.height-200{height: 200px!important;}
.height-300{height: 300px!important;}

.width-80{width: 80px!important;}
.width-150{width: 150px!important;}
.width-200{width: 200px!important;}
.width-300{width: 300px!important;}

.link-active{color: var(--color-brand1)!important;}

/*style.css edits*/
.bubble-bg {position: relative;}
.bubble-bg::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/svg/bubble-bg.svg") no-repeat center center;background-size: cover;opacity: 1;z-index: -1;}

.nav-light{background-color: transparent;}
.nav-light .text-light{color: #fff;}
@media (max-width: 992px) {
    .nav-light{background-color: #fff;}
    .nav-light .text-light{color: #000!important;}
}

.nav-link{text-align: center;border-bottom: 2px solid #fff;position: relative;text-decoration: none;}
.nav-link::after {content: '';position: absolute;bottom: 5px;left: 50%;width: 0;height: 2px;background-color: #FF4500;transition: width 0.4s ease, left 0.4s ease;transform: translateX(-50%);}
.nav-link:hover::after {width: 40px;}

.team-item{display: flex;justify-content: start;align-items: center;width: 320px;height:90px;background-color: #FF715B22;border-radius: 7px;padding: 10px 15px;cursor: pointer;}
.team-image{width: 85px;}
.team-image img{width:100%;height:auto;border-radius: 50%;aspect-ratio: 1;}
.team-info{text-align: right;margin-right: 10px;}

.box-glow:hover {display: inline-block;animation: smoothMove 1.8s ease-in-out infinite;}

.smooth-move-animation {display: inline-block;animation: smoothMove 1.8s ease-in-out infinite;}
@keyframes smoothMove {
    0%, 100% {transform: translateX(0);}
    50% {transform: translateX(5px);}
}
.smooth-y-move-animation {display: inline-block;animation: smoothYMove 1.8s ease-in-out infinite;}
@keyframes smoothYMove {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(5px);}
}

.glow-animation {animation-name: pulse-glow;animation-duration: 4s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;transform: translateZ(0);}
@keyframes pulse-glow {
    0% {box-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 217, 217);}
    50% {box-shadow: 0 0 10px rgb(255, 217, 217), 0 0 20px rgb(255, 255, 255), 0 0 30px rgb(255, 217, 217);}
    100% {box-shadow: 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 217, 217);}
}

.hard-move-animation {display: inline-block;animation: hardMove 1.8s ease-in-out infinite;}
.svg-animation-delay{animation-delay: 0.9s;}
@keyframes hardMove {
    0%, 100% {transform: translateX(0);}
    50% {transform: translateX(10px);}
}

/*** Rule -> According ***/
.text-card {font-size:14px;font-weight: 400;padding: 0 18px;background-color: white;max-height: 150px;overflow: hidden;transition: max-height 0.7s ease-out;}
.text-card h2{font-size:18px;font-weight: bold;}
.text-card h3{font-size:16px;font-weight: bold;}
.text-card h4{font-size:14px;font-weight: bold;}
.rule-card {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;}
.text-svg {transition: 0.5s ease-out;}

/*** Alert ***/
.alert{position:fixed;align-items:center;top:90px;left:50%;transform:translate(-50%,0);border-radius:4px;padding:10px;font-size:13px;z-index:999;box-shadow:0 2px 20px #00000011}
.alert.success-badge{background-color:#ecfdf2;color:#00892d;border:1px solid #d2fde4}
.alert.danger-badge{background-color:#ffefef;color:#e50000;border:1px solid hsla(0,100%,45%,.2)}
.alert.info-badge{background-color:#eff7ff;color:#0972dc;border:1px solid #d3e0fc}
.alert.warning-badge{background-color:#fffcef;color:#dc7609;border:1px solid #fcf5d3}
.close-alert{display:flex;justify-content:center;align-items:center;width:25px;height:25px;cursor:pointer;border-radius:3px;transition:.3s}
.close-alert span{font-size:16px;font-weight:800;line-height:1px}
@media screen and (max-width:480px){
    .alert{width:90%}
    .close-alert{padding:5px 7px}
}