.slick-list:focus,

a {

    outline: 0;

}

.focus-input100,

.slick-slide.dragging img {

    pointer-events: none;

}

body,

html {

    margin: 0;

    padding: 0;

    font-family: Poppins !important;

    font-style: normal !important;

    font-size: 16px !important;

}

.asked-question-section .accordion-section .card .card-link.collapsed .card-header1 .open-img,

.asked-question-section .accordion-section .card .card-link.collapsed ~ .collapsing,

.choose-container .inner-card .hover-image,

.choose-container .inner-card:hover .image,

.course-details .hover-section .hover-image,

.course-details .hover-section:hover .normal-img,

.course-exp .hover-section .hover-image,

.course-exp .hover-section:hover .normal-img,

.course-list-background .course-content .hover-icon .hover-red-tooltip,

.course-list-background .course-content .hover-icon:hover .red-tooltip,

.header .topbar,

.hover-img,

.icon-box-area .full-icon-box .icon-box:hover .img,

.nav-mobile #menu-toggle,

.nav-mobile #menu-toggle.active ~ .menu-button .icon-open,

.nav-mobile #menu-toggle:checked ~ .menu-button .icon-open,

.nav-mobile .menu-container .menu-sidebar li .submenu-toggle,

.slick-arrow.slick-hidden,

.slick-slide.slick-loading img,

.why-choose .user-card .hover-image,

.why-choose .user-card:hover .image,

p:empty {

    display: none;

}

.container {

    max-width: 90% !important;

}

a,

a:active,

a:focus,

a:hover,

button:focus,

button:hover {

    text-decoration: none;

    outline: 0;

}

a {

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

    box-shadow: none;

    text-decoration: none;

    cursor: pointer;

}

.enquire-now-sec {

    background: url(https://ik.imagekit.io/mbqsdrv2q/micro/new-des/micro/images/vendor/not-sure-background.png) 0 0/120%;

    color: #fff;

    padding: 30px;

    text-align: center;

}

.enquire-now-sec h2 {

    font-size: 26px;

    font-style: normal;

    font-weight: 700;

    line-height: 72px;

}

.enquire-now-sec p {

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 36px;

}

.enquire-now-sec .enquiry-btn,

.enquire-section p {

    font-weight: 400;

    font-size: 16px;

    font-family: Poppins;

    font-style: normal;

}

.enquire-now-sec .enquiry-btn {

    width: 220px;

    height: 50px;

    background: #fff;

    border-radius: 10px;

    line-height: 24px;

    color: #000;

    padding: 0;

    border: 0;

}

.key-features .co-count {

    column-count: 3;

    list-style: none;

    padding: 0;

}

.key-features .co-count li {

    line-height: 50px;

}

@media (max-width: 1160px) {

    .key-features .co-count {

        column-count: 2;

    }

}

#expandbtn {

    margin-bottom: 50px;

    border-radius: 10px;

    padding: 10px;

    width: 150px;

    margin-top: 20px;

}

.enquire-section {

    margin: 0;

    background: url(https://www.microteklearning.com/new-des/micro/images/vendor/traing-cover.png) top center no-repeat;

    width: 100%;

    color: #fff;

    background-size: cover;

}

.enquire-section .container h1 {

    text-transform: capitalize;

    line-height: 1.25;

    font-size: 48px;

    padding-top: 40px;

    text-align: left;

    font-weight: 700;

}

.enquire-section p {

    line-height: 165%;

}

.enquire-section .ribbon-top-left {

    top: 40px;

    left: 15px;

}

.enquire-section .ribbon {

    width: 100px;

    height: 100px;

    overflow: hidden;

    position: absolute;

}

.enquire-section .ribbon-top-left span {

    right: -26px;

    top: 27px;

    transform: rotate(-45deg);

}

.enquire-section .ribbon span {

    font-size: 12px!important;

    position: absolute;

    display: block;

    width: 170px;

    padding: 5px 0;

    background-color: #009444;

    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);

    color: #fff;

    font: 700 18px/1 Lato, sans-serif;

    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);

    text-transform: uppercase;

    text-align: center;

}

.newsletter .button,

.newsletter .form input {

    text-shadow: none;

    box-shadow: none;

    height: 50px;

}

.enquire-section .wrap-login100 {

    background: #fff;

    border-radius: 10px;

    margin-top: 40px;

    overflow: hidden;

    padding: 20px 55px 33px;

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

}

.enquire-section .wrap-login100 .login100-form-title,

.login100-form-title {

    margin-bottom: 20px;

    display: block;

    font-weight: 600;

    font-size: 24px;

    color: #0c304f;

    line-height: 1.2;

    text-align: center;

}

.enquire-section .wrap-login100 .login100-form {

   /* padding-top: 20px;*/

}

.enquire-section .wrap-login100 .wrap-input100 {

    margin-bottom: 20px;

}

input[type="color"]:focus,

input[type="date"]:focus,

input[type="datetime-local"]:focus,

input[type="datetime"]:focus,

input[type="email"]:focus,

input[type="month"]:focus,

input[type="number"]:focus,

input[type="password"]:focus,

input[type="range"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="text"]:focus,

input[type="time"]:focus,

input[type="url"]:focus,

input[type="week"]:focus,

textarea:focus {

    color: #111;

}

input:focus,

textarea:focus {

    border-color: transparent !important;

}

.check-label input:focus {

    border-color: #000 !important;

}

input[type="color"],

input[type="date"],

input[type="datetime-local"],

input[type="datetime"],

input[type="email"],

input[type="month"],

input[type="number"],

input[type="password"],

input[type="range"],

input[type="search"],

input[type="tel"],

input[type="text"],

input[type="time"],

input[type="url"],

input[type="week"],

textarea {

    color: #666;

    border: 1px solid #ccc;

    border-radius: 3px;

}

[role="button"],

a,

area,

button,

input:not([type="range"]),

label,

select,

summary,

textarea {

    -ms-touch-action: manipulation;

    touch-action: manipulation;

}

.enquire-section .wrap-login100 .input100,

.input100 {

    font-size: 15px;

    color: #555;

    line-height: 1.2;

    border: 0 !important;

    display: block;

    width: 100%;

    height: 45px;

    background: 0 0;

    padding: 0 5px;

}

.has-val.input100 + .focus-input100::before,

.input100:focus + .focus-input100::before,

.login100-form {

    width: 100%;

}

.login100-form-title i {

    font-size: 60px;

}

.wrap-input100 {

    width: 100%;

    position: relative;

    border-bottom: 2px solid #adadad;

    margin-bottom: 37px;

}

.focus-input100 {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.focus-input100::before {

    content: "";

    display: block;

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 0;

    height: 2px;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    -moz-transition: 0.4s;

    transition: 0.4s;

    background: #6a7dfe;

    background: -webkit-linear-gradient(left, #21d4fd, #b721ff);

    background: -o-linear-gradient(left, #21d4fd, #b721ff);

    background: -moz-linear-gradient(left, #21d4fd, #b721ff);

    background: linear-gradient(left, #21d4fd, #b721ff);

}

.focus-input100::after,

.header.sticky {

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

}

.focus-input100::after {

    font-size: 15px;

    color: #999;

    line-height: 1.2;

    content: attr(data-placeholder);

    display: block;

    width: 100%;

    position: absolute;

    top: 16px;

    left: 0;

    padding-left: 5px;

    -o-transition: 0.4s;

    transition: 0.4s;

}

.has-val.input100 + .focus-input100::after,

.input100:focus + .focus-input100::after {

    top: -15px;

}

.container-login100-form-btn {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding-top: 13px;

}

.wrap-login100-form-btn {

    display: block;

    position: relative;

    z-index: 1;

    border-radius: 10px;

    overflow: hidden;

    margin: 0 auto;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}

.login100-form-btn {

    font-size: 15px !important;

    color: #fff !important;

    line-height: 1.2 !important;

    text-transform: uppercase !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    background: #0c304f !important;

    width: 217px !important;

    height: 50px !important;

    border-radius: 10px !important;

}

.choose-container {

    background: #0c304f;

    padding: 20px;

    width: 100%;

}

.add-sec2,

.add-sec3 {

    padding-bottom: 60px !important;

}

.choose-container h2 {

    color: #fff !important;

    text-align: center;

    font-family: Poppins;

    font-style: normal;

    font-weight: 700;

    margin-bottom: 20px;

    line-height: 48px;

    font-size: 28px !important;

}

.add-sec1,

.asked-question-section .accordion-section .card .card-link .card-header1,

.bg-link a,

.choose-container .inner-card:hover h3,

.course-page-body .course-overview ul li,

.footer-top .single-widget .social i,

.microsoft-box p,

.why-choose .user-card:hover h3,

.why-choose .user-card:hover p {

    color: #fff;

}

.choose-container .inner-card:hover {

    background: #4da766;

}

.choose-container .inner-card {

    background: #fff;

    border-radius: 10px;

    height: 160px;

    width: 100%;

    margin-bottom: 30px;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    padding: 10px;

}

.choose-container .inner-card .image,

.choose-container .inner-card:hover .hover-image,

.course-details .hover-section .normal-img,

.course-details .hover-section:hover .hover-image,

.course-list-background .course-content .hover-icon .red-tooltip,

.course-list-background .course-content .hover-icon:hover .hover-red-tooltip,

.icon-box-area .full-icon-box .icon-box:hover .hover-img,

.img,

.nav-mobile #menu-toggle.active ~ .menu-button .icon-close,

.nav-mobile #menu-toggle:checked ~ .menu-button .icon-close,

.slick-initialized .slick-slide,

.slick-slide img,

.why-choose .user-card .image,

.why-choose .user-card:hover .hover-image {

    display: block;

}

.choose-container .inner-card .image {

    width: 40px;

    height: 40px;

}

.choose-container h3 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #0c304f;

    margin-top: 15px;

}

.add-sec2 h2,

.add-sec2 p,

.add-sec3 h2,

.add-sec3 p {

    font-family: Poppins !important;

    font-style: normal !important;

}

.add-sec1 h2,

.add-sec2 h2,

.add-sec3 h2 {

    font-size: 30px !important;

    padding: 40px 0 20px !important;

}

.add-sec1 {

    background: #0c304f;

    margin-bottom: 0 !important;

}

.banner-course,

.desk-banner .p {

    margin-bottom: 0;

    margin-top: 30px;

}

.add-sec1 h2 {

    margin-bottom: 10px !important;

    text-align: left !important;

}

.add-sec1 img {

    width: 100%;

    height: 100%;

}

.add-sec3 {

    background: #f5f5f5;

}

.add-sec2 {

    background: #fff !important;

}



.add-sec2 .round-block {

  display: flex;

  justify-content: space-between;

  position: relative;

  flex-direction: column;

  align-items: center;

}

@media only screen and (min-width: 992px) {

  .add-sec2 .round-block {

    flex-direction: row;

    flex-wrap: wrap;

    align-items: flex-start;

  }

}

@media only screen and (min-width: 1025px) {

  .add-sec2 .round-block {

    flex-direction: row;

    align-items: flex-start;

  }

}

.add-sec2 .round-block .circle {

  width: 280px;

  height: 280px;

  border-radius: 100%;

  font-family: "Poppins";

  font-style: normal;

  font-weight: 500;

  font-size: 24px;

  color: #fff;

  line-height: 36px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  margin: auto;

}

.add-sec2 .round-block .circle.blue {

  background: #0C304F;

}

.add-sec2 .round-block .circle.green {

  background: #4DA766;

}

.add-sec2 .round-block .tringle {

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 125px 51.5px 0 51.5px;

  border-color: #0C304F transparent transparent transparent;

  margin: auto;

  position: relative;

  top: -15px;

}

.add-sec2 .round-block .tringle.green {

  border-color: #4DA766 transparent transparent transparent;

}

.add-sec2 .round-block .circle-block {

  margin-left: 0;

  width: 100%;

  margin-bottom: 30px;

}

@media only screen and (min-width: 768px) {

  .add-sec2 .round-block .circle-block {

    width: 49%;

  }

}

@media only screen and (min-width: 1025px) {

  .add-sec2 .round-block .circle-block {

    margin-left: 0;

    width: 280px;

    margin-bottom: 0;

  }

}

.add-sec2 .round-block .circle-block ul {

  padding-left: 25px;

}

.add-sec2 .round-block .circle-block ul li {

  list-style: disc;

  font-family: "Poppins";

  font-style: normal;

  font-weight: 500;

  font-size: 24px;

  line-height: 36px;

  color: #0C304F;

}

.add-sec2 .round-block .circle-block ul.green li {

  color: #4DA766;

}

.add-sec2 .round-block .circle-block:first-child {

  margin-left: 0;

}

.add-sec2 .round-block .circle-block:first-child ul {

  padding-left: 70px;

}

.add-sec2 .clip-box {

  position: absolute;

  top: 140px;

  left: 150px;

  display: none;

}

@media only screen and (min-width: 1025px) {

  .add-sec2 .clip-box {

    display: block;

  }

}

.add-sec2 .clip-box.right {

  left: auto;

  right: 150px;

}

.add-sec2 .green-clip-box {

  position: absolute;

  left: 430px;

  top: 0px;

  display: none;

}

@media only screen and (min-width: 1025px) {

  .add-sec2 .green-clip-box {

    display: block;

  }

}





.add-sec2 h2,

.add-sec3 h2 {

    font-weight: 600 !important;

    line-height: normal !important;

    color: #0c304f !important;

}

.add-sec2 p,

.add-sec3 p {

    font-weight: 400 !important;

    font-size: 16px !important;

    line-height: 165% !important;

    margin-bottom: 15px !important;

}

.resources-sec {

    background: #f5f5f5;

    padding: 40px 0;

}

.us-loc {

    

    padding: 40px 0;

}

.us-loc .col-count { column-count: 8; font-size: 14px; }

.resources-sec h2, .us-loc h2 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 600;

    font-size: 30px;

    line-height: normal;

    color: #0c304f;

    margin-bottom: 20px;

    text-align: left;

}

.rating-section .big-text,

.resources-sec p {

    font-style: normal;

    color: #000;

    font-family: Poppins;

}

.resources-sec p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

}

@media (max-width: 576px) {

    .course-desc.who-should {

        overflow: scroll;

    }

    .enquire-section .wrap-login100,

    .wrap-login100 {

        padding: 77px 15px 33px;

    }

}

@media (min-width: 576px) {

    .flex-sm-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important;

    }

}

@media only screen and (min-width: 768px) {

    .bg-link {

        align-items: center;

        box-shadow: none;

    }

}

.bg-link {

    margin-top: 50px;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

#ov-desc {

    width: 100%;

    overflow: hidden;

}

.readmore {

    height: auto !important;

}

.city-banner {

    background: url(https://www.microteklearning.com/new-des/micro/images/city/city-banner.png) 0 0/120% no-repeat;

}

.city-banner h1 {

    font-weight: 600;

    font-size: 48px;

    line-height: 72px;

    margin: 150px;

    color: #fff;

    text-align: center;

}

.rating-section {

    background: #f5f5f5;

    padding: 20px 0;

}

.rating-section .big-text {

    font-weight: 500;

    font-size: 36px;

    line-height: 54px;

}

.rating-section .bar {

    width: 1px;

    background: #000;

    display: none;

}

.city-location {

    padding: 90px 0;

}

.city-location a {

    color: #0c304f;

}

.city-location a:hover {

    color: #4ea76d;

}

.city-col {

    column-count: 4;

}

.city-page-overview {

    padding: 30px 0 30px;

}

.city-page-overview h2 b,

.city-page-overview h2 strong {

    font-weight: unset;

}

.city-page-overview h2 {

    color: #0c304f;

    font-family: Poppins;

    font-size: 32px !important;

    font-style: normal !important;

    font-weight: 700 !important;

    line-height: normal !important;

}

.city-page-overview p,

.city-page-overview ul li,

.city-page-overview ul span {

    color: #000;

    text-align: justify;

    font-size: 16px !important;

    font-family: Poppins !important;

    font-weight: 400;

    line-height: 165%;

}

.city-page-overview p br {

    margin-bottom: 1rem;

}

.city-page-overview .key-features,

.course-page-body .course-overview .accredited li {

    margin-top: 30px;

}

.city-page-overview .key-features h2,

.course-page-body .course-overview .accredited li span {

    font-weight: 500;

}

.city-page-overview .key-features img {

    width: 10%;

    height: 10%;

}

.city-page-overview p span {

    font-size: 16px !important;

    font-family: Poppins !important;

}

.course-list-background {

    background: #f9fdff;

    padding: 40px 0 !important;

}

.tab {

             text-align: center;

    /* margin-bottom: 60px; */

    color: #0c304f;

    position: absolute;

    top: -55px;

    width: 95%;

         }

     .tab .col-lg-4 {

    padding: 5px 20px;

    background: #ffffff;

    /* margin: 20px; */

    border-color: 1px solid beige;

    border: 5px solid #f9fdff;

    cursor: pointer;

}

    .tab .col-lg-4 .check-label {

        display: flex;

        margin-bottom: 0;

    }

 .tab .col-lg-4 .check-label input {

     width: 30px;

    height: 30px;

    top: 0;

    cursor: pointer;

    margin-right: 10px;

 }

 .tab .col-lg-4 .check-label input[type="checkbox"]:hover {

    background: #4ea76d;

    border-color: #4ea76d;

    appearance: none;

}

.even,

.odd {

    padding: 15px 20px;

}

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

    .course-list-background .desk,

    .rating-section {

        display: none;

    }

    .city-col {

    column-count: 2;

}

.city-location {

    padding: 40px 0;

}

}

.course-list-background .course-sidebar .filter-btn {

    background: #0c304f;

    padding: 10px 20px;

    border-radius: 0;

    position: absolute;

    color: #fff;

    top: -50px;

}

.course-list-background .course-sidebar .show-filter {

    position: absolute;

    opacity: 0;

}



.course-list-background .course-sidebar .course-search {

    padding: 20px;

    border-radius: 5px;

    border: 1px solid #eee;

    margin-bottom: 30px;

}

.course-list-background .course-sidebar .course-search p {

    background: #0c304f;

    padding: 10px;

    white-space: nowrap;

    font-size: 20px !important;

    color: #fff;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.course-list-background .course-sidebar .course-search ul.category-item li.check-btn label input[type="checkbox"] {

    width: 30px;

    height: 30px;

    top: 0;

}

.course-search ul.category-item li.check-btn label {

    cursor: pointer;

}

.course-search ul.category-item li.check-btn label input[type="checkbox"]:hover {

    background: #4ea76d;

    border-color: #4ea76d;

}

.course-search ul.category-item li.check-btn label input[type="checkbox"] {

    border: 1px solid #0c304f;

    appearance: none;

    width: 18px;

    height: 18px;

    cursor: pointer;

    margin-right: 6px;

    position: relative;

    top: 4px;

}

.course-list-background .course-sidebar .course-search ul.category-item li.check-btn label input[type="checkbox"] + span {

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #0c304f;

    width: 290px;

}

#dropdowntraining .ms-prdct ul li a:hover,

#dropdowntraining .vendors ul li a:hover,

.course-details .hover-section:hover .count,

.course-exp .hover-section:hover .count,

.course-list-background .course-sidebar .check-label span:last-child:hover,

.course-list-background .course-sidebar .course-search ul.category-item li.check-btn label input[type="checkbox"] + span:hover,

.course-list-background .course-sidebar .course-search ul.category-item li.check-btn label input[type="checkbox"]:checked ~ span,

header .mega-menu .dropdowncertification li a:hover {

    color: #4ea76d;

}

.course-details.step-2 .blue-box:hover,

.course-filter .view-btn .btn2,

.course-list-background .course-sidebar .course-search ul.category-item li.check-btn label input[type="checkbox"]:checked {

    background: #4ea76d;

}

.course-list-background .course-sidebar .course-search ul.category-item li.check-btn {

    border-bottom: 1px solid #000;

}

.course-list-background .course-sidebar .check-label {

    display: flex !important;

    position: relative;

    padding: 23px 30px 13px 0;

    align-items: center;

    margin: 0;

}

.course-list-background .course-sidebar .check-label input {

    margin-right: 20px !important;

}

.course-list-background .course-sidebar .check-label span:last-child {

    position: absolute;

    right: 5px;

    color: #0c304f;

}

.course-list-background a:hover {

    color: #4ea76d;

    text-decoration: none;

}

.course-details img,

.course-list-area img {

    height: auto;

    max-width: 100%;

}

.course-exp .count.blue,

.course-list-area a,

.course-tab-list h2,

.course-tab-list h3,

.latest-blog-home .blog-item:hover h3 {

    color: #0c304f;

}

.course-list-area .course-items2 .course-item .course-content span.heading {

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}

.even {

    background: #fff;

}

.odd {

    background: rgb(238 238 238 / 35%);

}

.even:hover,

.odd:hover {

    background: rgb(238 238 238);

}

.course-list-background .main-border {

    padding: 20px;

    border: 1px solid rgba(0, 0, 0, 0.2);

}

.course-list-background .sticky {

    border: 1px solid rgba(39, 41, 104, 0.2);

    padding: 20px;

    background: #fff;

    border-radius: 0;

    box-shadow: none;

}

.course-list-background .course-details-feature h5.title {

    font-family: Poppins;

    font-style: normal;

    font-weight: 500;

    font-size: 24px;

    line-height: 36px;

    color: #0c304f;

}

.course-list-background .enquiryForm {

    background: #0c304f;

    height: 38px;

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 18px;

    color: #fff;

    border: 0;

    width: 100%;

}

.course-list-background ul,

.swiper-slide .badge-minheight .box ul li {

    list-style: none;

}

.course-list-background .course-heading {

    background: #0c304f;

    padding: 2px !important;

    font-size: 24px !important;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}

.query-section {

    padding: 40px 0;

    background: #f9fdff;

}

.query-section h3 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 700;

    font-size: 32px;

    line-height: 48px;

    color: #0c304f;

    padding-top: 0;

}

.query-section h2 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    font-size: 48px;

    line-height: 72px;

    color: #0c304f;

    margin-bottom: 20px;

}

.city-page-overview .slide-box h5,

.city-page-overview .slide-box h6,

.city-page-overview .slide-box p,

.query-section .aftersend .enquiryForm,

.query-section p {

    font-size: 16px;

    line-height: 24px;

    font-family: Poppins;

    font-style: normal;

}

.query-section p {

    font-weight: 400;

    color: #000;

    margin-bottom: 20px;

}

.query-section .aftersend {

    background: #0c304f;

    border-radius: 10px;

    padding: 20px;

}

.query-section .aftersend .form-group {

    margin-bottom: 30px;

}

.query-section .aftersend .form-control {

    height: 70px;

    background: #fffefe;

    border-radius: 10px;

    padding: 20px;

}

.query-section .aftersend .enquiryForm {

    width: 168px;

    height: 50px;

    background: #fff;

    border-radius: 10px;

    font-weight: 400;

    color: #0c304f;

    padding: 0;

}

.city-page-overview .slide-box {

    background: #fff;

    padding: 10px;

}

.city-page-overview .slide-box .user-box {

    width: 187px;

    height: 187px;

    border-radius: 100%;

    overflow: hidden;

    margin: auto;

}

.carousel-section .slide-box .user-box img,

.city-page-overview .slide-box .user-box img,

.review-popular-course .comment-box .comment-image img,

.user-profile-inline .profile-pic img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.city-page-overview .slide-box p {

    font-weight: 400;

    text-align: center;

    color: #000;

    margin-top: 30px;

    height: 100px;

}

.city-page-overview .slide-box h5 {

    font-weight: 500;

    text-align: center;

    color: #000;

    margin-top: 20px;

}

.city-page-overview .slide-box h6 {

    font-weight: 275;

    text-align: center;

    color: #000;

    margin-top: 5px;

}

.home-page .container {

    max-width: 97%;

}

.latest-blog-home a {

    text-decoration: none;

}

.asked-question-section,

.carousel-section,

.course-filter,

.esteemed-clients,

.home-about,

.latest-blog-home {

    padding: 50px 0;

}

.asked-question-section h2 {

    margin-bottom: 60px;

}

.latest-blog-home .blog-item {

    margin-top: 60px;

}

.desk-banner {

    background: url(https://www.microteklearning.com/new-des/micro/images/home/home-baner.png) 0 0/120% no-repeat;

}

.desk-banner h1 {

    font-weight: 600;

    font-size: 38px;

    line-height: 72px;

    margin-top: 70px;

    color: #fff;

}

.banner-course a,

.desk-banner form input,

.explore-btn {

    font-size: 16px;

    line-height: 24px;

}

.desk-banner .p {

    color: #fff;

    font-size: 24px;

    font-weight: 400;

}

.desk-banner form {

    max-width: 670px;

}

.desk-banner form input {

    font-weight: 400;

    color: #000;

    width: 100%;

    background: #fff;

    border-radius: 90px;

    padding: 13px 0 13px 30px;

    margin-top: 20px;

    border: none;

}

.banner-course {

    display: inline-flex;

    list-style: none;

    padding: 0;

    gap: 28px;

}

.banner-course a {

    font-weight: 600;

    color: #fff;

}

.banner-course a:hover {

    text-decoration-line: underline;

    color: #fff;

}

.explore-btn {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding: 13px 30px;

    gap: 10px;

    background: #fff;

    border-radius: 10px;

    width: 180px;

    margin-top: 50px;

    font-weight: 400;

    color: #272968;

}

.banner-counter {

    list-style: none;

    display: inline-flex;

    color: #fff;

    padding: 0;

    margin-top: 50px;

    gap: 115px;

    min-height: 200px;

}

.banner-counter li {

    display: inline-flex;

    gap: 20px;

}

.banner-counter li img {

    width: 40px;

    height: 40px;

}

.banner-counter li span,

.banner-counter li span i {

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

}

.banner-counter li p {

    font-weight: 400;

    font-size: 16px;

    line-height: 18px;

}

.icon-box-area {

    min-height: 70px;

}

.icon-box-area .full-icon-box,

.schedules {

    position: relative;

}

.icon-box-area .full-icon-box .icon-box {

    height: 150px;

    width: 100%;

    background: #fff;

    padding: 35px 30px 20px;

    z-index: 2;

    box-shadow: rgba(0, 0, 0, 0.07) 0 12px 25px;

    border-radius: 10px;

    color: #000;

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

    position: absolute;

    bottom: -70px;

}

#dropdowntraining .category .cat-items ul li:hover,

.icon-box-area .full-icon-box .icon-box:hover,

header .mega-menu #dropdowntraining .bp:hover,

header .mega-menu .menu-item:hover {

    background: #0c304f;

    color: #fff;

}

.icon-box-area .full-icon-box .icon-box .box-title {

    display: inline-flex;

    gap: 10px;

}

.icon-box-area .full-icon-box .icon-box .box-title img {

    margin-top: 5px;

    width: 50px;

    height: 50px;

}

.icon-box-area .box-title span {

    font-weight: 700;

    font-size: 18px;

    line-height: 27px;

}

.icon-box-area .box-title p {

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

}

.asked-question-section .accordion-section .card .card-link.collapsed .card-header1 img,

.carousel-section .big-qus-image img,

.course-tab-list .cert-details img,

.home-about .left-col img {

    width: 100%;

    height: 100%;

}

.home-about .left-col {

    background: linear-gradient(0deg, rgba(0, 86, 210, 0.2), rgba(0, 86, 210, 0.2)) 30% 30%/180% no-repeat padding-box content-box,

        url(https://www.microteklearning.com/new-des/micro/images/home/home-about.png) 30% 30%/180% no-repeat padding-box content-box;

}

.home-about .rgt-col {

    padding: 0 0 0 50px;

}

.home-about .rgt-col h2 {

    margin-top: 30px;

    font-weight: 700;

    font-size: 32px;

    line-height: 48px;

    color: #0c304f;

}

.home-about .rgt-col .about-para {

    margin-top: 20px;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #000;

}

.home-about .rgt-col .readmore-btn {

    background: #0c304f;

    border-radius: 10px;

    padding: 10px 20px;

    margin-top: 30px;

    text-decoration: none;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    flex: none;

    order: 0;

    flex-grow: 0;

}

.design-box {

    position: absolute;

    width: 219px;

    height: 191px;

    left: -20px;

    top: 290px;

    background: #0c304f;

    z-index: -1;

}

.course-filter,

.latest-blog-home {

    background: #f5f5f5;

}

.course-filter .sec-title {

    width: 600px;

}

.course-filter .sec-title h2,

.latest-blog-home h2 {

    font-weight: 600;

    font-size: 48px;

    line-height: 72px;

    color: #0c304f;

}

.course-filter .filter-btns {

    margin-top: 30px;

    gap: 20px;

}

#dropdowntraining .category .cat-items ul,

.course-filter .filter-btns .filter-btn-list {

    padding: 0;

}

.course-filter .filter-btns .filter-btn-list .list-inline-item {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #0c304f;

    padding: 10px 20px;

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

    flex: none;

    order: 0;

    flex-grow: 0;

    background: #fff;

    border-radius: 5px;

    cursor: pointer;

}

.course-filter .filter-btns .filter-btn-list .list-inline-item.active,

.course-filter .filter-btns .filter-btn-list .list-inline-item:hover {

    background: #0c304f;

    border-radius: 10px;

    color: #fff;

}

#coursesajex,

.footer-bottom .disclaimer,

.footer-top .newsletter,

.footer-top .pay {

    margin-top: 50px;

}

.course-filter #coursesajex .course-item {

    background: #f9fdff;

    border: 1px solid rgba(39, 41, 104, 0.2);

    border-radius: 10px;

}

.course-filter #coursesajex .course-item:hover {

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

}

.course-filter .course-content h3 {

    font-weight: 600;

    font-size: 20px;

    line-height: 30px;

    margin-left: 20px;

    color: #000;

    margin-top: 20px;

}

.course-filter .course-content h3 a {

    color: #000;

    text-decoration: none;

}

.course-filter .course-content div,

.course-filter .course-content p {

    margin: 10px 20px 20px;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #000;

    overflow: hidden;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.course-filter #coursesajex .course-item img {

    background: #fff;

    width: 100%;

    border-radius: 10px;

    height: 100%;

}

.course-filter .view-btn {

    margin-top: 60px;

    display: inline-flex;

    gap: 20px;

}

.course-filter .view-btn .btn1,

.why-choose .user-card:hover,

.why-choose .user-card:hover .circle-img {

    background: #0c304f;

}

.course-filter .view-btn .btn1,

.course-filter .view-btn .btn2 {

    text-decoration: none;

    border-radius: 10px;

    color: #fff;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    padding: 10px 20px;

    flex: none;

    order: 0;

    flex-grow: 0;

}

#dropdowntraining .category,

.carousel-section,

.esteemed-clients {

    background: #f6fcff;

}

.carousel-section h2 {

    font-weight: 600;

    font-size: 48px;

    line-height: 72px;

    color: #0c304f;

    margin-bottom: 20px;

}

.carousel-section .connect-btn {

    background: #0c304f;

    border: #0c304f;

    border-radius: 10px;

    padding: 10px 20px;

    text-decoration: none;

    font-family: Poppins;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    margin-bottom: 30px;

    flex: none;

    order: 0;

    flex-grow: 0;

}

@media only screen and (min-width: 768px) {

    

    .rating-section .bar {

        display: block;

    }

    .course-list-background {

        padding: 90px 0 !important;

    }

    .query-section .aftersend {

        padding: 40px;

    }

    .carousel-section .connect-btn {

        margin-bottom: 0;

    }

}

.carousel-section .slider-arrow .arrow-btn {

    width: 24px;

    height: 24px;

    background: rgba(39, 41, 104, 0.5);

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.carousel-section .slider-arrow .arrow-btn:hover {

    background: #272968;

}

.asked-question-section .accordion-section .card .card-link.collapsed,

ul.breadcrumb {

    background: 0 0;

}

.carousel-section .slider-arrow .arrow-btn .fa {

    font-size: 20px;

    color: #fff;

}

.carousel-section .big-qus-image {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    display: none;

}

.carousel-section .slide-box {

    background: #fff;

    padding: 10px;

    height: 450px;

}

.carousel-section .slide-box .user-box {

    width: 100px;

    height: 100px;

    border-radius: 100%;

    overflow: hidden;

    margin: auto;

}

.carousel-section .slide-box p {

    font-family: Poppins;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #000;

    margin-top: 30px;

}

.carousel-section .slide-box h3,

.carousel-section .slide-box h5 {

    font-family: Poppins;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #000;

    margin-top: 20px;

}

.carousel-section .slide-box h4,

.carousel-section .slide-box h6 {

    font-size: 16px;

    line-height: 24px;

    margin-top: 5px;

    color: #000;

    text-align: center;

    font-family: Poppins;

}

.carousel-section .slide-box h6 {

    font-weight: 400;

}

.carousel-section .slide-box h4 {

    font-weight: 275;

}

.esteemed-clients h2 {

    font-weight: 600;

    font-size: 48px;

    line-height: 72px;

    color: #0c304f;

    text-align: center;

    margin-bottom: 25px;

}

.esteemed-clients img {

    max-width: 100%;

    margin-top: 20px;

    width: 70%;

    height: 70%;

}

.asked-question-section {

    background: #fff;

    position: relative;

}

.asked-question-section .question-box {

    position: absolute;

    right: -100px;

    bottom: 0;

    display: none;

}

@media only screen and (min-width: 1440px) {

    .asked-question-section .question-box {

        display: block;

    }

}

.asked-question-section h2 {

    font-family: Poppins;

    font-weight: 600;

    font-size: 48px;

    line-height: 72px;

    color: #0c304f;

    text-transform: uppercase;

}

.asked-question-section .accordion-section .card a {

    transition: none !important;

    font-size: 20px !important;

}

.asked-question-section .accordion-section .card li,

.asked-question-section .accordion-section .card p {

    font-family: Poppins;

    font-weight: 400;

    font-size: 20px !important;

    line-height: 30px;

    color: #000;

    transition: none !important;

}

.asked-question-section .accordion-section .card li a,

.asked-question-section .accordion-section .card p a {

    transition: none !important;

}

.asked-question-section .accordion-section .card .card-header {

    font-family: Poppins;

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #000;

    background: 0 0;

}

.asked-question-section .accordion-section .card .card-header1 {

    background: 0 0 !important;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.asked-question-section .accordion-section .card .card-link {

    color: #fff;

    transition: none;

    background: #4ea76d;

}

.asked-question-section .accordion-section .card .card-link .card-header1 .close-img {

    display: none;

    flex-shrink: 0;

}

.asked-question-section .accordion-section .card .card-link .card-header1 .open-img {

    display: block;

    flex-shrink: 0;

    margin-left: 15px;

}

.asked-question-section .accordion-section .card .card-link.collapsed .card-header1 {

    color: #000;

}

.asked-question-section .accordion-section .card .card-link.collapsed .card-header1 .close-img,

.microtek-desc .card-block span {

    display: block;

    margin-left: 15px;

}

.latest-blog-home .blog-item h3,

.latest-blog-home .blog-item p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.asked-question-section .accordion-section .card .collapse-body {

    padding: 20px !important;

    height: auto !important;

}

.asked-question-section .accordion-section .card .collapse li,

.asked-question-section .accordion-section .card .collapse p {

    font-family: Poppins;

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #000;

    transition: none;

}

.asked-question-section .accordion-section .card .collapse a {

    font-size: 20px !important;

}

.latest-blog-home .blog-item img {

    max-width: 100%;

    width: 100%;

    height: 100%;

}

.latest-blog-home .blog-item {

    background: #fff;

    padding: 20px;

}

.latest-blog-home .blog-item:hover {

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);

}

.latest-blog-home .blog-item h3 {

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

    -webkit-line-clamp: 1;

    color: #0c304f;

}

.blog-item .date,

.latest-blog-home .blog-item p {

    color: #000;

    line-height: 24px;

    font-size: 16px;

    font-weight: 400;

}

.latest-blog-home .blog-item p {

    margin-top: 10px;

    -webkit-line-clamp: 3;

}

.blog-item ul {

    list-style: none;

    display: inline-flex;

    margin: 0;

    padding: 0;

}

.blog-item .date {

    margin: 20px 0 10px;

    opacity: 0.5;

}

.blog-item .new-btn {

    background: #4ea76d;

    border-radius: 60px;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    display: flex;

    flex-direction: row;

    align-items: center;

    padding: 3px 32px;

    right: 35px;

    position: absolute;

    margin: 20px 0 10px;

}

.modal-header {

    color: #fff !important;

}

.group {

    position: relative;

    margin-bottom: 20px;

}

.nav-mobile,

.nav-mobile .menu-container .menu-sidebar,

.nav-mobile .menu-container .menu-sidebar li .menu-sub {

    list-style-type: none;

    margin: 0;

    background: #fff;

    padding: 0;

}

.nav-mobile {

    height: 70px;

    width: 100%;

    z-index: 9999;

    box-shadow: 0 5px 5px -5px #333;

    transition: 0.2s;

}

.nav-mobile .menu-button {

    position: absolute;

    top: 0;

    right: 0;

}

.nav-mobile .menu-container {

    width: 100%;

    float: left;

    cursor: pointer;

    position: relative;

}

.nav-mobile svg path {

    fill: #2d3e50;

}

label {

    display: inline-block;

    margin-bottom: 0.5rem;

}

.nav-mobile svg.icon-close {

    display: none;

    height: 62px;

    padding: 15px;

    margin-top: 0;

}

.nav-mobile svg {

    height: 45px;

    width: 90px;

    padding: 9px;

    margin-top: 12px;

}

.nav-mobile .menu-button.mystyle:after {

    opacity: 0;

    top: 68px;

    content: "";

    width: 100vw;

    left: 0;

    display: block;

    position: fixed;

    height: 100vh;

    background: rgba(0, 0, 0, 0.5);

    content: "";

    transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);

    transition-delay: 0.1s;

}

.nav-mobile #menu-toggle.active ~ .menu-sidebar,

.nav-mobile #menu-toggle:checked ~ .menu-sidebar,

.nav-mobile #menu-toggle:checked ~ .menu-sub {

    transform: translateX(0);

    transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);

}

.nav-mobile .menu-container .menu-sidebar {

    overflow-x: hidden;

    box-shadow: 5px 0 5px -5px #333;

    display: block;

    bottom: 0;

    color: #333;

    position: fixed;

    transform: translateX(-405px);

    transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);

    top: 68px;

    z-index: 999;

    max-width: 300px;

}

.nav-mobile li {

    width: 50%;

    height: 68px;

    line-height: 68px;

    text-align: right;

    float: left;

}

.nav-mobile li a {

    display: block;

    color: #333;

    width: 100%;

    height: 100%;

    text-decoration: none;

}

.nav-mobile .menu-container .menu-sidebar .arrow.right {

    right: 25px;

}

.nav-mobile .menu-container .menu-sidebar li .menu-sub {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    width: 0;

    overflow: hidden;

    visibility: hidden;

    transition: 0.3s cubic-bezier(0, 0, 0.3, 1);

    border-left: 1px solid #ccc;

    z-index: 2;

    max-width: 300px;

}

.nav-mobile .menu-container .menu-sidebar li .menu-sub li {

    overflow: hidden;

}

.nav-mobile .menu-container .menu-sidebar li {

    width: 100%;

    height: 55px;

    line-height: 55px;

    font-size: 16px;

    text-align: left;

    position: relative;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    padding-left: 20px;

}

.nav-mobile .menu-container .menu-sidebar li .submenu-label {

    cursor: pointer;

    width: 100%;

    height: 100%;

    display: block;

}

.nav-mobile .menu-container .menu-sidebar .arrow.left {

    left: 25px;

}

.nav-mobile .menu-container .menu-sidebar .arrow {

    position: absolute;

    line-height: 50px;

    font-size: 32px;

    color: #555;

    top: 0;

    z-index: 0;

}

.nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {

    padding-left: 50px;

    background: rgba(8, 8, 8, 0.09);

}

.nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub,

.nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {

    width: 75vw;

    visibility: visible;

    overflow-y: scroll;

    z-index: 1;

    transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);

}

.header.sticky {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    background: #fff;

    transition: 0.4s;

    animation: 1s 0.2s both fadeInDown;

    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 10px rgb(0 0 0 / 30%);

    z-index: 3;

}

.header.sticky .topbar {

    display: block;

    position: fixed;

    width: 100%;

    bottom: 0;

    left: 0;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    transition: 0.4s;

    animation: 1s 0.2s both fadeInLeft;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

    z-index: 3;

    background: #0c304f;

}

.header img {

    margin: 5% 0;

    width: 120%;

    height: 60px;

}

.header .topbar ul {

    display: inline-flex;

    column-gap: 60px;

    list-style: none;

    margin: 10px 0;

}

header .mega-menu {

    list-style: none;

    display: inline-flex;

    gap: 0;

    margin-bottom: 0;

    margin-left: 60px;

}

header .mega-menu .menu-item {

    padding: 25px 19px;

    cursor: pointer;

    display: inline-flex;

}

header .mega-menu .menu-item i {

   margin-top: 3px;

    margin-left: 2px;

}

header .mega-menu li .dropdown {

    margin-left: -20px;

    padding: 10px;

    background: #f9f9f9;

    position: fixed;

    z-index: 99;

    transform-origin: center top 0px;

    opacity: 0;

    min-width: 290px;

    border-radius: 5px;

    visibility: hidden;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    transform: scaleY(0.5);

    -webkit-box-shadow: 0 5px 12px rgb(0 0 0 / 20%);

    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 12px rgb(0 0 0 / 20%);

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

header .mega-menu li:hover .dropdown {

    transform: scale(1);

    opacity: 1;

    visibility: visible;

}

header .mega-menu .menu-item .inner {

    padding: 20px;

    border: 1px solid rgba(0, 86, 210, 0.2);

}

header .mega-menu #dropdowntraining {

    position: absolute;

    left: -8%;

    top: 75px;

    min-width: 90%;

}

header .mega-menu .dropdowncertification {

    top: 75px;

    list-style: none;

}

header .mega-menu .dropdowncertification li {

    padding: 5px 0;

}

#dropdowntraining .ms-prdct ul li a,

#dropdowntraining .vendors ul li a,

header .mega-menu .dropdowncertification li a {

    color: #0c304f;

    font-size: 14px;

}

header .mega-menu #dropdowntraining .dropdown-head {

    text-align: center;

    border-radius: 5px 5px 0 0;

    background: #0c304f;

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    padding: 7px 0;

}

header .mega-menu #dropdowntraining .hp {

    padding: 12px 0;

    display: block;

    text-align: center;

    color: #0c304f;

    font-size: 16px;

    font-weight: 600;

}

header .mega-menu #dropdowntraining .bp {

    padding: 12px 0 12px 20px;

    display: block;

    border-bottom: 1px solid rgba(39, 41, 104, 0.2);

    font-weight: 600;

    color: #0c304f;

    font-size: 18px;

    cursor: pointer;

}

#dropdowntraining .category,

#dropdowntraining .dynamic-place,

.ms-prdct {

    border: 1px solid rgba(0, 86, 210, 0.2);

    padding: 0;

}

.footer-bottom,

.footer-top {

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #0c304f;

    padding-bottom: 50px;

    padding-top: 50px;

}

#dropdowntraining .ms-prdct ul,

#dropdowntraining .vendors ul {

    list-style: none;

    border-top: 1px solid rgba(0, 86, 210, 0.2);

    padding-left: 20px;

}

#dropdowntraining .ms-prdct ul li,

#dropdowntraining .vendors ul li {

    list-style: none;

    padding: 5px 0;

}

#loader2 {

    position: absolute;

    background: #0c304f;

    height: 400px;

    width: 100%;

    z-index: 2;

    margin: -15px;

    text-align: center;

    color: #fff;

    top: 15px;

    padding: 200px 0;

}

#dropdowntraining .vendors .view-all,

.dropdowncertification .view-all {

    font-weight: 600 !important;

}

#dropdowntraining .category .cat-items {

    overflow: auto;

    height: 300px;

}

#dropdowntraining .category .cat-items ul li {

    border-top: 1px solid rgba(0, 86, 210, 0.2);

    list-style: none;

    padding: 12px 0 12px 20px;

    color: #0c304f;

    font-size: 16px;

    cursor: pointer;

}

#dropdowntraining .row {

    margin: 0;

}

.footer-top {

    border-bottom: 1px solid #938383;

}

.footer-top .single-widget .accordio {

    font-weight: 700;

    font-size: 24px;

    line-height: 36px;

    color: #fff;

}

.footer-top .single-widget .social {

    list-style: none;

    display: inline-flex;

    gap: 30px;

    padding: 0;

}

.footer-top .single-widget .link {

    font-size: 16px;

    line-height: 24px;

    list-style: none;

    color: #fff;

    padding: 0;

}

.footer-top .single-widget .link li {

    margin-bottom: 25px;

}

.footer-top .single-widget .link a {

    color: #fff;

    text-decoration: none;

}

.footer-top .pay img {

    max-width: 60%;

    width: 100%;

    height: 100%;

}

.footer-top .newsletter .accordio,

.footer-top .pay .accordio {

    font-weight: 500;

    font-size: 24px;

    line-height: 36px;

    color: #fff;

}

.footer-top .newsletter .mail p {

    margin-top: 10px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

}

.footer-top .newsletter .mail .form {

    margin-top: 20px;

    position: relative;

    width: 94%;

}

.newsletter .form input {

    width: 100%;

    line-height: 50px;

    color: #2c2c2c;

    border: none;

    padding: 0 50px 0 20px;

    font-size: 16px;

    background: #f5f5f5;

    border-radius: 5px;

}

.newsletter .button {

    position: absolute;

    right: 0;

    top: 0;

    width: 60px;

    color: #fff;

    font-size: 20px;

    border: none;

    background: #272968;

    border-radius: 0 5px 5px 0;

    border-left: 1px solid transparent;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    transition: 0.4s;

}

.footer-bottom {

    color: #fff;

    text-align: justify;

}

.footer-bottom .brand-courses .accordio {

    font-weight: 700;

    font-size: 24px;

    line-height: 165%;

    color: #fff;

}

.footer-bottom .brand-courses a {

    font-weight: 400;

    font-size: 16px;

    line-height: 165%;

    color: #fff;

}

.copyright {

    background: #161830;

}

.copyright p {

    font-weight: 500;

    font-size: 12px;

    line-height: 165%;

    padding: 30px 0;

    color: #fff;

    text-align: center;

}

.breadcrumb-sec {

    background: #e7e7e7;

}

ul.breadcrumb {

    padding: 10px 0;

    list-style: none;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0;

}

ul.breadcrumb li + li:before {

    padding: 8px;

    color: #000;

    content: ">";

}

ul.breadcrumb li {

    font-size: 16px;

    color: #000;

    font-weight: 400;

}

ul.breadcrumb li a {

    color: #272968;

}

.secondry-menu {

    background: #fff;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);

}

.secondry-menu .sticy-menu-list {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 15px;

}

.secondry-menu .sticy-menu-list a {

    padding: 20px 0;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    display: inline-block;

    color: #000;

}

.secondry-menu .sticy-menu-list a.active,

.secondry-menu .sticy-menu-list a:hover {

    color: #182848 !important;

    text-decoration: underline !important;

}

.secondry-menu .sticy-menu-list .enroll-btn:hover {

    color: #fff !important;

    text-decoration: none !important;

}

.secondry-menu .sticy-menu-list a.active {

    font-weight: 600;

}

.secondry-menu .sticy-menu-list .enroll-btn {

    font-size: 16px;

    color: #fff !important;

    background: #4ea76d;

    padding: 10px 20px;

    line-height: 22px !important;

    font-weight: 400;

    display: flex !important;

    align-items: center;

    justify-content: center;

    text-align: center;

    border-radius: 10px;

    margin-left: 40px;

}

.course-page-body {

    margin-top: 45px;

}

.course-page-body .course-overview {

    /*background-image: url(images/MicrosoftTeams-image-test.png);*/

    background: #0c304f;

    padding: 45px 30px;

    background-repeat: no-repeat;

    background-size: cover !important;

    background-position: center !important;

}

.course-page-body .course-overview h1 {

    color: #fff;

    font-size: 24px;

    font-family: Poppins;

    font-weight: 700;

    line-height: 36px;

    margin-bottom: 13px;

}

.course-page-body img {

    max-width: 100% !important;

    width: 27px;

    height: 27px;

}

.course-desc.microtek-desc img {

    margin-right: 10px;

}

.course-page-body p img {

    max-width: 100% !important;

    width: 100% !important;

    height: 100% !important;

}

.course-page-body .training-box img {

    max-width: 100% !important;

    width: 40px;

    height: 40px;

}

.course-page-body .course-exp img {

    max-width: 100% !important;

    width: 30%;

    height: 70px;

}

.course-page-body .course-desc.schedules img {

    max-width: 100% !important;

    width: 25px;

    height: 25px;

}

.course-page-body .course-overview .accredited img {

    max-width: 100% !important;

    width: 40%;

}

.course-page-body .single-details-sidbar.sidebar-img img {

    max-width: 100% !important;

    width: 100%;

    height: 333px;

}

.course-page-body .course-overview span {

    margin-top: 10px;

    color: #fff;

}

.course-page-body .course-overview p,

.course-page-body .course-overview p span,

.course-page-body .course-overview p span span {

    color: #fff;

    font-size: 16px !important;

    font-family: Poppins !important;

    line-height: 165% !important;

    margin-top: 20px;

}

.course-page-body .course-overview .accredited {

    color: #fff;

    list-style: none;

    font-size: 16px;

    font-family: Poppins;

    line-height: 165%;

    display: inline-flex;

    gap: 60px;

    padding: 0;

    min-width: 100%;

}

.course-page-body .course-overview p price-detail {

    font-size: 10px;

}

.course-page-body .course-overview .over-btns {

    margin-top: 30px;

    display: flex;

    align-items: center;

    gap: 20px;

}

.course-page-body .course-overview .over-btns a {

    background: #fff;

    border-radius: 10px;

    padding: 6px 15px;

    height: 50px;

    color: #182848 !important;

    font-size: 16px;

    line-height: normal;

    font-weight: 400;

    display: flex;

    align-items: center;

    justify-content: center;

}

.course-page-body .course-overview .over-btns a img {

    margin-right: 5px;

}

.why-choose {

    background: #fff;

    padding: 40px 0 0;

}

.why-choose h2 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 600;

    font-size: 30px;

    line-height: normal;

    margin-bottom: 100px;

    color: #0c304f;

}

.city-location h2 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 600;

    font-size: 30px;

    line-height: normal;

    margin-bottom: 10px;

    color: #0c304f;

}

.why-choose .user-card {

    background: #f5f5f5;

    height: 263px;

    position: relative;

    padding: 20px;

    margin-bottom: 127px;

}

.why-choose .user-card .inner-container {

    position: relative;

    top: -65px;

}

.why-choose .user-card .circle-img {

    position: relative;

    margin: auto;

    width: 130px;

    height: 130px;

    border-radius: 100%;

    background: #f5f5f5;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.why-choose .user-card .circle-img img {

    width: 80px !important;

    height: 80px !important;

}

.why-choose .user-card h3 {

    font-family: Poppins;

    font-style: normal;

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

    text-align: center;

    color: #000;

}

.course-details h2, .course-details h3,

.course-details.step-2 .blue-box h3, .course-details.step-2 .blue-box h4,

.course-details.step-3 h2,

.why-choose .user-card p {

    font-weight: 400;

    font-family: Poppins;

    font-style: normal;

}

.why-choose .user-card p {

    font-size: 16px;

    line-height: 165%;

    text-align: center;

    color: #000;

}

.why-choose-course {

    margin: 50px 0;

    padding: 0;

    position: relative;

}

@media (max-width: 1024px) {

    .why-choose-course {

        margin: 20px 0 50px;

    }

}

.course-details.step-2 .blue-box.mgb0,

.course-details.step-3 .mgb0,

.why-choose-course h2 {

    margin-bottom: 0;

}

.why-choose-course .swiper-container-horizontal {

    margin-top: 10px;

    overflow: hidden;

    padding-top: 73px;

}

.why-choose-course .swiper-container-horizontal .swiper-slide {

    box-shadow: none;

    border: 0;

}

.why-choose-course .swiper-container-horizontal .swiper-slide .user-card {

    height: 336px;

    margin-bottom: 0;

}

.why-choose-course .swiper-button-prev {

    height: 24px;

    right: 35px;

    left: auto;

    top: 30px !important;

    z-index: 2;

}

.why-choose-course .swiper-button-next {

    right: 0;

    left: auto;

    top: 30px !important;

    z-index: 2;

}

@media (max-width: 640px) {

    .why-choose-course .swiper-button-next,

    .why-choose-course .swiper-button-prev {

        top: 70px !important;

    }

}

.course-details {

    padding: 20px;

    margin-bottom: 20px;

    border: 1px solid rgba(0, 0, 0, 0.2);

}

.course-details h2, .course-details h3 {

    font-size: 20px;

    color: #fff;

    padding: 13px 10px;

    background: #0c304f;

    margin-bottom: 18px;

}

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

    .course-details h2, .course-details h3 {

        font-size: 18px;

    }

}

.course-details .hover-section .blue {

    display: flex;

    gap: 130px;

}

.course-details .course-details-feature ul li {

    padding: 13px 5px;

    display: flex;

    color: #0c304f;

    justify-content: space-between;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.course-details .course-details-feature ul li .data {

    position: absolute;

    left: 60px;

}

.course-details .course-details-feature ul li .txt {

    right: 20px;

    position: absolute;

}

.course-details .course-details-feature .form,

.course-tab-list .cert-details ul li,

.course-tab-list .latest-update ol li,

.course-tab-list .skills ul li,

.course-tab-list .who-attend ul li,

.recommended ul li + li,

.review-btns {

    margin-top: 20px;

}

.course-details .course-details-feature .form .enroll-btn {

    height: 38px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    display: block;

    font-size: 16px;

    background: #0c304f;

    border-radius: 3px;

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    width: 100%;

}

.course-details.step-2 .training-box {

    display: flex;

    padding: 0;

    width: 100%;

    justify-content: center;

}

.course-details.step-2 .blue-box {

    width: calc(50% - 20px);

    margin: 0 10px 20px;

    min-height: 160px;

    background: #0c304f;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    text-align: center;

}

.course-details.step-2 .blue-box img {

    flex-shrink: 0;

}

.course-details.step-2 .blue-box h3, .course-details.step-2 .blue-box h4 {

    font-size: 16px;

    color: #fff;

    margin-top: 10px;

    background: unset;

    padding: 0;

}

.course-details.step-3 .call-back-btn {

    padding: 7px 5px;

    background: #182848 !important;

    width: 100%;

    border: none;

    color: #fff;

}

.course-details.step-3 h2,

.course-tab-list .training.white {

    background: #fff;

    padding: 0;

}

.course-details.step-3 h2 {

    color: #0c304f;

    font-size: 24px;

    margin-bottom: 10px;

    position: relative;

}

.course-details.step-3 h2::before {

    position: absolute;

    content: "";

    display: block;

    border-bottom: 1px solid #4da766;

    height: 1px;

    width: 60px;

    bottom: 0;

}

.course-tab-list {

    margin-top: 50px;

    margin-bottom: 50px;

}

.course-tab-list h2 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 20px;

}

.course-tab-list p {

    font-weight: 400;

}

.course-tab-list .about-cert,

.course-tab-list .cert-details,

.course-tab-list .latest-update,

.course-tab-list .skills,

.course-tab-list .who-attend {

    margin-bottom: 50px;

}

.course-tab-list .cert-details ul li span {

    font-weight: 700;

}

.course-tab-list .training {

    background-color: #f5f5f5;

    padding: 20px;

    margin-bottom: 50px;

}

.course-tab-list .training ul {

    margin-bottom: 20px;

    padding-left: 20px;

}

.course-tab-list .training ul li {

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    color: #000;

    align-items: center;

}

.course-tab-list .training ul li .fa {

    color: #000;

    font-size: 6px;

    margin-right: 10px;

}

.course-tab-list .learn {

    border: 1px solid rgba(39, 41, 104, 0.2);

    padding: 20px;

    margin-bottom: 50px;

}

.course-tab-list .learn ul {

    margin: 0 0 20px -15px;

    display: flex;

    flex-wrap: wrap;

}

.course-tab-list .learn ul li {

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    color: #000;

    display: flex;

    align-items: flex-start;

    padding: 5px 15px;

    width: 100%;

    font-size: 16px;

}

.course-tab-list .learn ul li img {

    width: 18px;

    height: 18px;

    margin-right: 25px;

    position: relative;

    top: 10px;

}

.course-tab-list h3 {

    font-size: 20px;

    font-family: Poppins;

    font-style: normal;

    font-weight: 700;

    margin-bottom: 20px;

}

.course-overview li,

.course-overview li span,

.course-overview li span span,

.course-tab-list .course-desc li span,

.course-tab-list .course-desc li span span,

.course-tab-list .course-desc p,

.course-tab-list .course-desc p span,

.course-tab-list .course-desc p span span {

    font-size: 16px !important;

    font-family: Poppins !important;

    line-height: 165% !important;

    margin-top: 20px;

}

.course-tab-list .course-desc li {

	font-size: 16px !important;

    font-family: Poppins !important;

    line-height: 165% !important;

    margin-top: 10px;

}

.course-exp .count,

.course-exp p {

    font-family: Poppins;

    font-style: normal;

}

.course-exp {

    margin: 50px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.batch,

.microsoft-box h2 {

    align-items: center;

    display: flex;

}

.course-exp .count {

    font-size: 32px;

    color: #4da766;

    margin: 10px 0 5px;

    font-weight: 600;

}

.course-exp p {

    color: #000;

    font-size: 20px;

    font-weight: 400;

    margin: 0;

}

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

    #side-level {

        display: none;

    }

    .course-list-background .course-heading {

        font-size: 20px;

        height: auto;

    }

    .course-list-area .course-items2 .course-item .course-content span.heading {

        font-size: 18px;

    }

    .course-exp p {

        margin-bottom: 30px;

    }

}

.course-exp .hover-section .normal-img,

.course-exp .hover-section:hover .hover-image {

    display: block;

    margin: auto;

}

.microsoft-box {

    background: #0c304f;

    padding: 16px;

    margin: 50px 0;

}

.microsoft-box h2 {

    font-weight: 600;

    margin-bottom: 6px;

    color: #fff;

}

.microsoft-box img {

    margin-right: 20px;

}

div.sticky {

    position: -webkit-sticky;

    position: sticky;

    top: 80px;

}

.schedules .swiper-button-next,

.schedules .swiper-button-prev {

    top: 20px !important;

}

.schedules .swiper-button-prev {

    height: 24px;

    right: 35px;

    left: auto;

    z-index: 2;

}

.schedules .swiper-button-next {

    right: 0;

    left: auto;

    z-index: 2;

}

.swiper-wrapper {

    width: 100%;

    min-height: 290px;

}

.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    background: url(images/course/schedule/swiper-right-arrow.png) no-repeat !important;

    left: 10px;

    right: auto;

    transform: rotate(180deg);

}

.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    background: url(images/course/schedule/swiper-right-arrow.png) no-repeat !important;

    right: 10px;

    left: auto;

}

.swiper-slide {

    color: #000;

    width: 100%;

    height: 100%;

    text-align: left;

    line-height: 50px;

    background: #fff;

}

.swiper-slide .badge-minheight {

    height: 100%;

    width: 100%;

    padding: 0;

}

.swiper-slide .badge-minheight .box {

    height: 100%;

    width: 100%;

    position: relative;

    padding: 15px;

    box-sizing: border-box;

}

.swiper-slide .badge-minheight .box ul {

    width: 100%;

    display: flex;

    padding: 0;

    margin: 0;

    padding-inline-start: 0;

    flex-direction: column;

}

.swiper-slide .badge-minheight .box ul .swpier {

    width: 86px;

    height: 100%;

    flex-shrink: 0;

}

.swiper-slide .badge-minheight .box ul .swpier1 {

    width: 30px;

    height: 100%;

    flex-shrink: 0;

}

.swiper-slide .badge-minheight .box ul img {

    align-self: center;

}

.swiper-slide .badge-minheight .box ul span {

    margin-left: 10px;

    display: contents;

}

.swiper-slide .badge-minheight .box .gtr-btn {

    position: absolute;

    top: 0;

    right: 0;

    text-align: center;

    width: 75px;

    height: 30px;

    padding: 5px;

    line-height: 20px;

    border-radius: 0 5px 0 0;

    font-size: 16px;

    background: linear-gradient(180deg, #4ea76d 0, #4ea76d 100%);

    color: #fff;

    text-transform: uppercase;

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

}

.swiper-slide .badge-minheight .box .form {

    width: 100%;

    margin-top: 10px;

}

.swiper-slide .badge-minheight .box .form a {

    padding: 10px 23px;

    height: 44px;

    color: #fff;

    border-radius: 10px;

    background: linear-gradient(180deg, #4ea76d 0, #4ea76d 100%);

}

.swiper-slide .box {

    border: 1px solid rgba(0, 0, 0, 0.1);

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 10px;

}

.swiper-button-next,

.swiper-button-prev {

    top: 38% !important;

}

.badge {

    height: 22px;

    border-radius: 11px;

    background: #fff;

    color: #111;

    font-size: 12px;

    line-height: 19px;

    vertical-align: middle;

    padding: 0 14px;

    transition: 0.5s;

    font-weight: 400;

    border: 1px solid #666;

}

.batch {

    background: #f5f5f5;

    justify-content: center;

    flex-direction: column;

    min-height: 166px;

    padding: 20px;

    margin-top: 50px;

}

.batch h2 {

    font-weight: 700;

    font-size: 24px;

    line-height: 36px;

    margin-bottom: 20px;

}

.course-curriculum .card-header,

.course-curriculum li,

.course-curriculum p {

    font-family: Poppins;

    font-style: normal;

    line-height: 24px;

    font-weight: 400;

    font-size: 16px;

}

.batch a {

    color: #fff !important;

    padding: 13px 30px;

    border-radius: 10px;

    background: #0c304f;

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

}

.course-curriculum {

    width: 100%;

    padding: 40px 0;

}

.course-curriculum .card {

    background: #f6fcff;

    margin-bottom: 10px;

}

.course-curriculum .card-header {

    background: #f6fcff;

    color: #000;

    display: flex;

}

.course-curriculum .card-header i {

    font-size: 23px;

    margin-right: 20px;

}

.course-curriculum ul {

    padding-left: 15px;

}

.course-curriculum li {

    list-style: disc;

    color: #000;

    padding-left: 24px;

    text-indent: -24px;

}

.course-curriculum p {

    color: #000;

    margin-bottom: 15px;

    margin-top: 15px;

}

.call-us h2,

.recommended ul li .right-item,

.user-profile-inline .profile-content span.name {

    font-family: Poppins;

    font-style: normal;

    color: #fff;

}

.course-curriculum .card-body {

    padding: 25px 15px;

}

.recommended {

    width: 100%;

    margin-bottom: 50px;

}

.recommended ul li {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #0c304f;

    border-radius: 5px;

    padding: 18px 20px;

}

.recommended ul li .user-profile-inline {

    flex-shrink: 0;

    width: 100%;

}

@media (min-width: 768px) {

    .recommended ul li .user-profile-inline {

        width: 70%;

    }

}

.recommended ul li .right-item {

    text-align: right;

    font-size: 16px;

    font-weight: 500;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: 100%;

    margin-top: 20px;

}

.recommended ul li .right-item img {

    width: 20px;

    position: relative;

    top: -2px;

}

.recommended ul li .right-item .user {

    margin-left: 50px;

}

.user-profile-inline {

    display: flex;

}

.user-profile-inline .profile-pic {

    width: 80px;

    height: 80px;

    overflow: hidden;

    background: url(../images/profile-defualt.png) center/100% no-repeat #ccc;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-shrink: 0;

}

@media all and (min-width: 767px) {

    .user-profile-inline .profile-pic {

        width: 64px;

        height: 64px;

    }

}

.user-profile-inline .profile-content {

    display: flex;

    justify-content: center;

    flex-direction: column;

    line-height: normal;

    margin-left: 20px;

    color: #000;

}

@media all and (max-width: 767px) {

    .user-profile-inline .profile-content {

        margin-left: 10px;

    }

}

.user-profile-inline .profile-content span.name {

    font-size: 16px;

    font-weight: 500;

}

.microtek-desc .card-block {

    border: 1px solid rgba(39, 41, 104, 0.5);

    border-radius: 5px;

    padding: 20px 30px;

    margin-bottom: 0;

    height: 100%;

    display: flex;

    align-items: center;

}

.microtek-desc ul {

    margin-bottom: 20px;

    display: flex;

    flex-wrap: wrap;

}

.microtek-desc ul li {

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    color: #000;

    display: flex;

    align-items: flex-start;

    padding: 18px 30px;

    width: 50%;

    font-size: 16px;

    border-radius: 5px;

    border: 1px solid rgba(0, 0, 0, 0.5);

    margin-bottom: 20px;

}

.microtek-desc ul li img {

    width: 18px;

    margin-right: 25px;

}

.call-us {

    width: 100%;

    min-height: 192px;

    padding: 30px;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    background: url(images/course/callus-banner.png);

}

.call-us h2 {

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

    margin-bottom: 20px;

}

.our-client,

.review-btns a,

.review-popular-course .comment-box .city-name,

.review-popular-course .comment-box .comment-desc p,

.review-popular-course .comment-box h3 {

    font-size: 16px;

    font-family: Poppins;

    font-style: normal;

}

.call-us .white-btn {

    background: #fff;

    border-radius: 70px;

    color: #272968;

    font-size: 13px !important;

    padding: 5px 10px;

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    width: 100%;

    display: block;

}

.call-us .white-btn img {

    margin-right: 10px;

}

.call-us .white-btn.ml20 {

    margin-left: 20px;

}

.call-us .item-left {

    width: 100%;

    flex-shrink: 0;

    padding: 0;

}

.call-us .item-right {

    width: 100%;

    text-align: center;

}

@media only screen and (min-width: 576px) {

    .call-us {

        padding: 30px;

        flex-direction: row;

        flex-wrap: nowrap;

        align-items: center;

    }

    .call-us .white-btn {

        width: auto;

        font-size: 16px;

    }

    .call-us .item-left {

        width: 75%;

        flex-shrink: 0;

    }

    .call-us .item-right {

        width: 80%;

        text-align: right;

    }

}

@media (max-width: 992px) {

    .call-us .item-right {

        width: 50%;

        margin: 0 auto;

    }

}

@media (max-width: 767px) {

    .key-features .co-count {

        column-count: 1;

    }

    .asked-question-section .accordion-section .card .card-header {

        font-size: 18px;

    }

    .course-tab-list h2 {

        font-size: 22px;

    }

    .recommended ul li {

        flex-direction: column;

    }

    .call-us .item-right {

        width: 100%;

    }

}

.call-us .item-right .white-btn {

    border-radius: 70px;

    padding: 5px 15px;

    width: 100%;

    margin-top: 20px;

    text-align: left;

}

.call-us .item-right .white-btn img {

    width: 20px;

}

.our-client {

    margin-top: 50px;

    color: #000;

    font-weight: 400;

}

.our-client ul {

    margin: 20px 0 50px 20px;

}

.our-award img,

.our-client img {

    height: 103px;

    max-width: 100%;

    width: 100%;

}

.our-award {

    margin: 50px 0 0;

}

.review-popular-course .comment-box {

    padding: 20px 20px 0;

    border: 1px solid rgba(39, 41, 104, 0.5);

    margin-bottom: 20px;

    width: 100%;

}

.review-popular-course .comment-box .comment-image {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    overflow: hidden;

}

.review-popular-course .comment-box h3 {

    margin-top: 10px;

    margin-bottom: 0;

    font-weight: 600;

    color: #000;

}

.star_rating div:before,

.star_rating:before {

    font-size: 20px;

    font-family: FontAwesome;

    content: "\f005\f005\f005\f005\f005";

    top: 0;

    left: 0;

}

.review-popular-course .comment-box .comment-desc {

    margin-top: 10px;

}

.review-popular-course .comment-box .comment-desc p {

    font-weight: 400;

    line-height: 165%;

    color: #000;

}

.review-popular-course .comment-box .city-name {

    font-weight: 500;

    color: #000;

    margin-top: 20px;

}

.review-popular-course .review-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

@media only screen and (min-width: 992px) {

    .query-section,

    .resources-sec, .us-loc {

        padding: 90px 0;

    }

    

    .resources-sec h2, .us-loc h2 {

        margin-bottom: 60px;

        font-size: 48px;

    }

    .add-sec2 h2,

    .add-sec3 h2 {

        padding: 90px 0 20px !important;

        font-size: 48px !important;

        line-height: 72px !important;

    }

    .add-sec1 h2 {

        padding: 90px 0 60px !important;

    }



    .add-sec3 .block-section {

  display: flex;

  width: 100%;

  justify-content: space-between;

  flex-direction: column;

}

@media only screen and (min-width: 992px) {

  .add-sec3 .block-section {

    flex-direction: row;

  }

}

.add-sec3 .block-section .block {

  background: #0C304F;

  padding: 15px;

  width: 100%;

  margin-bottom: 20px;

}

@media only screen and (min-width: 992px) {

  .add-sec3 .block-section .block {

    width: 49%;

    margin-bottom: 0;

  }

}

.add-sec3 .block-section .block p {

  font-family: "Poppins";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #fff;

  margin-bottom: 20px;

}

.add-sec3 .block-section .block p span {

  font-weight: 700;

}



.dynamic-section {

  padding: 20px 0;

}

@media only screen and (min-width: 992px) {

  .dynamic-section {

    padding: 90px 0;

  }

}

.dynamic-section .bar-section {

  height: 2px;

  width: 100%;

  margin: 50px 0;

  background: #000;

}

.dynamic-section h2 {

  padding: 0;

  position: relative;

}

.dynamic-section h2:after {

  content: "";

  width: 2px;

  height: 48px;

  background: #000;

  left: 0;

  right: 0;

  margin: auto;

  top: 102%;

  position: absolute;

  display: none;

}

@media only screen and (min-width: 1100px) {

  .dynamic-section h2:after {

    display: block;

  }

}

.dynamic-section .certificate-card {

  background: #0C304F;

  padding: 15px;

  margin-top: 30px;

  height: auto;

}

@media only screen and (min-width: 1100px) {

  .dynamic-section .certificate-card {

    height: calc(100% - 150px);

  }

}

.dynamic-section .certificate-card h5 {

  font-family: "Poppins";

  font-style: normal;

  font-weight: 600;

  font-size: 24px;

  line-height: 36px;

  color: #FFFFFF;

  margin-bottom: 20px;

}

.dynamic-section .certificate-card p {

  font-family: "Poppins";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 165%;

  /* or 26px */

  color: #FFFFFF;

}

.dynamic-section .img-center-box {

  position: relative;

}

.dynamic-section .img-center-box:before {

  content: "";

  width: 2px;

  height: 48px;

  background: #000;

  left: 0;

  right: 0;

  margin: auto;

  top: -50px;

  position: absolute;

  display: none;

}

@media only screen and (min-width: 1100px) {

  .dynamic-section .img-center-box:before {

    display: block;

  }

}

.dynamic-section .img-center-box .background-left-patch {

  width: 50%;

  height: 3px;

  background: #F5F5F5;

  position: absolute;

  left: -1px;

  top: -52px;

  display: none;

}

@media only screen and (min-width: 1100px) {

  .dynamic-section .img-center-box .background-left-patch {

    display: block;

  }

}

.dynamic-section .img-center-box .background-right-patch {

  width: 50%;

  height: 3px;

  background: #F5F5F5;

  position: absolute;

  right: -1px;

  top: -52px;

  display: none;

}

@media only screen and (min-width: 1100px) {

  .dynamic-section .img-center-box .background-right-patch {

    display: block;

  }

}



.dyanamcis-application .block-section {

  display: flex;

  justify-content: space-between;

  margin-bottom: 20px;

  flex-direction: column;

  width: 100%;

}

@media only screen and (min-width: 992px) {

  .dyanamcis-application .block-section {

    flex-direction: row;

    margin-bottom: 90px;

  }

}

.dyanamcis-application .block-section .block {

  width: 100%;

  background: #DFECF6;

  padding: 30px;

  margin-top: 20px;

}

@media only screen and (min-width: 992px) {

  .dyanamcis-application .block-section .block {

    width: 49%;

    margin-top: 0;

  }

}

.dyanamcis-application .block-section .block p {

  font-family: "Poppins";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #000000;

}

.dyanamcis-application .block-section .block p span {

  font-weight: 700;

}





.sql-certification {

  padding: 20px 0;

}

@media only screen and (min-width: 992px) {

  .sql-certification {

    padding: 50px 0;

  }

}

.sql-certification h2 {

  margin: 0 0 20px 0;

  font-family: "Poppins";

  font-style: normal;

  font-weight: 600;

  font-size: 25px;

  line-height: 165%;

  /* or 53px */

  text-align: center;

  color: #4DA766;

  padding: 0;

}

.sql-certification .center-block {

  border: 1px solid rgba(77, 167, 102, 0.2);

  background: #EEFFF3;

  padding: 15px;

  display: flex;

  height: 100%;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 2;

}

.sql-certification .col-12 {

  padding: 0;

}

.sql-certification .col-sm-2 {

  z-index: 3;

}

.sql-certification .normal-text {

  font-family: "Poppins";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 10px;

  position: relative;

  padding-left: 15px;

}

.sql-certification .normal-text:before {

  content: "";

  width: 7px;

  height: 7px;

  border-radius: 50%;

  display: block;

  background: #000;

  position: absolute;

  left: -8px;

  top: 6px;

}



    .choose-container {

        padding: 50px 50px 20px;

        margin-top: 0;

    }

    .enquire-section .wrap-login100 {

        box-shadow: none;

        padding: 20px 30px 33px;

    }

    .course-list-background .course-sidebar .course-search p {

        padding: 10px 20px;

    }

    .query-section h3 {

        padding-top: 220px;

    }

    .carousel-section h2 {

        font-size: 48px;

        margin-top: 100px;

    }

    .carousel-section .big-qus-image {

        top: -40px;

        left: -35px;

        display: block;

    }

    .why-choose {

        padding: 90px 0 0;

    }

    .why-choose h2, .city-location h2 {

        font-size: 48px;

    }

    .course-tab-list .learn ul li {

        width: 50%;

    }

    .course-curriculum .card-body {

        padding: 25px 55px;

    }

    .call-us .item-right .white-btn {

        text-align: center;

        padding: 14px 15px;

        border-radius: 10px;

    }

    .review-popular-course .comment-box {

        width: 49%;

    }

    .review-popular-course .review-container {

        height: 420px;

        overflow: hidden;

    }

}

.review-popular-course .review-container.read-more {

    height: auto;

}

.review-btns a {

    margin: 20px auto;

    width: auto;

    display: inline-block;

    background: #0c304f;

    font-weight: 400;

    color: #fff !important;

    height: 40px;

    line-height: 40px;

    border-radius: 10px;

    padding: 0 15px;

}

@media (min-width: 992px) {

    .recommended ul li .right-item {

        width: 30%;

    }

    header {

        display: block;

    }

    .mob {

        display: none;

    }

}

@media (min-width: 1200px) {

    .desk-banner form input {

        width: 96%;

    }

}

@media (max-width: 1300px) {

    .city-banner,

    .desk-banner {

        background-size: 130% !important;

    }

}

@media (max-width: 1200px) {

    .city-banner,

    .desk-banner {

        background-size: 145% !important;

    }

}

@media (max-width: 1150px) {

    .city-banner,

    .desk-banner {

        background-size: 160% !important;

    }

}

@media (max-width: 1199.98px) {

    .desk-banner form {

        max-width: 100%;

    }

    .banner-course {

        gap: 24px;

    }

    .banner-counter {

        gap: 50px;

    }

    

    .desk-banner h1 {

        font-size: 42px;

    }

    .city-banner h1 {

        font-size: 42px;

        margin: 100px 0 100px 0!important;

    }

    .home-about .left-col {

        background-size: 215%;

    }

    .icon-box-area .full-icon-box .icon-box {

        padding: 35px 8px 20px;

    }

}

@media (max-width: 991.98px) {

    .us-loc .col-count { column-count: 2; }

    .secondry-menu,

    header {

        display: none;

    }

    .course-page-main .container {

        max-width: 100%;

    }

    .mob {

        display: block;

    }

    .icon-box-area .container {

        max-width: 985px;

    }

    .asked-question-section,

    .carousel-section,

    .course-filter,

    .esteemed-clients,

    .home-about,

    .latest-blog-home {

        padding: 40px 0;

    }

    .banner-course {

        gap: 10px;

    }

    .banner-counter {

        min-height: 275px;

    }

    .city-banner,

    .desk-banner {

        background-size: 200% !important;

    }

    .home-about .rgt-col {

        padding: 0;

    }

}

@media (max-width: 767.98px) {

    .asked-question-section,

    .carousel-section,

    .course-filter,

    .esteemed-clients,

    .home-about,

    .latest-blog-home {

        padding: 30px 0;

    }

    .banner-course {

        display: block;

    }

    .city-banner h1,

    .desk-banner h1 {

        font-size: 32px;

    }

    .icon-box-area .full-icon-box .icon-box {

        position: relative;

        bottom: 0;

    }

    .banner-counter {

        gap: 35px;

        min-height: 0;

    }

    .banner-counter li span {

        font-size: 18px;

    }

    .banner-counter li p {

        font-size: 12px;

    }

    .banner-counter li {

        gap: 10px;

    }

    .icon-box-area .item {

        margin-top: 20px;

    }

    .design-box {

        display: none;

    }

    .home-about .rgt-col {

        padding: 0;

    }

}

@media (max-width: 575.98px) {

    .enquire-now-sec {

        background: url(https://ik.imagekit.io/mbqsdrv2q/micro/new-des/micro/images/vendor/not-sure-background.png) no-repeat;

        color: #fff;

        padding: 30px 0 !important;

        text-align: center;

        background-size: cover;

    }

    .enquire-now-sec .enquiry-btn {

    

    margin-bottom: 30px;

}

.enquire-now-sec p {

    line-height: 30px;

}

.why-choose .user-card {

    height: unset;

}

    .course-page-body .course-overview .over-btns {

        display: grid;

        justify-items: center;

        gap: 20px;

    }

    .course-page-body .course-overview .accredited {

        display: grid;

        gap: 0;

    }

    .home-about .left-col img {

        width: 545px;

        height: 364px;

    }

    .city-banner,

    .desk-banner {

        background-size: cover !important;

        background-position: center !important;

        text-align: center;

    }

    .footer-bottom {

        text-align: left;

    }

    .esteemed-clients,

    .explore-btn,

    .filter-btn-list li {

        text-align: center;

    }

    .asked-question-section h2,

    .footer-top .single-widget .link {

        margin-bottom: 30px;

    }

    .footer-top .single-widget .link li {

        margin-bottom: 10px;

    }

    .esteemed-clients img {

        max-width: 100%;

        margin-top: 0;

        width: 100%;

    }

    .course-filter .view-btn {

        display: inline-grid;

        text-align: center;

        gap: 20px;

    }

    .course-filter .sec-title {

        width: unset;

    }

    .home-about .rgt-col {

        padding-right: 15px;

        padding-left: 15px;

    }

    .filter-btn-list li {

        margin-bottom: 20px;

        width: 46%;

    }

    h2 {

        font-size: 28px !important;

        line-height: 50px !important;

    }

    .microsoft-box h2 {

        

        font-size: 20px !important;

        line-height: 22px !important;



    }

    .banner-counter,

    .desk-banner p {

        display: none;

    }

    

    .desk-banner h1 {

        text-align: left;

        line-height: 42px;

        margin-bottom: 40px;

        margin-left: 45px;

        margin-top: 100px;

    }

    .city-banner h1 {

        text-align: left;

        line-height: 42px;

        margin: 50px 0 50px 0!important;

    }

    .desk-banner form input {

        width: 72vw;

        margin-top: 0;

    }

    .banner-course {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

    }

    .explore-btn {

        display: inline-flex;

        margin-bottom: 50px;

    }

}

@media (max-width: 445px) {

    

    .desk-banner h1 {

        font-size: 6.7vw;

        margin-bottom: 20px;

    }

    .city-banner h1 {

        font-size: 6.7vw;

        margin: 50px 0 50px 0!important;

    }

}

@media (max-width: 300px) {

    .banner-course {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 5px;

    }

}

.star_rating {

    position: relative;

    display: inline-block;

    letter-spacing: 5px;

}

.star_rating:before {

    display: block;

    width: 115.13px;

    color: #818181;

}

.star_rating div:before {

    color: #fbab19;

    position: absolute;

    display: block;

}

.star_rating div {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    display: block;

    overflow: hidden;

}

.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}

.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}

.slick-slider .slick-list,

.slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.slick-track:after,

.slick-track:before {

    display: table;

    content: "";

}

.slick-track:after {

    clear: both;

}

.slick-loading .slick-slide,

.slick-loading .slick-track {

    visibility: hidden;

}

.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir="rtl"] .slick-slide {

    float: right;

}

.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}

/* policy page */



@media (min-width: 1301px) and (max-width: 1400px) {

.catimage {

    width: 100%;

    height: 300px;

}

}



/* case studies */



.breadcrumb-area {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    padding: 60px 0;

    position: relative;

}



.breadcrumb-area::before {

    position: absolute;

    content: "";

    background: #0C304F;

    opacity: 0.5;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.text-center {

    text-align: center !important;

}

.breadcrumb-area .breadcrumb-box {

    background: #0C304F;

    display: inline-block;

    padding: 30px 45px;

    border-radius: 5px;

}

.breadcrumb-area .breadcrumb-box h1.breadcrumb-title {

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 5px;

    font-size: 32px;

}

.blog-list-area .blog-box .blog-content .content-box {

    box-shadow: rgb(0 0 0 / 8%) 0 0 20px;

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    position: absolute;

    top: 22px;

    left: -9%;

    z-index: 1;

}

.title {

    font-size: 24px;

    color: #525252;

    margin-bottom: 40px;

}

.blog-list-area .blog-box .blog-content .content-box .title h2 {

    margin-bottom: 10px;

    font-size: 16px;

}

.blog-list-area .blog-box .blog-content .content-box .blog-date {

    margin-bottom: 10px;

}

.blog-list-area.casestudies {

    padding: 70px 0;

}

.blog-list-area.casestudies .blog-box {

    margin-bottom: 30px;

}

.blog-list-area.casestudies ul.pagination-box {

    margin-top: 50px;

    margin-bottom: 50px;

}

.blog-list-area.casestudies ul.pagination-box li {

    margin-right: 15px;

    display: inline-block;

}

ul.pagination-box li a {

    font-size: 16px;

    color: #11b67a;

    width: 38px;

    height: 38px;

    border: 1px solid #ddd;

    background-color: #fff;

    display: block;

    padding-top: 5px;

    border-radius: 50%;

}

ul.pagination-box li a:hover {

    background-color: #11b67a;

    color: #fff;

    border-color: #11b67a;

}



.fa.fa-twitter{

	font-family:sans-serif;

}

.fa.fa-twitter::before{

	content:"𝕏";

	font-size:1.2em;

}