.our_courses_container{
  width: 100%;
    height: 567px;
    background: #40B5E0 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 50px 50px;
    opacity: 1;
    padding: 0px 100px;
}

.our_courses_container > .our_courses_text{
    max-width: 1450px;
    display: flex;
    margin: 0px auto auto auto;
    flex-direction: column;
    height: 300px;
    padding-top: 150px;
    position: relative;
    z-index: 20;

}

.our_courses_text > .section_title{
    width: 456px;
    height: 15px;
    text-align: left;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 10px;
}

.our_courses_text > .our_courses_title{
   width: 291px;
    height: 21px; 
    text-align: left;
    font: normal normal 600 15px/35px Poppins;
    letter-spacing: 2.25px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 90px;
}

.our_courses_text > .our_courses_subtitle{
    width: 903px;
    height: 163px;
    text-align: left;
    font: normal normal bold 45px/50px Poppins;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 30px;
    color: #FFFFFF;
}

.our_courses_container > .our_courses_decorator{
    width: 1400px;
    height: 803px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 800px;
    margin-top: -170px;
    opacity: .3;
    position: relative;
    z-index: 5;
}

.our_courses_category{
    width: 100%;
    height: 200px;
    display: flex;
    background-color: #FFFFFF;
    justify-content: space-evenly;
    position: relative;
    z-index: 20;
    padding: 0px 190px;
}

.our_courses_category > .category_card_container1{
   width: 32%;
    height: 122px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #00000014;
    border-radius: 15px;
    opacity: 1;
    margin-top: -50px;
    position: relative;
    z-index: 100;
    display: flex;
    padding: 0px 50px;
    justify-content: space-evenly;
}

.our_courses_category > .category_card_container2{
   width: 32%;
    height: 122px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #00000014;
    border-radius: 15px;
    opacity: 1;
    margin-top: -50px;
    position: relative;
    z-index: 100;
    display: flex;
    padding: 0px 50px;
    justify-content: space-evenly;
}

.our_courses_category > .category_card_container3{
   width: 32%;
    height: 122px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #00000014;
    border-radius: 15px;
    opacity: 1;
    margin-top: -50px;
    position: relative;
    z-index: 100;
    display: flex;
    padding: 0px 50px;
    justify-content: space-evenly;
}

.category_card_container1 > .category_icon1{
    width: 20%;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/Grupo766.svg");
    align-self: center;
}

.category_card_container2 > .category_icon2{
    width: 20%;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/Grupo768.svg");
    align-self: center;
}

.category_card_container3 > .category_icon3{
    width: 20%;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/Grupo770.svg");
    align-self: center;
}

.category_card_container1 > .category_text_IT{
    width: 80%;
    align-self: center;
    text-align: center;
    font: normal normal 600 15px/15px Poppins;
    letter-spacing: 0px;
    color: #091D3F;
    opacity: 1;
    font-size: 15px;
}

.category_card_container2 > .category_text{
    width: 80%;
    align-self: center;
    text-align: center;
    font: normal normal 600 15px/15px Poppins;
    letter-spacing: 0px;
    color: #091D3F;
    opacity: 1;
    font-size: 15px;
}

.category_card_container3 > .category_text{
    width: 80%;
    align-self: center;
    text-align: center;
    font: normal normal 600 15px/15px Poppins;
    letter-spacing: 0px;
    color: #091D3F;
    opacity: 1;
    font-size: 15px;
}

.courses_list_container{
   display: flex;
   flex-direction: column;
   max-width: 1750px;
   margin: 0px auto auto auto;
   padding: 0px 100px;
}
.courses_list_container > .course_search{
    width: 100%;
    height: 100px;
    display: flex;
}

.course_search > .search_container{
    width: 548px;
    height: 49px;
    background: #EEEEEE 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.search_container > .search_icon{
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    align-self: center;
    margin-left: 15px;
}

.courses_list_container > .course_table{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: space-around;
    flex-direction: row;
}

.course_table > .course_Card{
    width: 473px;
    height: 120px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 45px #00000014;
    border-radius: 10px;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    margin: 20px;
}

.course_Card > .course_icon_t{
    width: 90px;
    height: 92px;
    border-radius: 10px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #E2F5FC;
    background-image: url("../img/Grupo766bl.svg");
}

.course_Card > .course_icon_s{
    width: 90px;
    height: 92px;
    border-radius: 10px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #E1FEFC;
    background-image: url("../img/Grupo768g.svg");
}

.course_Card > .course_icon_p{
    width: 90px;
    height: 92px;
    border-radius: 10px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #DFF1FF;
    background-image: url("../img/Grupo770bl.svg");
}

.course_Card > .course_information{
    width: 350px;
    height: 90px;
    display: flex;
    flex-direction: column;
    padding: 5px 0px 0px 10px;
    justify-content: space-between;
}

.course_information > .course_title{
    width: 340px;
    height: 45px;
    text-align: left;
    font: normal 16px / 17px Poppins;
    letter-spacing: 0px;
    color: #061237;
    opacity: 1;
    font-weight: 600;
}

.course_information > .course_details{
    width: 340px;
    height: 20px;
    display: flex;
    justify-content: space-between;
}

.course_details > .module_detail{
    width: 160px;
    height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.module_detail > .icon_module{
    width: 19px;
    height: 15px;
}

.module_detail > .number_module{
    width: 93px;
    height: 17px;
    text-align: left;
    font: normal normal normal 14px/20px Poppins;
    letter-spacing: 0px;
    color: #061237;
    opacity: 1;
    margin-left: 10px;
}

.course_details > .time_course{
    width: 160px;
    height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.time_course > .icon_time{
   width: 16px;
   height: 16px;
}

.time_course > .number_time{
   text-align: left;
   font: normal normal normal 14px/20px Poppins;
   letter-spacing: 0px;
   color: #061237;
   opacity: 1; 
   width: 93px;
   height: 17px;
   margin-left: 10px;
}

.page_selector{
    width: 300px; 
    display: flex;
}

.course_Card:hover{
    box-shadow: 0px 0px 45px #0000003D;
    cursor: hand ;
   .course_icon_s{
     background-color: #43D5CB;
     background-image: url("../img/Grupo768b.svg");
   }

   .course_icon_t{
    background-color: #40B5E0;
    background-image: url("../img/Grupo766b.svg") !important;
   }

   .course_icon_p{
    background-color: #40B5E0;
    background-image: url("../img/Grupo770b.svg") !important;

   }
}




.category_card_container1:hover{
    background-color: #091D3F;

    .category_text_IT{
        color: white;
    }

    .category_icon1{
        background-image: url("../img/Grupo766b.svg");
    }

}

.category_card_container2:hover{
    background-color: #091D3F;

    .category_text{
        color: white;
    }


    .category_icon2{
        background-image: url("../img/Grupo768b.svg");
    }

}

.category_card_container3:hover{
    background-color: #091D3F;

    .category_text{
        color: white;
    }

    .category_icon3{
       background-image: url("../img/Grupo770b.svg"); 
    }
}




.bold{
    font-weight: bold;
}

.blue_marker{
    color: #43D5CB;
}

.black_marker{
    color: #091D3F;
}

.text_nav{
    color: #FFFFFF ; 
    font-weight: 500 !important;
    letter-spacing: 2.25px !important;
}

.text_nav_black{
   color: black;
   font-weight: bold;
}


.active_menu_header {
    color: #091D3F !important;
    font-weight: bold !important;
}

.active_menu_header_blue{
    color: #40B5E0 !important;
    font-weight: bold !important;
}

.text_nav:hover {
    font-weight: bold !important;
    color: white !important;
}

.btnBeforMain, .btnAfterMain {

    border-color: #43D5CB !important;
}

.logo_atech_main {
    background-image: url("../icon/logo_bkblue.svg") !important;
}

.logo_atech_side {
    background-image: url("../icon/logo_blank.svg") !important;
}

._layer {
    height: 2px;
    /* width: 28px; */
    background-color: #000 !important;
    border-radius: 13px;
    margin-top: 7px;
    transform: translate3d(0, 0, 0);
    transition: all .25s ease-in-out;
}

._layer_w{
    height: 2px;
    background-color: rgba(255,255,255,1) !important;
    border-radius: 13px;
    margin-top: 7px;
    transform: translate3d(0, 0, 0);
    transition: all .25s ease-in-out;
}

.no_results_view{
    align-content: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 200px;
    flex-wrap: wrap;
    font-size: 20px;
    color: #75c2c4;
    padding: 20px
}



body::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}

body::-webkit-scrollbar-thumb {
    background: #BFC2C3;
    border-radius: 4px;
}

@media screen and (max-width:1750px){
    .course_table > .course_Card {
    width: 410px !important;
    height: 120px;
    }

    .course_Card > .course_information {
        width: 250px !important;
    }

    .course_information > .course_title {
            width: 100% !important;
    }

    .course_information > .course_details {
        width: 100%;
    }

    .module_detail > .number_module {
        width: 83px;
    }

  .courses_list_container {
    padding: 0px 120px !important;
    }


}

@media screen and (max-width:1600px){
       .courses_list_container {
        padding: 0px 80px !important;
    }
}

@media screen and (max-width: 1500px) {
    .courses_list_container {
        padding: 0px 50px !important;
    }
}
@media screen and (max-width: 1430px) {
    .courses_list_container {
        padding: 0px 5px !important;
    }

    .courses_list_container > .course_search {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 1370px) {
    .courses_list_container {
        padding: 0px 200px !important;
    }
}

@media screen and (max-width: 1300px) {
    .courses_list_container {
        padding: 0px 180px !important;
    }
}


@media screen and (max-width: 1260px) {
    .courses_list_container {
        padding: 0px 110px !important;
    }
}



@media screen and (max-width:1200px){

    .category_card_container1 > .category_icon1 {
        width: 0px !important;
        height: 0px !important;
    }
    .category_card_container2 > .category_icon2 {
        width: 0px !important;
        height: 0px !important;
    }
    .category_card_container3 > .category_icon3 {
        width: 0px !important;
        height: 0px !important;
    }

    .our_courses_container > .our_courses_decorator {
        margin-left: 200px !important;
    }


}

@media screen and (max-width: 1120px) {
    .courses_list_container {
        padding: 0px 40px !important;
    }
}

@media  screen and (max-width:1000px) {

    .our_courses_text > .our_courses_subtitle {
        width: 703px !important;
    }

    .our_courses_container {
        height: 667px !important;
    }

    .category_card_container1 {
        padding: 0px 20px !important;
    }

    .category_card_container2 {
        padding: 0px 20px !important;
    }

    .category_card_container3 {
        padding: 0px 20px !important;
    }

    .our_courses_category {
        padding: 0px 80px !important;
    }

    .courses_list_container {
        padding: 0px 10px !important;
    }
    
}

@media screen and (max-width: 920px) {
    .courses_list_container {
        padding: 0px 150px !important;
    }

    .page_selector {
    visibility: hidden !important;
    width: 0px !important;
    }

    .paginator{
       justify-content: center  !important;
    }
}

@media screen and (max-width:800px){
    .our_courses_text > .our_courses_subtitle {
        width: 503px !important;
    }

    .blue_marker {
        color: #091D3F;
    }

    .category_card_container1 > .category_text_IT {
        visibility: hidden !important;
    }

    .category_card_container1 > .category_text_IT:before {
        content: "IT" !important;
        visibility: visible !important; 
    }

    .our_courses_category > .category_card_container1 {
        width: 13% !important;
        height: 70px !important;
        padding: 50px 30px 0px 30px !important;
    }

    .our_courses_category > .category_card_container2 {
        width: 20%;
        height: 70px;
    }

    .our_courses_category > .category_card_container3 {
        width: 62%;
        height: 70px;
    }

    .our_courses_container > .our_courses_decorator {
        margin-left: -300px !important;
    }

    .courses_list_container {
        padding: 0px 120px !important;
    }


}

@media screen and (max-width: 650px) {
    .courses_list_container {
        padding: 0px 20px !important;
    }

    .our_courses_category {
        height: 100px;
   
    }
}

@media screen and (max-width:630px){
    .our_courses_text > .our_courses_subtitle {
        width: 403px !important;
        font-size: 30px;
    }

    .our_courses_container {
        padding: 0px 70px !important;
        height: 567 !important;
    }

    .our_courses_text > .our_courses_title {
        margin-top: 50px;
    }

    .our_courses_category {
        padding: 0px 20px !important;
    }

    

    .search_input{
        width: 200px !important;
    }

    .courses_list_container > .course_search {
         margin-left: 30px;
    }

    .course_search > .search_container {
        justify-content: flex-start !important;
        width: 340px !important;
    }
    
}

@media screen and (max-width:500px){
    .our_courses_text > .our_courses_subtitle {
        width: 303px !important;
    }

    .our_courses_container {
        height: 657px !important;
    }
    .course_details > .module_detail {
        width: 170px;
    }

    .time_course > .number_time {
         width: 73px;
    }

    .course_table > .course_Card {
        margin: 20px 10px;
    }


    .course_Card > .course_information {
        width: 230px !important;
    }

    .courses_list_container {
        padding: 0px 10px !important;
    }


}

@media screen and (max-width:450px){
    .our_courses_category > .category_card_container3 {
        width: 55%;
    }

    .our_courses_category > .category_card_container1 {
        padding: 50px 30px 0px 20px !important;
    }

    .courses_list_container > .course_search {
        margin-left: 10px;
    }

    .course_search > .search_container {
        margin-left: -30px;
    }


}