#page-login-index .background-container{background-position:center;}
#page-site-index #region-main-box,
#page-site-index #region-main,
#page-site-index .path-site li.activity>div,
#page-site-index #module-21700 #contentwithoutlink,
#page-site-index .section .activity.modtype_label.label .contentwithoutlink,
.path-site li.activity>div,
.path-course-view li.activity>div,
.section .activity.modtype_label.label
 {padding:0!important;}
#page-site-index a:hover{text-decoration:none;cursor:pointer;}


#page-site-index #module-21700{margin-top: -1px;}

#page-site-index h5{font-weight:700!important;}
#page-site-index .generalbox{padding:0!important;}
#page-site-index #page-header{display:none;}

#page-site-index .orange-box-slider {
    position: absolute;
    color: #fff;
    width: 27%;
    bottom: 0px !important;
    left: 0px !important;
    top: 0;
    background-color: #ef4123 !important;
    align-items: center;
    display: flex;
}

#page-site-index .nav-pills .nav-link.active,#page-site-index  .nav-pills .show>.nav-link {background-color:unset;color: unset;}

#page-site-index #myTab li a:hover{
    opacity: .8;
    padding-left: 5px;
}

#page-site-index #myTab li a{
    font-size: calc(10px + 4 * ((100vw - 320px) / 800));
    color: #008aa6;
    padding: 15px 0;
    transition: all .3s;

}

#page-site-index #myTabContent .card:hover img,
#page-site-index #cards-section .card:hover img,
#page-site-index #cards-section1 .card:hover img

{
    transform: scale(1.05);
    opacity: .9;
    transition: 0.3s;
}

#page-site-index #myTabContent .card:hover,
#page-site-index #cards-section .card:hover,
#page-site-index #cards-section1 .card:hover

{
    transition: 0.3s;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    cursor:pointer;
}

#page-site-index #myTabContent .card:hover .btn,
#page-site-index #cards-section .card:hover .btn,
#page-site-index #cards-section1 .card:hover .btn
{
    border: 1px solid #ef4123;
    background-color: #fff!important;
    color: #ef4123;
    transition: 0.3s;
}

#page-site-index #contact-section a:hover{text-decoration:none;cursor:pointer;}


#page-site-index #tabs-section .card-body{
    background-color: #84d3da;
    text-align:left;

}

#page-site-index #cards-section .card-body,
#page-site-index #cards-section .card,
#page-site-index #cards-section1 .card{
    background-color:#edf2f7;
    text-align:center;

}

#page-site-index #myTabContent .card{
    height: 452px;
    position:relative;

}

#page-site-index #myTab .nav-link.active{
    opacity: 1;
    padding-left: 5px;
    font-weight: 700;
    position: relative;


}

#page-site-index #myTab .nav-link.active:after {
    position: absolute;
    top: 5px;
    right: 0;
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAA5klEQVRIie3VQUqFUBTG8f8xd9PbRNAKoiBfQm7CmjyoYeY2UmvSCpo2jqDFNOh53qAIewide6448pt5Ofq79wMVlsySu/bQe2tinqyaWxLeqdvcA4kZEbn5udoiFJTrh2mh+nGF9m9AOlj9Asm5yp6s0P/VlecfqGTfD/9NCtqE1GirDqDqThHt+Hsyc412KBILgyKwcMiJ+SAHZn9h9yP9+CZ71dFxF3LfnIG07J9G9ZLri2YayIGEQ04kDIpA7FAkYoPm/ajqZrCyRbUIQQAOTFMvz68cn3wichRSlz8Rv/Il7uwAqNJ2wj1S3vIAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
}

#page-site-index #myTabContent .card img{
    width: 100%;
    min-height: 178px;
    max-height: 178px;
    transition:0.3s;
}

#page-site-index #myTabContent .btn-primary,
#page-site-index #cards-section .btn-primary,
#page-site-index #cards-section1 .btn-primary
{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: fit-content;
    bottom:20px;
    transition:0.3s;
}



#page-site-index #tabs-section .btn-primary,
#page-site-index #cards-section .btn-primary,
#page-site-index #cards-section1 .btn-primary{
    background-color: #ef4123;
    border-color: #ef4123;

}

#page-site-index #contact-section .d-flex {
    justify-content: center;
    align-items: center;
    font-weight:700;
    color:#58595b;

}

#page-site-index #contact-section .d-flex img{
    max-width: 15%;
    margin-right: 8px;

}
#page-site-index #social-section li{list-style-type: none;font-size: 15px;}

#social-section li:not(:last-child){margin-right:15px;}

#page-site-index a[class*=' fa-']:before {color:black;}

#page-site-index #contact-section ul{padding:0!important;}

#page-site-index #sponsors-section img{max-width:180px;}

#page-site-index #copyrights-c {font-size:12px;border-top: 1px solid #edf2f7;}

#page-site-index #cards-section .card{
    height: 452px;
    position: relative;
}

#page-site-index #cards-section1 .card {
    height: 520px;
    position: relative;
}

#page-site-index #cards-section1 img{
    width: 100%;
    min-height: 178px;
    max-height: 178px;


}



@media screen and (max-width: 992px) {
    #page-site-index .orange-box-slider{
        position:relative;
        width:100%;
    }

    #page-site-index #myTabContent .card {
        height: 550px;
        position: relative;
    }

    #page-site-index #myTabContent .btn-primary {
        width: 80%;
    }

    #contact-section .col-md-3{margin-bottom:40px;}

    #page-site-index #contact-section .d-flex{justify-content: flex-start;}
    #cards-section img,#tabs-section img{max-width:50%;margin: 0 auto;}

 #sponsors-section a,
 #sponsors-section
 {display:block!important;}
 

 
}

.drawer.drawer-left.show {
    margin-top: 40px;
}
.drawer.drawer-right.show {
    margin-top: 40px;
}
.drawer-toggles .drawer-toggler {
    top: 103px;
}



@media (min-width: 993px) {
#page.drawers {
  position: relative;
  overflow-y: auto;
  transition: 0.2s;
  height: calc(100vh - 60px);
  left: 0;
  right: 0; 
  padding-left: 2rem ;
  padding-right: 2rem ;
}
  }