* {box-sizing:border-box; outline:none}
html {}
img {max-width:100%}
strong {font-weight: 800;}

.hide { display: none !important; visibility: hidden !important; }
.menu-opened {overflow: hidden;}


ul {}
ul li {}
ul li a.pdf {display: block;position: relative;padding: 0 0 0 30px;}
ul li a.pdf::before {content:"\f15b";font-family:"Font Awesome 6 Pro";position: absolute;left: 0;font-size: 20px;top: -5px;font-weight: 900;opacity: 1;width: 25px;text-align: center;opacity: 0.2;}
ul li a.pdf:hover::before {opacity: 1;}

ul li a.link {display: block;position: relative;padding: 0 0 0 30px;}
ul li a.link:hover {color:var(--c-secondary)}
ul li a.link::before {content:"\f0c1";font-family:"Font Awesome 6 Pro";position: absolute;left: 0;font-size: 20px;top: -5px;font-weight: 900;width: 25px;text-align: center;opacity: 0.2;}
ul li a.link:hover::before {opacity: 1;}

ul.checklist {display: block;position: relative;padding: 0;list-style: none;margin: 0 0 20px 0;}
ul.checklist li {position:relative;padding: 0 0 0 31px;margin: 11px 0;}
ul.checklist li::before {content:"\f00c";font-family:"Font Awesome 6 Pro";position: absolute;left: 0;font-size: 14px;top: -2px;font-weight: 900;width: 25px;height: 25px;line-height: 25px;text-align: center;background: #aaa;border-radius: 50%;color: #fff;}
ul.checklist li a { color: var(--c-textcolor); text-decoration: none; border-bottom: solid 2px var(--c-textcolor); font-weight: 600; }
ul.checklist li a:hover { color: var(--c-main); border-bottom: solid 2px var(--c-main); }


.table-responsive { overflow-x: auto; }
.table-responsive .table { min-width: 700px; color: #fff; }
.table-responsive::-webkit-scrollbar {-webkit-appearance: none; width: 2px; height:3px; background:rgba(0 0 0 / 10%); border-radius:5px }
.table-responsive::-webkit-scrollbar-thumb {border-radius: 5px; background-color: rgba(0 0 0 / 100%); -webkit-box-shadow: 0 0 1px rgba(0 0 0 / 100%); }

/* Home stats boxes */

.statistics {display: grid;grid-template-columns: repeat(4,1fr);/* align-items: flex-start; */gap: 20px;}
.statistics .item {background: var(--c-secondary);background-size: cover;padding: 30px;border-radius: 20px;flex: 0 1 25%;margin: 0;color: #fff;display: flex;flex-direction: column;/* height: 100%; */justify-content: center;}
.statistics .item > * {/* flex: 0 1 100%; */}
.statistics .item .btn {/* font-weight: 400; */padding: 16px 25px;line-height: 1;margin: 0 4px;font-size: 15px;}
.statistics .item .btn:hover {background: var(--c-textcolor) !important; color: #fff !important; }
.statistics .item.large {text-align: center;grid-column: span 2;}
.statistics .item:nth-child(1) .counter {color: #fff;display: flex;line-height: 0.9;align-items: center;font-size: 39px;margin: 0 0 0 0px;align-content: center;justify-content: center;text-align: left;}
.statistics .item:nth-child(1) .counter strong {font-size: 103px;margin: 0 9px 0 0;}
.statistics .item:nth-child(1) p {/* opacity: 0.7; */font-size: 20px;color: rgb(255 255 255 / 70%);}
.statistics .item:nth-child(1) .buttons {}
.statistics .item:nth-child(1) .btn {background: var(--c-textcolor);/* margin: 0 4px; *//* padding: 14px 24px; *//* font-size: 18px; */flex: 1;}
.statistics .item:nth-child(2) {text-align: center;}
.statistics .item:nth-child(2) .counter {color: #fff;font-size: 46px;margin: 0;line-height: 1;}
.statistics .item:nth-child(2) p {flex-grow: 1;font-size: 20px;line-height: 1.3;color: rgb(255 255 255 / 70%);}
.statistics .item:nth-child(2) p span {font-size: 32px;line-height: 1;display: block;margin: 0 0 2px 0;color: #fff;}
.statistics .item:nth-child(2) .btn {background: var(--c-textcolor);/* padding: 14px 20px; *//* font-size: 18px; */}
.statistics .item:nth-child(2) .buttons {}
.statistics .item:nth-child(3) {text-align: center; }
.statistics .item:nth-child(3) h3 {font-weight: 800;font-size: 35px;line-height: 1;color: #fff;}
.statistics .item:nth-child(3) p {font-size: 20px;/* opacity: 0.7; */line-height: 1.2;/* flex-grow: 1; */color: rgb(255 255 255 / 70%);}
.statistics .item:nth-child(3) .buttons {}
.statistics .item:nth-child(3) .btn {/* font-size: 18px; *//* padding: 14px 20px; */background: var(--c-textcolor);}

@media (max-width: 1200px) {
	.statistics {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 767px) {
	.statistics {grid-template-columns: repeat(1, 1fr);display: none;}
	.statistics .item.large {grid-column:span 1}
	.statistics .item:nth-child(1) .counter {}
	.statistics .item:nth-child(1) .counter strong {font-size: 75px;}
}


/* Loader */

.loader-container { display:none; position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); background: #aaa; padding: 7px 12px; border-radius: 30px; z-index:100000; }
.loader-container.active {display: block;}
.loader-container .loader { width: 60px; aspect-ratio: 4; --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000); background: var(--_g) 0%   50%, var(--_g) 50%  50%, var(--_g) 100% 50%; background-size: calc(100%/3) 100%; animation: loading 1s infinite linear; }


@keyframes loading {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}


/* Webinar page - share on social media */

.share-on-social-media { margin: 0 0 30px 0; }
.share-on-social-media h3 {font-size: 16px;font-weight: 800;margin: 0 0 10px 0;}
.share-on-social-media ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.share-on-social-media ul li { margin: 0 10px 0 0; }
.share-on-social-media ul li a {display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;color: #fff !important;background: #bbb !important;font-size: 22px;}
.share-on-social-media ul li a:hover {background: var(--c-secondary) !important;}
.share-on-social-media ul li a i {
    display: inline-flex;
    align-items: center;
}




/* Webinar page - rate webinar */

.rate-box {background: var(--c-gray-lightest);padding: 25px;border-radius: 0;background: #fff;margin: 0 0 30px 0;}
.rate-box h3 {font-weight: 800;letter-spacing: -1px;line-height: 1.1;margin: 0 0 20px 0;font-size: 21px;}
.rate-box p {margin: 10px 0 0 0; color: var(--c-black); }
.rate-box p small {font-size:12px;}
.rate-box .star-rating {display: flex;flex-direction: row-reverse;justify-content: flex-end;margin: -5px 0 20px 0;}
.rate-box .radio-input {position: fixed;opacity: 0;pointer-events: none;}
.rate-box .radio-label {cursor: pointer;font-size: 0;color: rgba(0,0,0,0.2);transition: color 0.1s ease-in-out;margin: 0 7px 0 0;line-height: 1;}
.rate-box .radio-label:before {content: "\f005";font-family: "Font Awesome 6 Pro";font-weight: 600;display: inline-block;font-size: 28px;}
.rate-box .radio-input:checked ~ .radio-label {color: var(--c-secondary); }
.rate-box .radio-label:hover, .radio-label:hover ~ .radio-label {color: var(--c-secondary);}
.rate-box .radio-input:checked + .radio-label:hover,
.rate-box .radio-input:checked + .radio-label:hover ~ .radio-label,
.rate-box .radio-input:checked ~ .radio-label:hover,
.rate-box .radio-input:checked ~ .radio-label:hover ~ .radio-label,
.rate-box .radio-label:hover ~ .radio-input:checked ~ .radio-label {color: var(--c-secondary);}
.rate-box .average-rating {position: relative;appearance: none;color: transparent;width: auto;display: inline-block;vertical-align: baseline;font-size: 26px;height: 28px;}
.rate-box .average-rating::before {--percent: calc(var(--rating) / 5 * 100%);content: '\f005 \f005 \f005 \f005 \f005';font-family: "Font Awesome 6 Pro";font-weight: 600;position: absolute;top: 0;left: 0;color: rgba(0,0,0,0.2);background: linear-gradient(90deg, var(--c-secondary) var(--percent), rgba(0,0,0,0.2) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 7px;}


/* Webinar page - objectives */

.objectives-box {padding: 25px;background: #f2f2f2;margin: 0 0 30px 0;border-radius: 10px;}
.objectives-box h2 { font-size: 26px; margin: 0 0 5px 0 !important; }
.objectives-box p:last-child {margin:0}
.objectives-box h3 {font-weight: 800;/* font-size: 24px; */}
.objectives-box ul {margin: 0;padding: 0;list-style: none;columns: 2;display: grid;grid-template-columns: repeat(2,1fr);grid-column-gap: 30px;grid-row-gap: 15px;}
.objectives-box ul li {line-height: 1.2;padding: 0 0 0 17px;position: relative;margin: 0;break-inside: avoid;}
.objectives-box ul li::before {content: "\e900";content: "";font-family: icomoon;color: var(--c-main);font-size: 22px;position: absolute;left: 0;top: 5px;line-height: 1;width: 8px;height: 8px;background: var(--c-main);border-radius: 50%;}

@media (max-width: 767px) {
	.objectives-box ul {grid-template-columns: repeat(1, 1fr);}
}