@font-face{font-family:vazir;src:url(./Vazir.woff);font-display:swap}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{background:linear-gradient(-45deg,#ffbfab,#ffebc8,#fbc67c);flex-wrap:nowrap;place-content:center;align-items:center;padding:10px 5px;font-family:vazir;display:flex}#container{background:#fff;border-radius:11px;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);gap:10px;width:1200px;min-height:500px;display:grid;box-shadow:8px 9px 36.4px #00000040}#container #right-side{padding:0 20px}#container #right-side p{text-align:justify;font-family:vazir;font-size:14px;font-style:normal;line-height:2}#container #right-side p strong{font-size:16px;font-weight:700;line-height:2.5}#container #right-side #timeline ul{border-right:2px solid #b7d0da;margin:0 0 10px;padding:0 20px 0 0;list-style-type:none}#container #right-side #timeline ul li{padding:10px;transition:all .5s;position:relative}#container #right-side #timeline ul li .content h3{color:orange;margin:0;font-size:16px}#container #right-side #timeline ul li .content p{margin:5px;font-size:14px;line-height:2}#container #right-side #timeline ul li .content a{justify-content:left;text-decoration:none;display:flex}#container #right-side #timeline ul li .content a button{color:orange;cursor:pointer;background:#fff;border:1px solid orange;border-radius:5px;height:28px;font-family:vazir;transition:all .5s}#container #right-side #timeline ul li .content a button:hover{color:#fff;background:orange}@media only screen and (width<=1000px){#container #right-side #timeline ul li .content a{text-align:center;width:100%;margin-top:10px;display:block}#container #right-side #timeline ul li .content a button{padding:2px 10px;font-size:14px}}#container #right-side #timeline ul li:before{content:"";background-color:#ccccc6;border-radius:50%;width:10px;height:10px;transition:all .5s;position:absolute;top:17px;right:-26px}@media only screen and (width>=1000px){#container #right-side #timeline ul li:hover{background:#fcf6eb;border-radius:10px}#container #right-side #timeline ul li:hover:before{background-color:orange;box-shadow:0 0 5px 2px #ead6b1}}@media only screen and (width<=1000px){#container #right-side #timeline ul li:nth-child(odd){background:#fcf6eb}#container #right-side #timeline ul li:nth-child(odd):before{background-color:orange;box-shadow:0 0 5px 2px #ead6b1}#container #right-side{order:1;grid-column:1/3}}#container #left-side{justify-content:center;margin-top:30px;padding:0 15px;display:flex;position:relative}#container #left-side #card{text-align:center;background:#ffffff08;border-radius:20px;max-width:380px;max-height:350px;padding:25px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}#container #left-side #card a{width:100%;text-decoration:none}#container #left-side #card a p{color:gray;font-size:18px;font-weight:700}#container #left-side #card a img{width:330px;height:300px}@media only screen and (width<=1000px){#container #left-side #card a img{width:230px;height:200px}#container #left-side #card{border-radius:5px;width:300px;height:290px;padding:0}}#container #welcome-section{grid-column:1/3}#container #welcome-section p{margin:10px 30px 0;line-height:2}@media only screen and (width<=1000px){#container #welcome-section p{text-align:justify}#container #welcome-section{order:1;margin:20px 0}#container{grid-template-columns:repeat(1,1fr);gap:0}}