:root {
    --primary-color: #2A73C2;
    --secondary-color: #2A73C2;
    --textcolor: #4d4d4d;
    --buttontext: #ffffff;
    --alternatebg: #fbf5ec;
    --textprimary: #2A73C2;
    --form-secondary-color: rgb(245 130 32 / 30%);
    --border-color: #dee0e4
}

* {
    box-sizing: border-box
}

.col2-text a,
.col-text a,
.c-f a {
    text-decoration: underline;
    color: blue
}

.why-btnn a {
    text-decoration: none
}

body {
    padding: 0;
    margin: 0;
    font-family: signika, sans-serif;
    overflow-x: hidden;
    min-height: 100%;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

h1 {
    font-size: 2.6rem
}

h2 {
    font-size: 2.2rem
}

h3,
.headline,
.h3 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    font-family: rubik
}

p {
    font-weight: 300
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.2rem;
    width: 100%
}

header {
    box-shadow: 0 0 8px rgb(0 0 0/10%)
}

.head-inner {
    display: flex;
    min-height: 100px;
    justify-content: space-between
}

ul.menu-items {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    align-items: center;
    justify-content: center
}

li.menuitem {
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

li.menuitem a {
    color: var(--textcolor);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px
}

.logo,
.cta {
    display: flex;
    align-items: center
}

button.menu-btn {
    background-color: var(--primary-color);
    border: none;
    border-radius: 2rem;
    height: 3em;
    padding: 0 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    color: var(--buttontext)
}

.single-slide img {
    width: 100%
}

.slider {
    overflow: hidden
}

.slick-prev {
    left: 1rem;
    width: 32px;
    height: 32px;
    z-index: 9
}

.slick-prev:before,
.slick-next:before {
    font-size: 34px
}

.slick-next {
    right: 1rem;
    width: 32px;
    height: 32px;
    z-index: 9
}

.section {
    padding: 30px 0
}

.cta-section {
    padding-top: 0
}

.center {
    text-align: center
}

.text-primary {
    color: var(--textprimary)
}

.btn-cursos .btn:first-child,
.btn-cursos .cms-html-content h4>a:first-child,
.cms-html-content .btn-cursos h4>a:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.btn-cursos .btn {
    height: 40px;
    opacity: .4;
    background: #fbf8f3;
    color: var(--textcolor);
    border: 1px solid var(--textcolor);
    border-radius: 0;
    padding-left: clamp(8px, 2vw, 1.5rem);
    padding-right: clamp(8px, 2vw, 1.5rem);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-transform: uppercase
}

button.btn.sm {
    padding: 8px 40px;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    text-transform: uppercase;
    cursor: pointer
}

.light {
    font-weight: 300
}

.btn-group.btn-cursos {
    display: inline-flex
}

.btn-cursos .btn:last-child,
.btn-cursos .cms-html-content h4>a:last-child,
.cms-html-content .btn-cursos h4>a:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.btn-cursos .btn.active,
.btn-cursos .cms-html-content h4>a.active,
.cms-html-content .btn-cursos h4>a.active {
    background: #2A73C2;
    border-color: #2A73C2;
    color: #fff;
    opacity: 1
}

.form-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.single-field {
    flex-grow: 1;
    width: 33%
}

.form-btn {
    flex-grow: 1;
    width: 33%
}

input.form-field {
    width: 100%;
    height: 40px;
    border-radius: 30px;
    box-shadow: none;
    border: 0;
    padding: 3px 20px;
    border: 1px solid rgb(119 119 119/30%);
    max-width: 100%;
    font-size: 16px
}

.cta-inner.center {
    background: var(--alternatebg);
    padding: 30px
}

input.form-field:focus {
    -webkit-box-shadow: 0 0 0 4px var(--form-secondary-color);
    box-shadow: 0 0 0 4px var(--form-secondary-color);
    border: 1px solid var(--secondary-color);
    z-index: 1;
    outline: none
}

a.form-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #dee0e4;
    border-radius: 30px;
    color: #333;
    text-decoration: none;
    max-width: 100%;
    margin: 0 auto
}

.single-field {
    width: 33%
}

.row {
    display: flex
}

.img-bubble.bubble-1 .mask {
    -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg width="384" height="383" viewBox="0 0 384 383" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.43885 90.9576C8.81193 -46.4823 216.812 -.779652 330.33 56.9105C494.886 140.538 229.853 339.254 152.67 376.868C75.4883 414.482 -7.77748 262.758 1.43885 90.9576Z" fill="black"/></svg>') no-repeat top center/contain
}

.img-bubble.bubble-2 .mask {
    -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg width="300" height="297" viewBox="0 0 300 297" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M74.2177 59.024C92.5153 7.54787 154.688 -32.7142 196.611 38.0847C213.234 66.1592 229.953 85.5097 255.711 100.287C326.745 141.035 304.403 217.915 244.515 229.365C193.832 239.056 157.709 226.253 99.3958 272.374C68.9172 296.482 31.6794 310.319 9.02493 278.226C-16.1687 242.538 17.0269 206.258 39.7476 166.183C68.9192 114.724 58.5192 103.185 74.2177 59.024Z" fill="black"/></svg>') no-repeat top center/contain
}

.img-bubble .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.img-bubble {
    width: 100%;
    position: relative;
    max-width: 360px;
    display: -ms-grid;
    display: grid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.img-bubble.bubble-1 {
    -webkit-filter: drop-shadow(-10px 10px 0 var(--secondary-color));
    filter: drop-shadow(-10px 10px 0 var(--secondary-color))
}

.img-bubble img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.img-bubble svg {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2
}

.col-img {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center
}

.col-text {
    width: 60%
}

.border-r {
    box-shadow: 0 0 0 1px #7777775c;
    border-radius: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 0
}

.pt-5 {
    padding-top: 40px
}

.border-r {
    margin-top: -30px;
    margin-bottom: 30px
}

section.cta-section.section {
    z-index: 9;
    position: relative
}

.col-text {
    padding: 40px
}

.mb-5 {
    margin-bottom: 20px
}

.col-img {
    min-height: 400px
}

.pb-5 {
    padding-bottom: 50px
}

.col-text p {
    font-weight: 300
}

.row {
    justify-content: center;
    align-items: center
}

.col2-text {
    width: 40%;
    padding: 50px;
    padding-left: 50px;
    padding-right: 0
}

.btn-card {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem;
    position: relative;
    font-size: 1.125rem;
    border-radius: calc(5px * 2.8);
    min-width: 140px;
    background: #2A73C2;
}

.btn-card:before {
    content: '';
    margin: 5px;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px
}

.btn-card div {
    position: relative
}

.h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    font-family: rubik
}

.h4 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    font-family: rubik
}

.col-btns {
    width: 60%
}

.all-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.btn-card {
    width: 30%;
    margin-bottom: 20px;
    margin: 20px 0 0 20px
}

.single-field {
    margin-right: 10px
}

.container-inner {
    display: flex;
    max-width: 95%
}

section.whyus {
    background: var(--alternatebg);
    padding-top: 300px;
    position: relative;
    margin-top: -150px;
    padding-bottom: 80px
}

section.step {
    position: relative;
    z-index: 8
}

.ct-wrap.border-r {
    background: #fff
}

h1 {
    text-transform: uppercase
}

.col-btns {
    margin-bottom: -90px
}

.why-icons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.icon-box {
    width: 46%;
    padding: 20px
}

.boxtext {
    font-weight: 300
}

.icon-box {
    display: flex
}

.ico-w {
    width: 80px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px
}

.ico-w img {
    width: 30px
}

.boxtext {
    width: 90%
}

.why-btn {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -20px
}

.videos {
    display: flex;
    align-items: center;
    justify-content: center
}

.videos video {
    width: 95%;
    background: #fcf5ec;
    border: 1px solid #d7c9b8;
    padding: 10px
}

.videos .single-video {
    margin: 10px
}

.mt-5 {
    margin-top: 40px
}

button.btn-s {
    background-color: var(--secondary-color);
    border: none;
    border-radius: 2rem;
    height: 3em;
    padding: 0 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff
}

.video-btn {
    text-align: center
}

.footer_wrap {
    display: flex
}

.course-btnn.text-center {
    text-align: center
}

.footer-col {
    padding: 20px;
    width: 33.33%
}

button.menu-btn.wtbtn svg {
    margin-right: 10px
}

button.menu-btn.wtbtn {
    background: green;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    color: #fff;
    margin: 0 auto;
    text-decoration: none
}

button.menu-btn.wtbtn svg {
    margin-right: 15px
}

.footer_container {
    background: #ebe1d2;
    padding: 50px 0;
    padding-bottom: 0
}

.footer-col label {
    color: #4d4d4d;
    font-size: 16px;
    font-family: rubik;
    font-weight: 600
}

.footer-col ul {
    list-style: none;
    padding: 0
}

.footer-col ul li {
    font-size: 16px;
    font-family: signika;
    font-weight: 300;
    color: #4d4d4d;
    padding: 4px 0
}

.footer-col ul li a {
    color: #4d4d4d;
    text-decoration: none
}

.social a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    margin-bottom: 20px
}

.social {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.social svg {
    font-size: 20px;
    color: #4a4a4a
}

.text-bg-color-default {
    color: #fff
}

.copyright .content {
    padding: 20px;
    font-size: 12px;
    font-weight: 300
}

.footer_logo img {
    width: 100px
}

.footer_logo {
    margin-right: 10px
}

.btn-card h4 {
    margin-bottom: 5px
}

.btn-card .h4 {
    margin-bottom: 5px
}

.mt-h {
    font-weight: 300
}

.pos-abs {
    position: absolute;
    left: -170px;
    top: -90px
}

section.courses .container {
    z-index: 9;
    position: relative
}

.all-courses {
    margin-top: 40px;
    display: flex
}

.single-course {
    width: 25%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #ababab33;
    position: relative
}

section.courses.section.mt-5 {
    position: relative
}

.course-img img {
    width: 100%;
    height: 120px;
    object-fit: cover
}

.course-content {
    padding: 20px;
    padding-bottom: 40px
}

.course-content h5 {
    font-size: 20px;
    margin-bottom: 10px
}

.course-content p {
    font-size: 14px;
    font-weight: 300 !important
}

.course-btn {
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 99;
    bottom: -19px
}

.text-white {
    color: #fff;
    position: relative
}

.single-course:first-child {}

.single-course {
    margin: 0 0 0 0
}

.slick-slide {
    margin: 0 10px
}

.slick-list {
    margin: 0 -10px
}

.course-content {
    min-height: 430px
}

section.courses.section.mt-5 {
    padding-bottom: 100px
}

.pos-abs1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    right: -200px
}

.uppercase {
    text-transform: uppercase
}

.course-desc:before {
    content: " “ ";
    position: absolute;
    font-family: rubik;
    font-size: 50px;
    left: 15px;
    color: #2ca8ff
}

.course-desc {
    margin-left: 25px
}

span.person-name {
    font-size: 17px;
    font-family: rubik;
    font-weight: 600;
    color: #4d4d4d
}

span.badge {
    color: #879fad;
    border: 1px solid #879fad80;
    padding: 6px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 13px
}

.single-video h3 {
    text-align: center;
    margin-top: 20px;
    font-weight: 500
}

h3.c1 {
    color: #4543cc
}

h3.c2 {
    color: #fb780f
}

h3.c3 {
    color: #2ab649
}

img.tt {
    position: absolute;
    left: -120px;
    z-index: 0
}

.col2-text {
    position: relative
}

header.stick {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 99
}

.footer_container {}

.copyright {
    background: #e5dacd
}

label#mainMenuBtn {
    width: 22px;
    display: none;
    line-height: 100px
}

svg.close {
    display: none
}

.active svg.bars {
    display: none
}

.active svg.close {
    display: block
}

.menu.active {
    left: 100%
}

.logo img {
    width: 240px
}

.col-img img {
    max-width: 100%
}

.single-course.slick-slide {
    margin-bottom: 30px
}

.single-video {
    flex: 1
}

.hide-lg {
    display: none
}

.w-css-reset-tree div,
.w-bottom-bar-middle-inner.w-css-reset {
    background-color: #03286b !important
}

section.head {
    padding: 70px 50px;
    text-align: center;
    background: linear-gradient(45deg, #032d77, #021e50)
}

section.head h1 {
    margin-bottom: 0;
    color: #fff
}

.content-inner {
    padding: 0 50px
}

.all-blogs {
    padding: 50px;
    display: flex;
    flex-wrap: wrap
}

.single-blog {
    width: 33%
}

.blog-image {
    width: 100%
}

.blog-image img {
    max-width: 100%
}

.blog-content {
    margin-top: 20px
}

a {
    color: #222;
    text-decoration: none
}

h4.blog-title {
    font-size: 30px;
    margin-bottom: 10px
}

.single-blog {
    padding: 20px
}

.blog-content svg {
    font-size: 12px
}

a.more {
    color: #fa5301
}

.text-bg-color-default {
    top: -1px;
    position: relative
}

section.blog-sec {
    background: #fbf5ec;
    padding: 50px 0
}

section.blog-sec path {
    fill: #fff
}

section.blog-sec {
    padding-top: 0
}

.b-sec {
    padding-top: 50px
}

.btn-blog {
    text-align: center;
    margin-top: 40px
}

.px-3 svg {
    display: none
}

.m {
    display: flex
}

.c-r {
    width: 30%
}

.c-l {
    width: 70%
}

img {
    max-width: 100%
}

.c-l {
    padding-right: 50px
}

.sec-ct {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px
}

.container.srt {
    max-width: 1100px
}

@media(max-width:767px) {
    .cta-inner.center {
        padding: 30px 20px
    }

    section.cta-section.section {
        padding-top: 20px
    }

    button.btn.sm {
        font-size: 10px;
        padding: 10px 14px
    }

    .btn-group.btn-cursos {}

    .form-cta {
        flex-direction: column
    }

    .single-field {
        width: 100%;
        margin-bottom: 10px
    }

    .form-btn {
        width: 100%
    }

    .container-inner {
        flex-direction: column
    }

    .col-img {
        width: 100%
    }

    .col-text {
        width: 100%;
        word-break: break-word;
        padding: 10px
    }

    .container-inner {
        box-sizing: border-box
    }

    h1.text-primary {
        word-break: break-word
    }

    h1 {
        font-size: 32px
    }

    .col2-text {
        width: 100%
    }

    .pb-5 {
        padding-bottom: 10px
    }

    .btn-card {
        width: 44% !important;
        margin-right: 10px;
        margin-left: 0
    }

    .col-btns {
        width: 100%
    }

    .all-btns {
        flex-direction: row
    }

    .h1 {
        font-size: 32px
    }

    section.videos.section {
        padding: 20px
    }

    .videos {
        flex-direction: column
    }

    .all-courses {
        flex-direction: column
    }

    .single-course {
        width: 100%;
        margin-bottom: 50px
    }

    .single-course:first-child {
        margin-bottom: 50px
    }

    .pos-abs {
        top: -50px
    }

    .col-text {
        width: 100%
    }

    .row {
        flex-flow: column
    }

    section.courses.section.mt-5 {
        padding-bottom: 20px
    }

    .menu {
        position: absolute;
        left: 0;
        top: 100%;
        height: 100vh;
        background: #fff;
        max-width: 420px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1px solid #eee;
        -webkit-box-shadow: 0 12px 16px rgb(0 0 0/15%);
        box-shadow: 0 12px 16px rgb(0 0 0/15%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: .3s cubic-bezier(0, 0, 0, 1);
        transition: .3s cubic-bezier(0, 0, 0, 1);
        z-index: 999;
        width: 100%;
        top: 100px
    }

    label#mainMenuBtn {
        display: flex;
        vertical-align: middle;
        align-items: center
    }

    ul.menu-items {
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 40px
    }

    li.menuitem {
        height: 40px;
        align-items: normal;
        width: 100%;
        justify-content: flex-start
    }

    .step .col-img {
        display: none
    }

    .logo img {
        width: 210px
    }

    img {
        max-width: 100%
    }

    .pos-abs1 {
        right: 0
    }

    .pos-abs {
        top: -90px
    }

    .container {
        position: relative
    }

    .why-btn {
        position: relative
    }

    .text-bg-color-default {
        top: -5px;
        position: relative
    }

    .slick-slide {
        margin: 0 10px
    }

    .slick-list {
        margin: 0 -10px
    }

    section.courses .container {
        width: 100% !IMPORTANT;
        padding: 0
    }

    .courses h2.text-white {
        padding-left: 10px
    }

    .single-video {
        width: 100%
    }

    .hide-sm {
        display: none
    }

    .hide-lg {
        display: block
    }

    .all-blogs {
        flex-direction: column
    }

    .single-blog {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }

    .m {
        flex-direction: column
    }

    .c-l {
        width: 100%
    }

    .c-r {
        width: 100%
    }

    .c-l {
        padding: 0
    }
}

.col2-text a,
.col-text a,
section a {
    text-decoration: underline;
    color: blue
}

.why-btnn a {
    text-decoration: none
}

.sec-ct {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px
}

h4.blog-title a {
    color: #000;
    text-decoration: none
}