* { margin: 0; padding: 0;}
body { background: #F7F7F7; 
  font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
#region-main, #region-main textarea, .contentafterlink, .contentwithoutlink, .user-grade td.feedbacktext, 
.snap-lightbox-description, #page-mod-book-print {
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.container {
    max-width: 1260px;
}
#page-site-index div.pagination-row, #page-my-index div.pagination-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#mr-nav #snap-pm-trigger {
  padding-bottom: 0 !important;
}
.dashboard-my-course { padding: 55px 0 0; margin: 0 0 50px 0;}
.logo { float: left; margin: 0 37px 0 0; padding: 0;}
.logo a { float: left; width: 60px; height: 60px; border-radius: 27px;  border: 1px solid rgba(112, 112, 112, 0.5); 
  text-align: center; line-height: 56px;
}
.courses-right-con { float: left; margin: 0; padding: 0;}
.courses-right-con h1 { margin: 0 0 3px 0; padding: 0; color: #555555; font-size: 30px; font-weight: 400;}
.courses-right-con p { margin: 0; padding: 0; color: #8E8E8E; font-size: 16px; font-weight: 400;}
.category-slider-section .my-3 { margin-bottom: 0 !important;}
.category-section { margin: 0; padding: 78px 0 20px;}
.category-dropdown { margin: 0 0 0px 0; padding: 0;}
.custom-category { margin: 0; padding: 0;}/*
.custom-category .btn { background: #fff !important; width: 100%; margin: 0; padding: 0 30px 0 20px; height: 60px; text-align: left; 
  border: 1px solid rgba(112, 112, 112, 0.3) !important; line-height: 38px; border-radius: 27px; color: #555555 !important; 
  font-size: 16px; font-weight: 400; box-shadow: none !important;
}*/
.custom-category .btn { background: none !important; width: 100%; margin: 0; padding: 0 30px 0 20px; height: 63px;
    text-align: left; /*border: 1px solid rgba(112, 112, 112, 0.3) !important;*/ border-radius: 27px; 
    color: #555555 !important; font-size: 16px; font-weight: 400; box-shadow: none !important; line-height: 20px; 
    display: flex; border: none !important; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2) !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2) !important; overflow: hidden; white-space: normal;
}
.category-name { width: 150px; margin: auto; position: relative; top: -1px; padding: 0 6px 0;}
.categoty-img-icon { margin: auto;}
.custom-category .btn-group { width: 100%;}
.custom-category .btn img { width: 40px; height: 40px; border-radius: 17px; margin: 0 15px 0 0; padding: 0; float: left;}
.custom-category .dropdown-menu { top: 6px !important; width: 100%; border-radius: 8px; background: #F7F7F7; 
  padding: 0px 0px 0; max-height: 248px; overflow: auto; box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.custom-category .btn { transition: none !important; outline: none !important; position: relative;}
.custom-category.show .btn { /*border-radius: 27px 27px 0 0;*/ color: #09AE9D !important;}
/*.custom-category button[aria-expanded="false"]{
  background: #fff url(images/icon-plus.png) !important; background-repeat: no-repeat !important; 
  background-position: 94% 22px !important; content: ""
}
.custom-category button[aria-expanded="true"]{
  background: #fff url(images/icon-minus.png) !important; background-repeat: no-repeat !important; 
  background-position: 94% 31px !important;
}*/
.custom-category button .icon-plus { display: block; float: right; width: auto; height: auto; margin: 13px -5px 0 0px;
  position: absolute; right: 13px; top: 8px;
}
.custom-category button .icon-minus { display: none; float: right; width: auto; height: auto; margin: 20px -5px 0 0px; 
  position: absolute; right: 13px; top: 9px;
}

.custom-category button .caret { position: absolute; top: 29px; right: 20px; border-top: 4px dashed; border-right: 4px solid transparent;
  border-left: 4px solid transparent; border-bottom: 0;
}
.custom-category.show button .caret { border-bottom: 4px dashed; border-top: 0;}

.custom-category.show button .icon-plus { display: none;}
.custom-category.show button .icon-minus { display: block;}




.custom-category .dropdown-toggle::after { display: none;}
.form-check-input[type="radio"] { border-radius: 2px;}
.custom-category .form-check .form-check-input { float: left;}
.custom-category .form-check-input { width: 17px; height: 17px; margin-top: 7px; vertical-align: top; background: #fff;
    background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #707070;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact;
    color-adjust: exact; background: -webkit-linear-gradient(to bottom, #3535320f 100%, #dddddc0f 100%, #dddddc0f 100%);
    background: linear-gradient(to bottom, #3535320f 100%, #dddddc0f 100%, #dddddc0f 100%); border-radius: 2px;
}
.custom-category .form-check-input:checked[type="radio"] {
    background: #09AE9D url(images/checkbox.png) no-repeat 2px 4px; border-color: #09AE9D;
}
.custom-category .form-check-input:checked {
   /* background-color: #09AE9D;
    border-color: #09AE9D;*/
}
.custom-category .form-check label { font-size: 16px; font-weight: 400; color: #555555; margin: 0; padding: 0; width: 100%;}
.custom-category .form-check label img { margin: 0 11px 0 11px; padding: 0; width: 31px; height: 31px; border-radius: 12px; float: left;}
/*.custom-category .form-check label span { float: left; width: 141px;}*/
.carousel-inner { overflow: visible !important; z-index: 9;}
.carousel { width: 100%;}
.carousel-control-next, .carousel-control-prev { width: 44px !important; height: 44px; border-radius: 100%; 
  background: #fff !important; opacity: 1; margin: 8px 0 0 0; z-index: 99; ba
}
.category-slider-custom-cls .carousel-control-next, .carousel-control-prev { width: 75px !important; height: 69px;
  border-radius: 0; background: #F7F7F7 !important; opacity: 1 !important; margin: 0 0 0 0; z-index: 99;
}
.category-slider-custom-cls .carousel-control-prev { left: -15px; position: absolute; top: -1px;}
.category-slider-custom-cls .carousel-control-next { right: -15px; position: absolute; top: -1px;}

.category-slider-custom-cls .carousel-control-prev:hover { background: #F7F7F7 !important;}
.category-slider-custom-cls .carousel-control-next:hover { background: #F7F7F7 !important;}
/*.category-slider-custom-cls a.bg-dark:hover { background: none !important;}*/
.category-slider-custom-cls a.bg-dark:focus { background: #F7F7F7 !important; outline: none;}
.category-slider-section { position: relative; z-index: 9;}
.category-main-section { /*background: #fff;*/ padding: 18px 0; /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); border-radius: 43px;*/}
.category-main-section .movie-card.m-1 { margin: 0 !important;}
.category-slider-custom-cls .carousel-inner { padding: 0 68px;}
.category-slider-custom-cls .col-lg-4.col-md-6.col-sm-12 { padding: 0 8px; background: #F7F7F7; z-index: 99;}
.category-slider-custom-cls .carousel-item { -webkit-transition: transform .6s ease-in-out;
  -o-transition: transform .6s ease-in-out; transition: transform .1s ease-in-out; margin-right: -80%;
}
.custom-category .card { position: absolute; padding: 0 18px; left: 0;}
.custom-category .collapse { width: 100% !important;}
.custom-category .collapsing { overflow: visible !important; position: absolute !important; width: 100% !important; padding: 0 18px; 
  left: 0 !important;
}
.submit-btn { background: #089686; border: none; height: 32px; border-radius: 50px; width: 133px; float: right; 
  font-size: 17px; color: #fff; font-weight: 600; margin-bottom: 5px; position: relative; z-index: 9
}
.clr-filter-btn { background: #FE1C6A; border: none; height: 30px; border-radius: 50px; width: 133px; float: right; 
  font-size: 17px; color: #fff; font-weight: 600; position: relative; z-index: 9;
}
.custom-category .form-check { margin: 0; padding: 12px 0 12px 41px; transition-duration: 1s; 
  -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s;
}
.custom-category .form-check:hover { background: #f4f1f1;}
.category-product-section { margin: 32px 0 0; padding: 0 0 40px 0;}
.category-product-content { box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.1); border-radius: 27px; padding: 0 0 40px 0; 
  margin: 0 0 38px 0; height: 500px;
}
.category-pro-img img { width: 100%; border-radius: 27px 27px 0 0; height: 225px; object-fit: cover;}
/*.category-product-content a { float: right; margin: 8px 20px 30px 0; padding: 0; font-size: 14px; font-weight: 400; 
  color: #D87094; text-decoration: none;
}*/
.category-product-content a { float: left; margin: 10px 0px 0px 0; padding: 0; font-size: 14px; font-weight: 400; 
  color: #D87094; text-decoration: none;
}
.category-product-content h6 { margin: 30px 0 3px 0; padding: 0 27px; font-size: 16px; font-weight: 400; 
  color: #555555; float: left; width: 100%;
}
.category-product-content h6 a { margin: 30px 0 3px 0; padding: 0 0; font-size: 16px; font-weight: 400; 
  color: #555555 !important; text-decoration: none;
}
.category-product-content h2 { margin: 0; padding: 0 27px; font-size: 22px; font-weight: 600; color: #555555;}
.teacher { float: left; width: 100%; margin: 15px 0 0 0; padding: 0 26px;}
.teacher img { float: left; margin: 0; padding: 0; width: 45px; height: 45px; border-radius: 50%;}
.teacher h3 { float: left; margin: 11px 0 0 13px; padding: 0; font-size: 18px; font-weight: 400; color: #09AE9D; width: 80%;}
.teacher h3 span { margin: 0; padding: 0; color: #9E9EA7; display: inline-block;}
.custom-category .btn:hover { color: #09AE9D !important; outline: none !important;}
.landing-available-courses-section { text-align: center; padding: 50px 0 0 0;}
.available-courses { margin: 0; padding: 0;}
.available-courses h1 { margin: 0 0 23px 0; padding: 0; font-size: 36px; font-weight: 600; color: #111111;}
.search-courses { border: none; box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.1); border-radius: 27px; width: 460px; 
  height: 60px; padding: 0 36px; font-size: 18px; font-weight: 400; color: #555555; margin: 0 6px 50px 0; display: inline-block;
}
.search-courses:focus-visible { outline: none;}
.search-courses::placeholder { color: #555555;}
.search-courses:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #555555;}
.search-courses::-ms-input-placeholder { /* Microsoft Edge */ color: #555555;}
.submit-go-btn { width: 101px; height: 60px; background: #FE1C6A; border-radius: 27px; color: #fff; border: none; 
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); font-weight: 600; font-size: 22px; cursor: pointer; display: inline-block;
}
.categories-selection-part { margin: 0; padding: 0; text-align: center;}
.categories-selection-part h4 { margin: 0 0 7px 0; padding: 0; color: rgba(85, 85, 85, 0.6); font-weight: 400; font-size: 18px;}
.category-main-section form { float: left; width: 100%;}
.category-main-section .col-sm-10 { float: left;}
.category-main-section .col-sm-2 { float: left; background: #F7F7F7; position: relative; z-index: 99;}

.form-check-input[type="checkbox"] { border-radius: 2px;}
.custom-category .form-check-input:checked[type="checkbox"] {
    background: #09AE9D url(images/checkbox.png) no-repeat 2px 4px; border-color: #09AE9D;
}
.custom-category .form-check-input:checked {
   /* background-color: #09AE9D;
    border-color: #09AE9D;*/
}
.category-sub-img-icon { float: left;}
.category-sub-name { float: left; width: 68%; line-height: 20px; margin: 4px 0 0 0;}
.carousel-control-prev:hover, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-next:focus { 
  box-shadow: none !important;
}
.category-product-content a.agency-t { float: right; margin: 8px 20px 0px 0; padding: 0; font-size: 14px;
  font-weight: 400; color: #D87094 !important; text-decoration: none; 
  font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.category-product-content .category-pro-img a { margin: 0; width: 100%;}

.category-main-content-section { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}

@media (max-width: 1120px) {
  .category-sub-name { width: 65%;}
  .custom-category .btn { padding: 0 25px 0 12px; font-size: 15px;}
  .custom-category .dropdown-menu { padding: 22px 6px 8px;}
}


@media (max-width: 1024px) {
  .category-main-section { padding: 18px 15px;}
  .custom-category .btn { padding: 0 25px 0 12px; font-size: 15px;}
  .custom-category .btn img { width: 34px; height: 34px; margin: 2px 9px 0 0;}
  .custom-category button .icon-plus { width:  14px; height: auto; margin: 16px -3px 0 0px;}
  .custom-category button .icon-minus { width:  15px; height: auto; margin: 20px -3px 0 0px;}
  .category-sub-name { width: 114px; margin: 3px 0 0 0;}
  .custom-category .form-check label { font-size: 15px; width: 100%;}
  .category-slider-section .text-center.my-3 { padding: 0;}
  .category-slider-custom-cls .carousel-inner { padding: 0 55px;}
  .category-slider-custom-cls .carousel-control-next { right: -16px;}
}

@media (max-width: 991px) {
  .category-slider-custom-cls .col-lg-4.col-md-6.col-sm-12 { max-width: 33.33%;}
  .category-sub-name { width: 64%;}
}

@media (max-width: 930px) {
 .custom-category .form-check label img { margin: 0 11px 0 6px;}
 .category-sub-name { width: 60%;}
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div { display: none;}
  .carousel-inner .carousel-item > div:first-child { display: block;}
  .category-slider-custom-cls .col-lg-4.col-md-6.col-sm-12 { max-width: 100%; flex: 100%;}
  .categoty-img-icon { margin: auto 7px auto 0;}
  .category-name { width: 80%; margin: auto 0;}
  .category-main-section .col-sm-10 { float: left; max-width: 78%;}
  .category-main-section .col-sm-2 { float: left; max-width: 22%;}
  .submit-btn { width: 100%;}
  .clr-filter-btn { width: 100%;}
  .category-sub-name { width: 80%;}
  .custom-category .form-check { padding-left: 5px;}
  .custom-category .dropdown-menu { padding: 22px 15px 8px 29px;}
}

@media (max-width: 767px) {
  .category-product-content { height: auto;} 
  .category-pro-img img { height: auto;}
  .category-product-content { margin: 0 0 20px 0;}
  .custom-category .form-check label { font-size: 15px; width: 100%;}
  .category-sub-name { width: 70%;}
  .category-product-content { padding: 0 0 25px 0;}
  .custom-category .form-check { padding-left: 1px;}
  .category-main-section { padding: 18px 12px;}
}

@media (max-width: 570px) {
  .category-slider-custom-cls .carousel-inner { padding: 0 30px;}
  .carousel-control-next, .carousel-control-prev { width: 28px !important; height: 30px; margin: 0 0 0 0;}
  .category-main-section .col-sm-10 { max-width: 67%;}
  .category-main-section .col-sm-2 { max-width: 33%;}
  .category-sub-name { width: 66%;}
  .category-slider-custom-cls .carousel-control-next, .carousel-control-prev { width: 49px !important; 
    height: 69px; margin: 0 0 0 0;
  }
  .category-slider-custom-cls .carousel-control-prev img { width: 30px;}
  .category-slider-custom-cls .carousel-control-next img { width: 30px;}
  .category-slider-custom-cls .carousel-control-prev { left: -12px; position: absolute; top: -1px;}
  .category-slider-custom-cls .carousel-control-next { right: -15px;}
}

@media (max-width: 500px) {
  .category-sub-name { width: 62%;}
}

@media (max-width: 479px) {
  /*.carousel-control-next, .carousel-control-prev { width: 34px !important;}*/
 /* .carousel-control-next, .carousel-control-prev img { max-width: 30px;}*/
  .category-main-section .col-sm-10 { padding: 0 8px; max-width: 75%;}
  .category-main-section .col-sm-2 { max-width: 25%; padding: 0 10px;}
  .submit-btn { font-size: 13px; font-weight: 500;}
  .clr-filter-btn { font-size: 13px; font-weight: 500;}
  .category-slider-custom-cls .carousel-inner { padding: 0px 27px 0 30px;}
  .categoty-img-icon { margin: auto 4px auto 0;}
  .category-sub-name { width: 75%;}
  .dashboard-my-course { margin: 0 0 40px 0;}
  .logo { margin: 0 22px 0 0;}
  .courses-right-con h1 { font-size: 26px;}
  .courses-right-con p { font-size: 15px;}
  .category-product-content h2 { font-size: 20px;}
  .search-courses { float: left; width: 72%; height: 56px; padding: 0 20px; font-size: 16px; margin: 0 6px 44px 0;}
  .submit-go-btn { width: 26%; height: 56px; font-size: 18px;}
  .available-courses h1 { font-size: 27px;}
  .landing-available-courses-section { text-align: center; padding: 25px 0 0 0;}
  .category-sub-name { width: 64%;}
  .custom-category .dropdown-menu { padding: 22px 10px 8px;}
  .custom-category .form-check { padding-left: 21px;}
}

@media (max-width: 400px) {
 .category-slider-custom-cls { margin: 49px 0 0 0 !important;}
 .category-main-section .col-sm-10 { max-width: 100%;}
 .category-main-section .col-sm-2 { max-width: 100%; padding: 0 15px; position: absolute; top: 20px; left: 0;}
 .submit-btn { width: 46%; margin: 0 2%;}
 .clr-filter-btn { width: 46%; margin: 0 2%;}
 .category-slider-section { position: relative;}
 .category-slider-custom-cls .carousel-inner { padding: 0px 35px;}
 .category-slider-custom-cls .carousel-control-next, .carousel-control-prev { width: 47px !important; height: 69px;}
 .category-slider-custom-cls .carousel-control-prev { left: -8px;}
 .category-slider-custom-cls .carousel-control-next { right: -8px;}
}


@media (max-width: 375px) {
 .submit-btn { width: 46%; margin: 0 2%;}
 .clr-filter-btn { width: 46%; margin: 0 2%;}
 .category-sub-name { width: 74%;}
}

@media (max-width: 370px) {
 .category-sub-name { width: 72%;}
}

@media (max-width: 350px) {
 .category-sub-name { width: 65%;}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev { display: flex;}

/* large - display 6 */
@media (min-width: 992px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}
.movie-img {
  height:200px;width: 150px;background-color:  aqua;overflow: hidden;background-image: url("https://i.hizliresim.com/mX07R4.png");
  background-repeat:no-repeat;
  background-size: cover;
  object-fit: fill;
}

.movie-title {
  height: 40px; width:150px;background-color: black;overflow: hidden;
}
}
