@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Regular.eot');
    src: url('../fonts/Cairo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Cairo-Regular.woff2') format('woff2'),
        url('../fonts/Cairo-Regular.woff') format('woff'),
        url('../fonts/Cairo-Regular.ttf') format('truetype'),
        url('../fonts/Cairo-Regular.svg#Cairo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo SemiBold';
    src: url('../fonts/Cairo-SemiBold.eot');
    src: url('../fonts/Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Cairo-SemiBold.woff2') format('woff2'),
        url('../fonts/Cairo-SemiBold.woff') format('woff'),
        url('../fonts/Cairo-SemiBold.ttf') format('truetype'),
        url('../fonts/Cairo-SemiBold.svg#Cairo-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Cairo Bold';
    src: url('../fonts/Cairo-Bold.eot');
    src: url('../fonts/Cairo-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Cairo-Bold.woff2') format('woff2'),
        url('../fonts/Cairo-Bold.woff') format('woff'),
        url('../fonts/Cairo-Bold.ttf') format('truetype'),
        url('../fonts/Cairo-Bold.svg#Cairo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root {
    --baseFont: 'Cairo', sans-serif;
    --fontMedium: 'Cairo SemiBold', sans-serif;
    --fontBold: 'Cairo Bold', sans-serif;
}
h2{letter-spacing: 0; font-family: var(--fontBold);}
.message-block p:first-child{ font-family: var(--fontBold);}
#cust-tabs li button.active{font-family: var(--fontBold);}
.content p,ol li{line-height: 1.5 !important;}
.title .icon{margin-right: 0; margin-left: 1vw;}
.title .icon.style02{margin-right: 0; margin-left: 10px;}
.title .icon.style03{margin-right: 0; margin-left: 10px;}

.first-container .row .item.first.full{height: 100%;}

.dropdown-toggle a{right: auto; left: -10px;}
.dropdown-toggle:hover a{left: -20px; right: auto;}

.accordion-item img{margin-right: 0; margin-left: 1vw;}
.spl.accordion-item img{margin-left: 2vw;  margin-right: 0;}
.pic .zoom .icon{margin-right: 0; margin-left: 10px;}
.carousel-inner .pic .zoom{left: 0; right: auto;}
.carousel-inner .pic .zoom.only-icon{left: 0; right: 0;}

.pagination{padding-left: 0; padding-right: 3.5vw;}
.msg{padding-left: 0; padding-right: 3.5vw;}
form{padding-left: 0; padding-right: 3.5vw;}

.carousel-control-prev{right: auto; left: 0;}
.carousel-control-next{left: auto; right: 0;}

form .form-check .form-check-label{margin-left: 0; margin-right: 5px;}
#KnowledgeSlider .carousel-indicators{padding-left:0; padding-right: 3.5vw;}
.form-check .form-check-label-correct,.form-check .form-check-label-wrong{margin-left: 0; margin-right: 5px;}

.gas-wrap{margin-left: 0; margin-right: auto;}
.match-game ul.list01 li{text-align: left;}
.match-game ul.list02 li::before{margin-right: 0; margin-left: 5px;}
.match-game ul.list01 li::after{margin-left: 0; margin-right: 5px;}
#cust-tabs li:first-child::after{right: auto; left: 0; top: 55%;}

.item_match{left: -20px !important; right: auto !important;}
.item_match-right{right: -20px !important; left: auto !important;}
.left-text {margin-left: 0; margin-right: 30px;}
.right-text{margin-left: 0; margin-right: -30px;}

.page16 .item_match-right{right:-30px !important}

/* .pic .zoom{left: 8px; right: auto;} */
.form-check .form-check-label-wrong, .form-check-label-wrong2, .form-check-label-wrong3, .form-check-label-wrong4{
    margin-left: auto;
    margin-right: 5px;
}
.form-check .form-check-label-correct, .form-check-label-correct2, .form-check-label-correct3, .form-check-label-correct4{
    margin-left: auto;
    margin-right: 5px;
}

.question-block .msg{padding-right: 0;}
.question-block form{padding-right: 0;}
.question-block{padding-right: 3.5vw;}

.letter-space{letter-spacing: 0;}
.content ul li{line-height: 1.5 !important;}

.page21 .match-game ul.list01{margin-left: auto; margin-right: 0;}
.page21 .match-game ul.list02{margin-right: auto; margin-left: 0;}
#cust-tabs{left: 1vw; right: auto;}

.animate-icon { margin-left: 0; margin-right: 2px !important;}
.tab-links li:first-child::after{left:-15px; right: auto;}

@media only screen and (min-width: 1081px) and (max-width: 1366px) and (orientation:landscape){
    .page21 .carousel-small .pic-outer{height: 250px !important;}
    .page21 .mCustomScrollbar{height: 155px !important;}
    .page211 .mCustomScrollbar{height: 250px !important;}
    .msg{padding-right: 3.5vw;}
    form{padding-right: 3vw;}#KnowledgeSlider .carousel-indicators{padding-right: 3.2vw;}
    .form-check .form-check-label-wrong, .form-check-label-wrong2, .form-check-label-wrong3, .form-check-label-wrong4, .form-check-label-wrong5{font-size: 12px;}
    .form-check .form-check-label-correct, .form-check-label-correct2, .form-check-label-correct3, .form-check-label-correct4, .form-check-label-correct5{font-size: 12px;}
    .page19-ar .item_match-right{right: -30px !important;}
}