.section-full {
    height: 100%;
}

.kleo-page #main .container-wrap #main-container .row .template-page .wrap-content .rectangle-bg {
    right: -115px;
}

.row-full {
    width: 100%;
}

.big-title-main {
    font-family: var(--font-family-Poppins);
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #333333;
    letter-spacing: 1px;
}

.about-wrapper p.big-title,
.why-us-wrapper p.big-title,
.lc-metaheader p.big-title,
.course-cats-wrapper p.big-title, 
.reviews-wrapper p.big-title, 
.instructors-wrapper p.big-title {
    font-size: 38px;
    font-family: var(--font-family-Poppins);
    font-weight: 700;
    line-height: 60px;
    color: #333333;
    letter-spacing: 1px;
}

.txt-centered {
    text-align: center;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1230px !important;
    }
}


/**************** Front page ****************/

.page-template-page-hom-wg #main {
    padding-top: 35px;
}

.main-wrap {
    position: relative;
}

/**** Slogan section ****/

.slogan-wrap {
    position: relative;
    margin-top: -70px;
    z-index: 1;
}

@media (min-width: 1024px) and (max-width: 1680px) {
    .slogan-wrap {
        height: 615px;
    }
}

@media (min-width: 1681px) and (max-width: 1920px) {
    .slogan-wrap {
        height: 770px;
    }
}

@media (min-width: 1921px) {
    .slogan-wrap {
        height: 985px;
    }
}

.slogan-contain {
    display: flex;
    align-items: center;
}

.slogan-wrap .subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #5f5f5f;
}

.slogan-content-wrap h1 {
    font-size: 48px;
}

/* Buttons */
.slogan-buttons-wrap {
    margin-top: 35px;
}

.first-slogan-btn,
.sec-slogan-btn,
.first-slogan-btn:after {
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}

.first-slogan-btn {
    display: inline-block;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    padding: 15px 43px;
    border-radius: 30px;
    border: 1px solid transparent;
    min-width: 175px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.slogan-content-wrap .first-slogan-btn {
    padding: 20px 43px;
}

.first-slogan-btn:after {
    background: rgb(1, 174, 239);
    background: linear-gradient(90deg, rgba(75, 146, 247, 1) 0%, rgba(75, 146, 247, 1) 50%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 30px;
    opacity: 1;
}

.first-slogan-btn:hover {
    background: transparent;
    color: #1293c4;
    border-color: #1293c4;
}

.first-slogan-btn:hover:after {
    opacity: 0;
}

.sec-slogan-btn {
    display: inline-block;
    color: #015bfa;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    background: transparent;
    padding: 20px 43px;
    border-radius: 30px;
    border: 1px solid #015bfa;
    margin-left: 30px;
    min-width: 175px;
    text-align: center;
}

.sec-slogan-btn:hover {
    background: #0e99ce;
    color: #ffffff;
    border-color: transparent;
}

/**** Brands section ****/

.brands-wrap {
    height: 140px;
}

.brands-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/**** Right column image ****/

.right-col-img {
    background-size: cover;
    background-position: center;
    position: absolute;
    height: 1045px;
    width: 45%;
    right: 0;
    top: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    z-index: 2;
}


@media (min-width: 1024px) and (max-width: 1440px) {
    .right-col-img {
        background-position: 30%;
    }
}

@media (min-width: 1024px) and (max-width: 1680px) {
    .right-col-img {
        height: 755px;
    }
}

@media (min-width: 1681px) and (max-width: 1920px) {
    .right-col-img {
        height: 910px;
    }
}

@media (min-width: 1921px) {
    .right-col-img {
        height: 1125px;
    }
}

/**** About us section ****/

.about-wrapper {
    padding: 150px 0;
    position: relative;
}

.section-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #015bfa;
    margin-bottom: 27px;
    display: inline-block;
}

.section-title:after {
    content: '';
    width: 130%;
    border-bottom: 1px solid #015bfa;
    display: block;
    margin-top: 5px;
}

.about-wrapper p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #5f5f5f;
}

.about-wrapper .first-slogan-btn {
    margin-top: 45px;
}

.about-us-wrap-content {
    padding-left: 4em;
}

/* Left column cover */

.left-col-cover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45%;
    height: 70%;
    margin: auto;
}

.video-trigger {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.video-trigger:after,
.bimv-course-playlist .btn-overlay-play:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: '';
    background: url(../../img/video-btn.png);
    height: 140px;
    width: 140px;
    opacity: 1;
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}

.video-trigger:hover:after,
.bimv-course-playlist .btn-overlay-play:hover:after {
    opacity: 0.8;
}

/* Animate video button */

.video-trigger:after,
.bimv-course-playlist .btn-overlay-play:after {
    box-shadow: 0 0 0 0 rgba(47, 84, 216, 0.7);
    -webkit-animation: pulse 1.5s infinite cubic-bezier(0.36, 0, 0, 1);
    -moz-animation: pulse 1.5s infinite cubic-bezier(0.36, 0, 0, 1);
    animation: pulse 1.5s infinite cubic-bezier(0.36, 0, 0, 1);
    border-radius: 50%;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

.bimv-course-playlist .btn-overlay-play {
    visibility: hidden;
}

.bimv-course-playlist .btn-overlay-play:after {
    visibility: visible;
}

/**** Why us section with counters ****/

.why-us-wrapper {
    padding-bottom: 150px;
}

.why-us-wrapper p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #5f5f5f;
}

.why-us-wrapper ul {
    padding: 0;
}

.why-us-wrapper ul li {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    color: #333333;
    list-style: none;
    display: flex;
    align-items: center;
}

.why-us-wrapper ul li:before {
    content: '•';
    margin-right: 15px;
    color: #015bfa;
    font-size: 40px;
    line-height: 56px;
    display: inline-flex;
    height: 18px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

/* Counters */

.why-us-counters-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.wu-single-counter {
    height: 185px;
    width: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px;
    border-radius: 20px;
}

.wu-number {
    font-family: 'Poppins', sans-serif;
    font-size: 52px;
    line-height: 1;
    font-weight: 700;
}

.wu-name {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    color: #333333;
}

.blue-wu {
    -webkit-box-shadow: 0 0 10px 7px rgba(1, 92, 250, 0.05);
    -moz-box-shadow: 0 0 10px 7px rgba(1, 92, 250, 0.05);
    box-shadow: 0 0 10px 7px rgba(56, 128, 255, 0.15);
}

.blue-wu .wu-number {
    color: #3880ff;
}

.red-wu {
    -webkit-box-shadow: 0 0 10px 7px rgba(238, 76, 47, 0.05);
    -moz-box-shadow: 0 0 10px 7px rgba(238, 76, 47, 0.05);
    box-shadow: 0 0 10px 7px rgba(0, 95, 183, 0.15);
}

.red-wu .wu-number {
    color: #005fb7;
}

.purple-wu {
    -webkit-box-shadow: 0 0 10px 7px rgba(103, 55, 195, 0.05);
    -moz-box-shadow: 0 0 10px 7px rgba(103, 55, 195, 0.05);
    box-shadow: 0 0 10px 7px rgba(75, 146, 247, 0.15);
}

.purple-wu .wu-number {
    color: #4b92f7;
}

/**** Latest Courses secton ****/

.courses-wrapper {
    padding-bottom: 150px;
}

.single-course {
    display: flex;
    flex-direction: column;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
	width: 100%; /* NOWE */
}
/* Wymuszenie układu Flexbox dla sekcji kursów */
.courses-list .row {
    display: flex;
    flex-wrap: wrap;
}

/* Usunięcie pseudo-elementów blokujących siatkę */
.courses-list .row::before,
.courses-list .row::after {
    display: none;
}

/* Pozwala kolumnom zachowywać równą wysokość */
.courses-list .sc-home-col {
    display: flex;
}


/* Latest courses header */

.latest-courses-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

/* Top part */

.sc-top-part {
    position: relative;
    z-index: 1;
    margin-bottom: -5px
}

.sc-top-part > img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sc-top-part > span {
    z-index: 2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(75, 146, 247, 0.75);
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    letter-spacing: 1px;
    opacity: 0;
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}

.sc-top-part:hover > span {
    opacity: 1;
}

/* Price */

.sc-price {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 5;
    background: #333333bd;
    padding: 5px 15px;
    border-radius: 20px;
}

/* Bottom part */

.sc-bottom-part {
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 10px 30px -12px rgba(105, 105, 105, 0.15);
    -moz-box-shadow: 0 10px 30px -12px rgba(105, 105, 105, 0.15);
    box-shadow: 0 10px 30px -12px rgba(105, 105, 105, 0.15);
	width: 100%; /* NOWE */
}

/* Teacher */

.sc-teacher {
    z-index: 2;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 80%;
    max-width: 90%;
    background: #ffffff;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 15px -9px rgba(194, 194, 194, 0.5);
    -moz-box-shadow: 0 10px 15px -9px rgba(194, 194, 194, 0.5);
    box-shadow: 0 10px 15px -9px rgba(194, 194, 194, 0.5);
}

.sc-teacher img {
    border-radius: 50%;
    margin: 2px
}

.sc-teacher > span {
    margin-left: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
    color: #333333;
}

/* Categories */

.course-cat {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;

}

.page-template-page-hom-wg .course-cat li {
    display: inline-block;
    width: auto;
}

.page-template-page-hom-wg .course-cat li:after {
    content: ', ';
    margin-right: 2px;
}

.page-template-page-hom-wg .course-cat li:last-child:after {
    content: '';
}

.course-cat a {
    color: #015bfa;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
}

/* Title */

.sc-title {
    color: #333333;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 20px;
    min-height: 80px;
}

/* Submeta */

.sc-meta small img {
    height: 23px;
    margin-right: 5px
}

.sc-meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	width: 100%; /* NOWE */
}

.sc-meta small {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #5f5f5f;
    font-size: 16px;
    display: flex;
    align-items: center;
}

/**** Courses categories section ****/

.course-cats-wrapper {
    padding-bottom: 150px;
}

.cc-list {
    padding: 0 15px;
}

.cc-head-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #555555;
    letter-spacing: 0.5px;
    text-align: center;
    padding-bottom: 2em;
}

/* Single */

.cat-cc {
    min-height: 200px !important;
    display: flex;
    padding: 0 !important;
}

.cat-cc a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.cc-single-name {
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    font-size: 20px;
    color: #ffffff;
}

.cc-single-number {
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
    font-size: 17px;
    color: #e0e0e0;
    line-height: 30px;
}

.cat-cc a:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}

.cat-cc a:hover:before {
    background: rgba(22, 86, 152, 0.6);
}

/* Last box */

.last-cat-cc {
    min-height: 200px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #4b92f7;
    padding: 0 !important;
}

.last-cat-cc .first-slogan-btn {
    border: 1px solid #ffffff;
    color: #ffffff !important;
}

.last-cat-cc .first-slogan-btn:hover {
    background: #ffffff;
    color: #4b92f7 !important;
}

.last-cat-cc .first-slogan-btn:after {
    background: transparent;
}

/**** Reviews section ****/

.reviews-wrapper {
    padding-bottom: 150px;
}

.reviews-wrapper .section-title:after {
    width: 100%;
}

.review-wrap {
    width: 100%;
    margin: 15px 0;
    min-height: 190px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 22px -5px rgba(171, 171, 171, 0.3);
    -moz-box-shadow: 0 0 22px -5px rgba(171, 171, 171, 0.3);
    box-shadow: 0 0 22px -5px rgba(171, 171, 171, 0.3);
    position: relative;
}

/* Author */

.review-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.review-header img {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-right: 15px;
}

.r-author-wrap {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.review-author {
    font-family: 'Poppins', sans-serif;
    color: #015bfa;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    width: 60%;
    display: inline-block;
}

.review-user {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    display: inline-block;
    width: 50%;
}

/* Content */

.review-content {
    padding: 15px 28px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.3px;
    color: #555555;
    position: relative;
}

.review-content:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../../img/left-quote.svg);
    background-size: cover;
    margin-right: 7px;
    margin-bottom: -3px;
}

.review-content:after {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../../img/right-quote.svg);
    background-size: cover;
    margin-left: 7px;
    margin-bottom: -3px;
}

/* url to post */

.review-footer {
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
    margin-bottom: 5px;
}

.review-footer a {
    font-family: 'Poppins', sans-serif;
    padding: 0 15px 15px 0;
}

/* nav */

.rev-nav {
    margin-top: 0.7em;
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.rev-nav img {
    height: 20px !important;
    margin: 0 30px;
    outline: none !important;
    cursor: pointer;
}

.rev-nav [aria-disabled="true"] {
    opacity: 0.5;
    filter: grayscale(100%);
}

/**** Instructors section ****/

.instructors-wrapper {
    padding-bottom: 150px;
}

.single-instructor {
    margin: 15px 5px;
}

.tns-outer {
    position: relative;
    z-index: 2
}

.prev-inst {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -3.5%;
    z-index: 3
}

.next-inst {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -3.5%;
    z-index: 3
}

.prev-inst,
.next-inst {
    border: 0 !important;
    outline: none !important;
}

/* Top part */

.single-instructor .si-top {
    position: relative;
}

.single-instructor .si-top img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.instructor-courses {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 99%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(0, 141, 195, 0.55);
    margin: auto;
    opacity: 0;
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}

.single-instructor:hover .instructor-courses {
    opacity: 1;
}

/* Button override */

.instructor-courses .first-slogan-btn {
    border-color: #ffffff;
    padding: 15px 43px;
}

.instructor-courses .first-slogan-btn:after {
    background: transparent;
}

.instructor-courses .first-slogan-btn:hover {
    background-color: #ffffff !important;
}

/* Bottom part */

.si-bottom {
    display: flex;
    flex-direction: column;
    min-height: 115px;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: .15s ease-in;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}

.single-instructor:hover .si-bottom {
    -webkit-box-shadow: 0 0 21px -5px rgba(112, 112, 112, 0.17);
    -moz-box-shadow: 0 0 21px -5px rgba(112, 112, 112, 0.17);
    box-shadow: 0 0 21px -5px rgba(112, 112, 112, 0.17);
}

.instructor-name {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
}

.instructor-categories {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    color: #333333;
    font-weight: 400;
}

/**** Blog section ****/

.blog-wrapper {
    padding-bottom: 150px;
}

.latest-blog-single {
    margin: 0 8px;
}

/* Top part */

.lbs-top {
    position: relative;
}

/* Bottom part */
.lbs-single-title {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    display: block;
    margin: 30px 0 20px 0;
    min-height: 60px;
}

.lbs-single-title a {
    color: #333333;
}

.lbs-meta {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lbs-author {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5f5f5f;
    height: 20px;
    display: inline-flex;
    align-items: center;
}

.lbs-author > img {
    margin-right: 5px;
}

.lbs-category {
    display: inline-flex;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #015bfa;
    margin-left: 30px;
}

.lbs-excerpt {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.2px;
    font-weight: 400;
    color: #758184;
}

.fp-blog-readmore {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
    color: #333333;
}

.fp-blog-readmore > img {
    filter: grayscale(100%);
}

.fp-blog-readmore:hover {
    color: #015bfa;
}

.fp-blog-readmore:hover > img {
    filter: grayscale(0%);
}

/**** Contact section ****/

.contact-wrapper {
    padding-bottom: 150px;
}

/* Contact form */

.contact-wrapper .wpcf7 label,
.contact-wrapper .wpcf7 input[type="text"],
.contact-wrapper .wpcf7 input[type="email"],
.contact-wrapper .wpcf7 input[type="tel"],
.contact-wrapper .wpcf7 textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.contact-wrapper .wpcf7 label {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 35px;
    letter-spacing: 0.2px;
    font-weight: 600;
    color: #12203f;
}

.contact-wrapper .wpcf7 input[type="text"],
.contact-wrapper .wpcf7 input[type="email"],
.contact-wrapper .wpcf7 input[type="tel"] {
    height: 50px;
    padding-left: 20px;
    border-radius: 5px;
}

.contact-wrapper .wpcf7 textarea {
    height: 100px;
    border-radius: 5px;
    padding-left: 20px;
}

.contact-wrapper .wpcf7 input[type="text"],
.contact-wrapper .wpcf7 input[type="email"],
.contact-wrapper .wpcf7 input[type="tel"],
.contact-wrapper .wpcf7 textarea {
    border-color: #464646;
    color: #12203f;
}

.contact-wrapper .wpcf7 input[type="text"]::placeholder,
.contact-wrapper .wpcf7 input[type="email"]::placeholder,
.contact-wrapper .wpcf7 input[type="tel"]::placeholder,
.contact-wrapper .wpcf7 textarea::placeholder {
    color: #acacac;
    font-family: 'Poppins', sans-serif;
}

.contact-wrapper .wpcf7 input[type="text"]:focus,
.contact-wrapper .wpcf7 input[type="email"]:focus,
.contact-wrapper .wpcf7 input[type="tel"]:focus,
.contact-wrapper .wpcf7 textarea:focus,
.contact-wrapper .wpcf7 input[type="text"]:active,
.contact-wrapper .wpcf7 input[type="email"]:active,
.contact-wrapper .wpcf7 input[type="tel"]:active,
.contact-wrapper .wpcf7 textarea:active {
    border-color: #4b92f7;
}

.contact-wrapper .wpcf7 input[type="submit"] {
    width: 100%;
    border: none;
    background: #4b92f7;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 35px;
    text-transform: none;
    letter-spacing: 1px;
    border-radius: 30px;
    margin-top: 15px;
    outline: none !important;
    padding: 8px 16px;
}

.contact-wrapper .wpcf7 input[type="submit"]:hover {
    background: #015bfa;
    border: 0 !important;
}


.screen-reader-response {
    display: none;
}

/******* FAQ ACCORDION *******/

.acc {
    margin: 0 auto;
    max-width: 100%;
}

.acc__card {
    margin: 0 0 -1px 0;
    position: relative;
}

.acc__card:last-child {
    margin: 0;
}

.acc__title {
    background: #ffffff;
    color: #333333;
    border: 1px solid #cccccc;
    cursor: pointer;
    display: block;
    padding: 20px 30px;
    position: relative;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

.acc__title::after {
    width: 8px;
    height: 8px;
    border-right: 3px solid #0ea6df;
    border-bottom: 3px solid #0ea6df;
    position: absolute;
    right: 20px;
    content: " ";
    top: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.acc__title.active::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.acc__panel {
    background: #edf9fe;
    color: #555555;
    display: none;
    margin: 0;
    padding: 30px;
    text-align: left;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
}

.acc__card:last-child .acc__panel {
    border-bottom: 1px solid #cccccc;
}

body.dark-mode {
    background: #222222 !important;
}

body:not(.dark-mode) #header .navbar-header .logo img#dark_logo {
    display: none;
}

body.dark-mode #header .navbar-header .logo img:not(#dark_logo) {
    display: none;
}


body.dark-mode .sensei-breadcrumb {
    background: #333333;
}

body.dark-mode .main-color h1,
body.dark-mode .main-color h2,
body.dark-mode .main-color h3,
body.dark-mode .main-color h4,
body.dark-mode .main-color h5,
body.dark-mode .main-color h6 {
    color: white;
}

.dark-mode .header-color .navbar-toggle .icon-bar {
    background: white;
}

body.dark-mode.kleo-navbar-fixed .kleo-main-header i,
html body.dark-mode #undefined-sticky-wrapper > div > div > div.navbar-header > a,
body.dark-mode.kleo-navbar-fixed .kleo-main-header.header-scrolled i {
    color: white !important;
}

body.dark-mode.kleo-navbar-fixed .kleo-main-header ul.sub-menu li i {
    color: #333333 !important;
}

body.dark-mode.kleo-navbar-fixed .kleo-main-header.header-scrolled {
    background: #353535 !important;
}

@media screen and (max-width: 1200px) {
    .row-full {
        width: 50%;
    }

    .section-full {
        width: 100%;
    }

    .slogan-content-wrap h1 {
        font-size: 42px;
    }

}

/**** ERROR ****/

.bp-user.error404 #main-container .row-tablet .template-page {
    width: 100%;
    text-align: center;
}

.bp-user.error404 .container-wrap.breadcrumbs-container {
    min-height: unset;
}

.bp-user #main-container {
    margin-top: -5px !important;
}

.bp-user .container-wrap {
    z-index: 2;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    min-height: 25vh;
}

.bp-user .tpl-right,
.bp-user .template-page {
    border: none !important;
}

.main-title {
    background: #ffffff;
    border-top: 1px solid #e1e2eb !important;
    border-bottom: 1px solid #e1e2eb !important;
}

.error404 .footer-color {
    display: none !important;
}

.error404 .socket-color {
    display: none !important;
}

.error404 .rectangle-bg {
    height: auto;
}