@import url('https://fonts.googleapis.com/earlyaccess/notokufiarabic.css');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

/* 
font-family: 'Almarai', 'Arial', sans-serif;
font-family: 'Noto Kufi Arabic', 'Arial', sans-serif;
*/


/*
Blue color : #10a1d2;
Green color: #6bac6e;
Brown color : #ab9667;
*/

* {
	margin: 0;
	padding: 0;
}

body {
	direction: rtl;
	font-family: 'Almarai', 'Arial', sans-serif;
	line-height: 1.7;
	font-size: 15px;
}

h1,
h2,
h3,
h4 {
	font-family: 'Noto Kufi Arabic', 'Arial', sans-serif;
}

a:hover {
    color: #6bac6e;
    text-decoration: none;
}
.btn-custom {
	padding: .6rem 1.7em;
}

.btn-blue {
	background: #10a1d2;
	border-color: #10a1d2;
	color: #fff;
}

.btn-blue:hover {
	background: #fff;
	border-color: #10a1d2;
	color: #10a1d2;
}

.btn-green {
	background: #6bac6e;
	border-color: #6bac6e;
	color: #fff;
}

.btn-green:hover {
	background: #fff;
	border-color: #6bac6e;
	color: #6bac6e;
}

.form-control {
	height: 45px;
}
select.form-control:not([size]):not([multiple]) {
    height: 45px;
}
textarea.form-control {
    padding: .375rem .75rem;
    height: 100% !important
}

.form-control:focus {
	color: #505050;
	background-color: #f0fafd;
	border-color: #10a1d2;
	outline: 0;
	box-shadow: none;
}

.virotech__main__header .virotech__top___bar {
	background: #10a1d2;
	padding: 8px;
}

.virotech__main__header .virotech__auth__links a {
	color: #fff;
	margin-right: 14px;
	text-decoration: none;
	font-family: 'Noto Kufi Arabic', 'Arial', sans-serif;
	border: 1px solid #c1c1c1;
	padding: 0px 16px;
	text-align: center;
	border-radius: 4px;
}

.virotech__main__header .virotech__auth__links a:hover {
	background: #fff;
	border-collapse: #fff;
	color: #000;
}

.virotech__main__header .virotech__top___bar span {
	color: #fff;
	font-family: 'Almarai', 'Arial', sans-serif;
}

.virotech__main__header .navbar .fa-bars {
	font-size: 33px;
}

.virotech__main__header .navbar button:focus {
	outline: 1px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

.virotech__main__header .navbar-light .navbar-toggler {
	color: rgb(19, 162, 206);
	border-color: #2b88a7;
	border-radius: 0;
}
.virotech__main__breadcrumb {
    background: #105d77;
    padding: 30px;
    text-align: center;
}
.virotech__main__breadcrumb .fa {
    font-size: 25px;
    margin-bottom: 1rem;
    color: #fff;
}
.virotech__main__breadcrumb h1 {
    margin: 0;
    color: #fff;
    font-size: 25px;
}

.virotech__main__header .navbar-brand img {
	width: 240px;
}

.virotech__news__ticker .breaking-news .news {
	width: 160px
}

.virotech__news__ticker .breaking-news .news2 {
	width: 60px
}

.virotech__news__ticker .breaking-news .news-scroll a {
	text-decoration: none
}

.virotech__news__ticker .breaking-news .bg-green {
	background: #6bac6e !important;
}

.virotech__news__ticker .breaking-news .dot {
	height: 6px;
	width: 6px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 2px !important;
	background-color: #6bac6e;
	border-radius: 50%;
	display: inline-block
}

.virotech__news__ticker .breaking-news {
	border-top: 2px solid #6bac6e;
	border-bottom: 2px solid #6bac6e;
	margin-bottom: 1rem;
}

.virotech__news__ticker .breaking-news a {
	color: #333;
	font-size: 13px;
}

.virotech__news__ticker .fa-arrow-left {
	font-size: 25px;
}

.virotech__news__ticker .navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 1rem;
}

.virotech__slide__show .jumbotron {
	margin-bottom: 2rem;
	background-color: #6a948e;
	border-radius: 0;
	color: #fff;
}

.virotech__slide__show .sizes {
	width: 100%;
	height: 340px;
	border-radius: 12px;
}

.virotech__newslatter__section {
	background: #ececec;
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.virotech__newslatter__section .btn {
	padding: .375rem 2rem;
}

.virotech__main__footer {
    border-top: 1px solid #eaeaea;
}

.virotech__main__footer .virotech__footer__links {
	background: #ffffff;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.virotech__main__footer .virotech__footer__links img {
	margin-bottom: 1rem;
}

.virotech__main__footer .virotech__footer__links ul.links {
	list-style: none;
}

.virotech__main__footer .virotech__footer__links h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.virotech__main__footer .virotech__footer__links li a {
	text-decoration: none;
	color: #929292;
	line-height: 2.4;
}

.virotech__main__footer .virotech__footer__links li a:hover {
	color: #10a1d2;
}

.virotech__main__footer .virotech__footer__copyright {
	background: #f0f0f0;
	padding: 21px;
	border-top: 1px solid #cecece;
	text-align: center;
}

.virotech__main__footer .virotech__footer__copyright p {
	margin-bottom: 0;
	color: #717171;
}

.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eeeeee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline>li>.timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #999999;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
	margin-bottom: 0;
}

.timeline-body>p+p {
	margin-top: 5px;
}

@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}
	ul.timeline>li>.timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}
	ul.timeline>li>.timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}
	ul.timeline>li>.timeline-panel {
		float: right;
	}
	ul.timeline>li>.timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
	ul.timeline>li>.timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}
.virtech__last__courses {
    padding-top: 3rem;
    padding-bottom: 5rem;
    background: #ffffff;
}
.section___title {
    border-bottom: 4px solid #10a1d2;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.virtech__last__courses .text__moreCourses {
    margin-top: 3rem;
}
.virtech__last__courses .controls-top {
    margin-bottom: 1rem;
}
.virtech__last__courses .controls-top a {
    background: #10a1d2;
    border: 1px solid #10a1d2;
    padding: 11px;
    border-radius: 4px;
    color: #fff;
}
.virtech__last__courses .controls-top a:hover {
    background: #fff;
    border: 1px solid #10a1d2;
    color: #10a1d2;
}
.card-title2 {
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
    margin: 0;
}

.card-footer2 {
    background: #fff;
}

 .card2 {
    border-radius: 5px;
}

.price {
    background: #10a1d2;
    font-weight: bold;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
}

.time {
    padding: 5px 12px;
    border-radius: 5px;
}
.red {
	color: red;
}
.page__background {
	background: #f5f9ff !important;
}
.virotech__main__pages {
    margin-top: 4rem;
    margin-bottom: 8rem;
}
.nav-page {
	box-shadow: -9px 8px 8px 1px rgba(0, 0, 0, 0.06);
}
.box {
    background: #fff;
    box-shadow: 4px -3px 15px 0px rgb(250, 252, 255), 0 1px 6px rgba(0,0,0,0.23);
    border-radius: 7px;
}
.box .box-body {
    padding: 20px;
}
.box .box-title {
    margin-bottom: .5rem;
}
.box-bg {
    background: #006b60;
    color: #fff;
}
.reset li {
    list-style-type: square;
    margin-bottom: 0.3em
}
.reset li a {
    text-decoration: none;
}
.page-link {
	padding: .7rem 1rem;
}
.block-in-pc {
	display: none;
}
.dropdown-menu.show {
    width: 100%;
}
.virotech__course__buying .btn {
    border-radius: 0;
}
.virotech__course__buying .card-body {
    padding: 12px;
}
.virotech__course__buying .card {
    border-radius: 0;
    margin-bottom: 1rem;
}
.virotech__course__buying img {
    border-radius: 0;
}
.course__price h1 {
    color: #0f83ab;
    font-size: 33px;
    text-align: center;
    font-weight: 600;
}
.course__price {
    margin-top: 10px;
    margin-bottom: 20px;
}
.course__price .discount__price {
    color: #ce0303;
    text-decoration: line-through;
    font-size: 21px;
    font-weight: 300;
}
.virotech__course__area .card {
	border-radius: 0;margin-top: 2rem;
	line-height: 2;
}
.virotech__course__area .card-header {
    background: #fff;
    font-size: 23px;
}
.virotech__course__buying .card-header {
    background: #fff;
    font-size: 17px;
}
.virotech__course__area h2 {
    font-size: 24px;
}
.virotech__course__area li {
    list-style: square;
    padding: 0 26px;
}
.course__videos {
    margin-top: 2rem;
}
.course__videos h3 {
    color: #00b95b;
    margin-bottom: .6em;
}
.course__videos .card-body {
	border-top: 1px solid #dfdfdf;
	padding: 0;
}
.course__videos .card-header {
    border-bottom: 0;
    cursor: pointer;
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Almarai', 'Arial', sans-serif;
}
.accordion .card-header.collapsed:after {
    content: "\f107";
}
.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f106";
    float: left;
}
.course__videos .card-body h3 {
    border-bottom: 1px solid #dfdfdf;
    padding: 16px;
    font-size: 16px;
    font-family: 'Almarai', 'Arial', sans-serif;
    margin: 0;
}
.course__videos .card-body h3:last-child {
	border-bottom: 0 !important;
}
.course__videos .card-body h3 a {
    color: #6f0000;
}
.videos .card {
    margin-top: .6em;
    background: #fbfbfb;
}
.videos .card:last-child {
    margin-bottom: 1em;
}
.virotech__course__area img {
    width: 100%;
    height: 400px;
}
.virotech__course__coach {
    text-align: center;
}
.virotech__course__coach h1 {
    font-size: 27px;
    margin-top: .5em;
    margin-bottom: .1em;
}
.virotech__course__coach img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 3px solid #10a1d2;
}
.course__coach__card {
	border-radius: 0;
}

.live-indicator {
    width: 16px;
    height: 16px;
	margin-right: 10px;
    background-color: #d9534f;
    border-radius: 50%;
    animation: pulse 1.5s infinite ease-in-out;
}

/* Pulse animation */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
}