body {
  background: #fff;
  font-family: Shabnam3;
 
}



.popup{
    position: fixed;
    background-color: #ADD8E6;
    background-image: url('/assets/img/tech/sale.png');
	background-size: cover;
    width: 600px;
	height: 400px;
    padding: 30px 40px;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 28px;
    margin-left: -300px;
    margin-top: -200px;
    display: none; 
    box-shadow: 15px 15px 3px 0px rgba(97,97,97,0.5);
	transform: scale(1);
	z-index:50;
	-webkit-animation : pulse 1s infinite;
    -moz-animation    : pulse 1s infinite;
    -o-animation      : pulse 1s infinite;
    animation         : pulse 1.5s ;

}
.area {
  display: block;
  width: 500px;
  height: 300px;
}
@keyframes pulse {
    from {
        transform : scale(0);
        opacity   : 0;
    }
    10% {
        transform : scale(0);
        opacity   : 0.15;
    }
    to {
        transform : scale(1);
        opacity   : 1;
    }
}


.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size: 40px;
    color: #ffffff;
		background: red;
		border-radius: 100%;
		width: 50px;
		height: 50px;
    border: none;
    outline: none;
    cursor: pointer;
}


.projects-cards {
	padding-top: 0px;
	margin-left: auto;
    margin-right: auto;
}

.carousel-control-prev-icon {
width: 80px;
height: 80px;
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230ff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
background-position: center left;
}

.carousel-control-next-icon {
width: 80px;
height: 80px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230ff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}


.carousel .carousel-indicators li {background-color: yellow;}
.carousel .carousel-indicators li.active {background-color: red;}

#scroll-container {
  border: 0px solid black;
  border-radius: 5px;
  height: 200px;
  width: 390px;
  overflow: hidden;
}

#scroll-text {
  height: 100%;
  text-align: center;
  align-items: center;
  margin-left: 25px;
  line-height: 1.9;
  
  /* animation properties */
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  
  -moz-animation: my-animation 90s linear infinite;
  -webkit-animation: my-animation 90s linear infinite;
  animation: my-animation 90s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateY(100%); }
  to { -moz-transform: translateY(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateY(100%); }
  to { -webkit-transform: translateY(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -moz-transform: translateY(-1600%);
    -webkit-transform: translateY(-1600%);
    transform: translateY(-1600%);
  }
}

img {
  max-width: 100%;
  padding: 15px;
  padding-bottom: 20px;
}
*{box-sizing:border-box;}

body{
  font-family:Shabnam3;
  color: rgba(0,0,0,0.8);
  
}
h5{
  font-weight:10;
  font-size:12px;
  color:red;
}
h4{
  font-weight:10;
  font-size:14px;
}
h3{
  font-weight:20;
  font-size:16px;
}
h2{
  font-weight:40;
  font-size:20px;
}
p{
  margin: 5px;
  font-size:12px;
  color: rgba(0,0,0,0.8);
}

p1{
  font-size:16px;
  padding-right: 35px;
  color: white;
}

.stage{
  max-width:95%;
  margin-top:30px;
  margin-bottom:50px;
  margin-right:auto;
  margin-left:auto;
  position:relative;  
     overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
  
}
.folder-wrap{
  display: flex;
  flex-wrap:wrap;
}

.course{
	width: 100%;
}

.tile{
    border-radius: 40px;
    width: calc(23.5% - 17px);
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    border: 2px solid #eeeeee;
    transition: 0.2s all cubic-bezier(0.4, 0.0, 0.2, 1);
    position: relative;
    padding: 5px 5px 5px;
    margin-right: 30px;
    cursor: pointer;
}
.tile:hover{
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.65);
}
.tile i{
    color: #00A8FF;
    height: 55px;
    margin-bottom: 20px;
    font-size: 55px;
    display: block;
    line-height: 54px;
    cursor: pointer;
}
.tile i.mdi-file-document{
  color:#8fd9ff;
}

.back, .back2, .back3, .back4, .back11, .back12, .back13, .back14, .back15, .back16, .back17, .back18, .back19, .back21, .back22, .back23, .back24, .back25, .back26, .back27, .back28, .back31, .back32, .back41, .back42, .back43, .back44, .back45, .back46, .back47, .back48, .back49, .back50, .back111, .back112, .back113, .back114, .back115, .back116, .back121, .back122, .back123, .back124, .back125, .back126, .back131, .back132, .back133, .back134, .back135, .back136, .back141, .back142, .back143, .back144, .back145, .back146, .back151, .back152, .back153, .back154, .back155, .back156, .back161, .back162, .back163, .back164, .back165, .back166, .back171, .back172, .back173, .back174, .back175, .back176, .back181, .back182, .back183, .back184, .back185, .back186, .back191, .back192, .back193, .back194, .back195, .back196, .back210, .back220, .back230, .back240, .back250, .back260, .back270, .back280, .back310, .back320, .back1110, .back1120, .back1130, .back1140, .back1150, .back1160, .back1210, .back1220, .back1230, .back1240, .back1250, .back1260, .back1310, .back1320, .back1330, .back1340, .back1350, .back1360, .back1410, .back1420, .back1430, .back1440, .back1450, .back1460, .back1510, .back1520, .back1530, .back1540, .back1550, .back1560, .back1610, .back1620, .back1630, .back1640, .back1650, .back1660, .back1710, .back1720, .back1730, .back1740, .back1750, .back1760, .back1810, .back1820, .back1830, .back1840, .back1850, .back1860, .back1910, .back1920, .back1930, .back1940, .back1950, .back1960 {
  font-size: 16px;
  background: transparent;
  border: 0;
  color: white;
  outline:none;
  cursor:pointer;
  width: 0;
  height: 0;
  padding-bottom: 25px;
  padding-right: 50px;
  border-top: 40px solid transparent;
  border-left: 100px solid #00a8ff;
  border-bottom: 40px solid transparent;
}


Button
{
	 margin-left: 40px;
}


/* Transitioning */
.folder-wrap{
  position: absolute;
  width: 100%;
  transition: .365s all cubic-bezier(.4,0,.2,1);
  pointer-events: none;
  opacity: 0;
  top: 0;
}
.folder-wrap.level-up, .folder-wrap.level-up2, .folder-wrap.level-up3, .folder-wrap.level-up4, .folder-wrap.level-up11, .folder-wrap.level-up12, .folder-wrap.level-up13, .folder-wrap.level-up14, .folder-wrap.level-up15, .folder-wrap.level-up16, .folder-wrap.level-up17, .folder-wrap.level-up18, .folder-wrap.level-up19, .folder-wrap.level-up21, .folder-wrap.level-up22, .folder-wrap.level-up23, .folder-wrap.level-up24, .folder-wrap.level-up25, .folder-wrap.level-up26, .folder-wrap.level-up27, .folder-wrap.level-up28, .folder-wrap.level-up31, .folder-wrap.level-up32, .folder-wrap.level-up41, .folder-wrap.level-up42, .folder-wrap.level-up43, .folder-wrap.level-up44, .folder-wrap.level-up45, .folder-wrap.level-up46, .folder-wrap.level-up47, .folder-wrap.level-up48, .folder-wrap.level-up49, .folder-wrap.level-up50, .folder-wrap.level-up111, .folder-wrap.level-up112, .folder-wrap.level-up113, .folder-wrap.level-up114, .folder-wrap.level-up115, .folder-wrap.level-up116, .folder-wrap.level-up121, .folder-wrap.level-up122, .folder-wrap.level-up123, .folder-wrap.level-up124, .folder-wrap.level-up125, .folder-wrap.level-up126, .folder-wrap.level-up131, .folder-wrap.level-up132, .folder-wrap.level-up133, .folder-wrap.level-up134, .folder-wrap.level-up135, .folder-wrap.level-up136, .folder-wrap.level-up141, .folder-wrap.level-up142, .folder-wrap.level-up143, .folder-wrap.level-up144, .folder-wrap.level-up145, .folder-wrap.level-up146, .folder-wrap.level-up151, .folder-wrap.level-up152, .folder-wrap.level-up153, .folder-wrap.level-up154, .folder-wrap.level-up155, .folder-wrap.level-up156, .folder-wrap.level-up161, .folder-wrap.level-up162, .folder-wrap.level-up163, .folder-wrap.level-up164, .folder-wrap.level-up165, .folder-wrap.level-up166, .folder-wrap.level-up171, .folder-wrap.level-up172, .folder-wrap.level-up173, .folder-wrap.level-up174, .folder-wrap.level-up175, .folder-wrap.level-up176, .folder-wrap.level-up181, .folder-wrap.level-up182, .folder-wrap.level-up183, .folder-wrap.level-up184, .folder-wrap.level-up185, .folder-wrap.level-up186, .folder-wrap.level-up191, .folder-wrap.level-up192, .folder-wrap.level-up193, .folder-wrap.level-up194, .folder-wrap.level-up195, .folder-wrap.level-up196, .folder-wrap.level-up210, .folder-wrap.level-up220, .folder-wrap.level-up230, .folder-wrap.level-up240, .folder-wrap.level-up250, .folder-wrap.level-up260, .folder-wrap.level-up270, .folder-wrap.level-up280, .folder-wrap.level-up310, .folder-wrap.level-up320, .folder-wrap.level-up1110, .folder-wrap.level-up1120, .folder-wrap.level-up1130, .folder-wrap.level-up1140, .folder-wrap.level-up1150 {
  transform: scale(1);
    
}
.folder-wrap.level-current, .folder-wrap.level-current2, .folder-wrap.level-current3, .folder-wrap.level-current4, .folder-wrap.level-current11, .folder-wrap.level-current12, .folder-wrap.level-current13, .folder-wrap.level-current14, .folder-wrap.level-current15, .folder-wrap.level-current16, .folder-wrap.level-current17, .folder-wrap.level-current18, .folder-wrap.level-current19, .folder-wrap.level-current21, .folder-wrap.level-current22, .folder-wrap.level-current23, .folder-wrap.level-current24, .folder-wrap.level-current25, .folder-wrap.level-current26, .folder-wrap.level-current27, .folder-wrap.level-current28, .folder-wrap.level-current31, .folder-wrap.level-current32, .folder-wrap.level-current41, .folder-wrap.level-current42, .folder-wrap.level-current43, .folder-wrap.level-current44, .folder-wrap.level-current45, .folder-wrap.level-current46, .folder-wrap.level-current47, .folder-wrap.level-current48, .folder-wrap.level-current49, .folder-wrap.level-current50, .folder-wrap.level-current111, .folder-wrap.level-current112, .folder-wrap.level-current113, .folder-wrap.level-current114, .folder-wrap.level-current115, .folder-wrap.level-current116, .folder-wrap.level-current121, .folder-wrap.level-current122, .folder-wrap.level-current123, .folder-wrap.level-current124, .folder-wrap.level-current125, .folder-wrap.level-current126, .folder-wrap.level-current131, .folder-wrap.level-current132, .folder-wrap.level-current133, .folder-wrap.level-current134, .folder-wrap.level-current135, .folder-wrap.level-current136, .folder-wrap.level-current141, .folder-wrap.level-current142, .folder-wrap.level-current143, .folder-wrap.level-current144, .folder-wrap.level-current145, .folder-wrap.level-current146, .folder-wrap.level-current151, .folder-wrap.level-current152, .folder-wrap.level-current153, .folder-wrap.level-current154, .folder-wrap.level-current155, .folder-wrap.level-current156, .folder-wrap.level-current161, .folder-wrap.level-current162, .folder-wrap.level-current163, .folder-wrap.level-current164, .folder-wrap.level-current165, .folder-wrap.level-current166, .folder-wrap.level-current171, .folder-wrap.level-current172, .folder-wrap.level-current173, .folder-wrap.level-current174, .folder-wrap.level-current175, .folder-wrap.level-current176, .folder-wrap.level-current181, .folder-wrap.level-current182, .folder-wrap.level-current183, .folder-wrap.level-current184, .folder-wrap.level-current185, .folder-wrap.level-current186, .folder-wrap.level-current191, .folder-wrap.level-current192, .folder-wrap.level-current193, .folder-wrap.level-current194, .folder-wrap.level-current195, .folder-wrap.level-current196, .folder-wrap.level-current210, .folder-wrap.level-current220, .folder-wrap.level-current230, .folder-wrap.level-current240, .folder-wrap.level-current250, .folder-wrap.level-current260, .folder-wrap.level-current270, .folder-wrap.level-current280, .folder-wrap.level-current310, .folder-wrap.level-current320, .folder-wrap.level-current1110, .folder-wrap.level-current1120, .folder-wrap.level-current1130, .folder-wrap.level-current1140, .folder-wrap.level-current1150, .folder-wrap.level-current1210, .folder-wrap.level-current1220, .folder-wrap.level-current1230, .folder-wrap.level-current1240, .folder-wrap.level-current1250, .folder-wrap.level-current1310, .folder-wrap.level-current1320, .folder-wrap.level-current1330, .folder-wrap.level-current1340, .folder-wrap.level-current1350, .folder-wrap.level-current1410, .folder-wrap.level-current1420, .folder-wrap.level-current1430, .folder-wrap.level-current1440, .folder-wrap.level-current1450, .folder-wrap.level-current1510, .folder-wrap.level-current1520, .folder-wrap.level-current1530, .folder-wrap.level-current1540, .folder-wrap.level-current1550, .folder-wrap.level-current1610, .folder-wrap.level-current1620, .folder-wrap.level-current1630, .folder-wrap.level-current1640, .folder-wrap.level-current1650, .folder-wrap.level-current1710, .folder-wrap.level-current1720, .folder-wrap.level-current1730, .folder-wrap.level-current1740, .folder-wrap.level-current1750, .folder-wrap.level-current1810, .folder-wrap.level-current1820, .folder-wrap.level-current1830, .folder-wrap.level-current1840, .folder-wrap.level-current1850, .folder-wrap.level-current1910, .folder-wrap.level-current1920, .folder-wrap.level-current1930, .folder-wrap.level-current1940, .folder-wrap.level-current1950{
  transform: scale(1);
  pointer-events:all;
  opacity:1;
  position:relative;
  height: auto;
  overflow: visible;
}
.folder-wrap.level-down, .folder-wrap.level-down2, .folder-wrap.level-down3, .folder-wrap.level-down4, .folder-wrap.level-down11, .folder-wrap.level-down12, .folder-wrap.level-down13, .folder-wrap.level-down14, .folder-wrap.level-down15, .folder-wrap.level-down16, .folder-wrap.level-down17, .folder-wrap.level-down18, .folder-wrap.level-down19, .folder-wrap.level-down21, .folder-wrap.level-down22, .folder-wrap.level-down23, .folder-wrap.level-down24, .folder-wrap.level-down25, .folder-wrap.level-down26, .folder-wrap.level-down27, .folder-wrap.level-down28, .folder-wrap.level-down31, .folder-wrap.level-down32, .folder-wrap.level-down41, .folder-wrap.level-down42, .folder-wrap.level-down43, .folder-wrap.level-down44, .folder-wrap.level-down45, .folder-wrap.level-down46, .folder-wrap.level-down47, .folder-wrap.level-down48, .folder-wrap.level-down49, .folder-wrap.level-down50, .folder-wrap.level-down111, .folder-wrap.level-down112, .folder-wrap.level-down113, .folder-wrap.level-down114, .folder-wrap.level-down115, .folder-wrap.level-down116, .folder-wrap.level-down121, .folder-wrap.level-down122, .folder-wrap.level-down123, .folder-wrap.level-down124, .folder-wrap.level-down125, .folder-wrap.level-down126, .folder-wrap.level-down131, .folder-wrap.level-down132, .folder-wrap.level-down133, .folder-wrap.level-down134, .folder-wrap.level-down135, .folder-wrap.level-down136, .folder-wrap.level-down141, .folder-wrap.level-down142, .folder-wrap.level-down143, .folder-wrap.level-down144, .folder-wrap.level-down145, .folder-wrap.level-down146, .folder-wrap.level-down151, .folder-wrap.level-down152, .folder-wrap.level-down153, .folder-wrap.level-down154, .folder-wrap.level-down155, .folder-wrap.level-down156, .folder-wrap.level-down161, .folder-wrap.level-down162, .folder-wrap.level-down163, .folder-wrap.level-down164, .folder-wrap.level-down165, .folder-wrap.level-down166, .folder-wrap.level-down171, .folder-wrap.level-down172, .folder-wrap.level-down173, .folder-wrap.level-down174, .folder-wrap.level-down175, .folder-wrap.level-down176, .folder-wrap.level-down181, .folder-wrap.level-down182, .folder-wrap.level-down183, .folder-wrap.level-down184, .folder-wrap.level-down185, .folder-wrap.level-down186, .folder-wrap.level-down191, .folder-wrap.level-down192, .folder-wrap.level-down193, .folder-wrap.level-down194, .folder-wrap.level-down195, .folder-wrap.level-down196, .folder-wrap.level-down210, .folder-wrap.level-down220, .folder-wrap.level-down230, .folder-wrap.level-down240, .folder-wrap.level-down250, .folder-wrap.level-down260, .folder-wrap.level-down270, .folder-wrap.level-down280, .folder-wrap.level-down310, .folder-wrap.level-down320, .folder-wrap.level-down1110, .folder-wrap.level-down1120, .folder-wrap.level-down1130, .folder-wrap.level-down1140, .folder-wrap.level-down1150, .folder-wrap.level-down1210, .folder-wrap.level-down1220, .folder-wrap.level-down1230, .folder-wrap.level-down1240, .folder-wrap.level-down1250, .folder-wrap.level-down1310, .folder-wrap.level-down1320, .folder-wrap.level-down1330, .folder-wrap.level-down1340, .folder-wrap.level-down1350, .folder-wrap.level-down1410, .folder-wrap.level-down1420, .folder-wrap.level-down1430, .folder-wrap.level-down1440, .folder-wrap.level-down1450, .folder-wrap.level-down1510, .folder-wrap.level-down1520, .folder-wrap.level-down1530, .folder-wrap.level-down1540, .folder-wrap.level-down1550, .folder-wrap.level-down1610, .folder-wrap.level-down1620, .folder-wrap.level-down1630, .folder-wrap.level-down1640, .folder-wrap.level-down1650, .folder-wrap.level-down1710, .folder-wrap.level-down1720, .folder-wrap.level-down1730, .folder-wrap.level-down1740, .folder-wrap.level-down1750, .folder-wrap.level-down1810, .folder-wrap.level-down1820, .folder-wrap.level-down1830, .folder-wrap.level-down1840, .folder-wrap.level-down1850, .folder-wrap.level-down1910, .folder-wrap.level-down1920, .folder-wrap.level-down1930, .folder-wrap.level-down1940, .folder-wrap.level-down1950{
  transform: scale(0.8);  
}

.But{
width: 50%;
padding: 15px;
    }


a:link {
  color: black;
}

a:visited {
  color: green;
}

a:hover {
  color: red;
  text-decoration: none; 
}

a:active {
  color: blue;
}