.container {
    width: 100%;
    position: relative;
    padding: 0px;
    max-width: 1200px !important;
}

* {
    padding: 0px;
    outline: none;
    margin: 0px;
}

a {
    text-decoration: none;
    transition: 0.5s;
    outline: none;
    color: #000;
}

a:hover {
    transition: 0.5s;
    outline: none;
    color: rgb(153, 153, 153);
}

ul,
ol,
li {
    /* list-style: none; */
}

@font-face {
    font-family: "Reckless TRIAL";
    src: url("https://db.onlinewebfonts.com/t/c49825d9148ba0d2e4837e9e4f42fafc.eot");
    src: url("https://db.onlinewebfonts.com/t/c49825d9148ba0d2e4837e9e4f42fafc.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/c49825d9148ba0d2e4837e9e4f42fafc.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/c49825d9148ba0d2e4837e9e4f42fafc.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/c49825d9148ba0d2e4837e9e4f42fafc.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/c49825d9148ba0d2e4837e9e4f42fafc.svg#Reckless TRIAL")format("svg");
}


h1,
h2 {
    /* font-family: sf-bold; */
    font-family: "Reckless TRIAL";
}

body {
    margin: 0px;
    padding: 0px;
    color: #0D191B;
    font-size: 16px;
    direction: ltr;
    font-family: "Geist", sans-serif;
    font-weight: 400;
    text-align: left;
}

.hot {
    background: #FEF87E;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #0D191B;
    text-transform: uppercase;
    text-align: center;
    padding: 0 20px;
}

.hot p {
    margin: 0;
}

.hot a {
    color: #004D5B;
    padding: 5px 0;
    text-decoration: underline;
    outline: none;
    text-transform: uppercase;
}

.hot a:hover {
    color: #000;
}

header {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    z-index: 99;
    padding: 30px 20px 0;
}

header .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

header .container img {
    width: auto;
    height: 72px;
}

@media (max-width: 769px) {
    header .container {
        align-items: center;
    }

    header .container img {
        height: 48px;
    }

    .hero img.line {
        width: 140% !important;
    }
}

@media (max-width: 769px) {
    header .container .head-menu {
        display: none !important;
    }
}

header .container .head-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    margin-inline-start: -60%;
}

header .container .head-menu ul li {}

header .container .head-menu ul li a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    display: inline-flex;
    padding: 10px 15px;
}

header .container .head-menu ul li a:hover,
header .container .head-menu ul li.current-menu-item a {
    color: #FEF87E;
}


header .container .head {
    display: flex;
    align-items: center;
}

header .container .head .bar {
    display: none;
}

header .container .head ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

header .container ul li {}

header .container .head ul li a {
    width: 88px;
    height: 40px;
    background-color: #FFFFFF33;
    border: 1px solid #FFFFFF33;
    display: flex;
    align-items: center;
    background-image: url("img/lang.svg");
    background-repeat: no-repeat;
    background-position: left 15px center;
    padding-left: 48px;
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    font-weight: 600;
}

header .container .head ul li a:hover {
    background-image: url("img/lang-hover.svg");
    background-color: #fff;
    color: #004D5B;
    border-color: #fff;
}

@media (max-width: 769px) {
    header .container .head .bar {
        display: flex;
        width: 24px;
        height: 24px;
        background-image: url("img/menu.svg");
        background-size: 100% 100%;
        cursor: pointer;
        margin: 0 0 0 20px;
        border: none;
        outline: none;
        background-color: initial;
    }

    .modal-dialog {
        margin: 0;
        margin: 0;
        border-radius: 0;
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px 10px;
        pointer-events: auto;
        background-color: #004D5B;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
        outline: 0;
    }

    .modal-header {
        border: none;
    }

    .btn-secondary {
        width: 24px;
        height: 24px;
        background-image: url("img/x.svg");
        background-size: 100% 100%;
        background-color: initial;
        border-radius: 0;
        outline: none;
        border: none;
    }

    .modal-content img {
        width: auto;
        height: 48px;
    }

    .modal-content ul {
        padding: 0;
        margin: 20px 0 0;
        width: 100%;
    }

    .modal-content ul li {
        display: flex;
    }

    .modal-content ul li a {
        padding: 5px 0;
        text-decoration: none;
        outline: none;
        color: #fff;
        background-image: url("img/li.svg");
        background-repeat: no-repeat;
        background-position: right center;
        font-size: 16px;
        display: flex;
        width: 100%;
        min-height: 20px;
    }

    .modal-content ul li a:hover {
        opacity: 0.6;
    }

    .modal-footer {
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        align-items: center;
        justify-content: flex-end;
        margin: 30px 15px 0;
        padding: 25px 0;
        border-top: 1px solid #ffffff26;
    }
}




/*  */

.hero {
    height: 70vh;
    background-image: url("img/bg.png");
    background-size: cover;
    background-position: center bottom;
    overflow: hidden;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
}

@media (max-width: 769px) {
    .hero {
        height: 370px;
    }
}

.hero img.girl {
    height: 100%;
    width: auto;
    position: relative;
    z-index: 9;
}

.hero img.line {
    width: 100%;
    height: auto;
    max-height: 55vh;
    position: absolute;
    bottom: 0 !important;
    left: 0;
    right: 0;
    object-fit: cover;
    z-index: 3;
    animation: floatingLine 18s ease-in-out infinite alternate;
    will-change: transform;
}

@keyframes floatingLine {

    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }

    20% {
        transform: translate(15px, -10px) rotate(1deg) scale(1.02);
    }

    40% {
        transform: translate(-10px, 15px) rotate(-1deg) scale(0.98);
    }

    60% {
        transform: translate(20px, 5px) rotate(2deg) scale(1.01);
    }

    80% {
        transform: translate(-15px, -10px) rotate(-1deg) scale(1.03);
    }

    100% {
        transform: translate(10px, 10px) rotate(1deg) scale(1);
    }

}

/*  */

section {
    padding: 50px 10px;
    overflow: hidden;
}

.welcom {
    background-color: #004D5B;
    padding: 50px 20px;

}

.welcom .container {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

.welcom .container .block {
    padding: 15px 0;
    color: #FFFFFFCC;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 15px;
}

@media (min-width: 769px) {
    .welcom .container .block-text {
        padding-top: 120px;
    }
}

.welcom .container .block h5 {
    background-color: #AFF6F8;
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 20px 0 70px;
    background-image: url("img/book.svg");
    background-position: left 25px center;
    background-repeat: no-repeat;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.welcom .container .block h1 {
    font-size: 48px;
    font-weight: 400;
    margin: 0;
    color: #fff;
}

@media (max-width: 769px) {
    .welcom .container .block h1 {
        font-size: 32px;
    }
}

.welcom .container .block p {
    width: 100%;
}

.welcom .container .block a {
    background-color: #FEF87E;
    color: #0D191B;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    position: relative;
    min-height: 64px;
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 20px;
    width: 100%;
}

.welcom .container .block a:hover {
    background-color: #fff;
    transform: translateY(-10px);
    box-shadow: 0px 10px 20px #00242B33;
}

.welcom .container .block a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url("img/more.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #004D5B;
}

.fade-up {
    opacity: 0;
    transform: translateY(100px);
    transition: all 1.5s ease;
}

.fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 769px) {
    .line.fade-up {
        bottom: -400px !important;
    }

    .line.fade-up.show {
        bottom: 0 !important;
    }
}

/*  */

.bild {
    padding: 150px 20px;
    position: relative;
    /* height: 100vh; */
}

.parallax-bg {
    position: absolute;
    top: -400px;
    left: 0;
    width: 103%;
    height: calc(100% + 600px);
    object-fit: cover;
    will-change: transform;
}

@media (max-width: 769px) {
    .parallax-bg {
        top: -400px;
        width: 100%;
        height: calc(100% + 0px);
    }
}

.bild .container {
    display: flex;
    flex-wrap: wrap;
}

.bild .container .block {
    background: #fff;
    padding: 0 30px;
    color: #0D191BCC;
}

.bild .container .block h5 {
    background-color: #AFF6F8;
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 20px 0 70px;
    background-image: url(img/book.svg);
    background-position: left 25px center;
    background-repeat: no-repeat;
    margin: 0 0 0 -30px;
    text-transform: uppercase;
    width: calc(100% + 60px);
}

.bild .container .block h2 {
    color: #0D191B;
    font-size: 28px;
    font-weight: 400;
    margin: 25px 0 30px;
}

.bild .container .block .box-foot {
    background-color: #004D5B;
    background-image: url("img/foot.png");
    background-position: center top -30px;
    background-repeat: no-repeat;
    width: calc(100% + 60px);
    margin: 40px 0 0 -30px;
    padding: 20px 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.bild .container .block .box-foot img {
    width: auto;
    height: auto;
    max-height: 80px;
}

.bild .container .block.fade-up {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 1.5s ease;
}

.bild .container .block.fade-up.show {
    opacity: 1;
    transform: translateX(0);
}

/*  */
.how {
    padding: 50px 20px;
    background: #004D5B;
}

.how-rows {
    border-bottom: 1px solid #05CCD31F;
    /* padding: 25px 20px; */
}

.how .container {
    display: flex;
    flex-wrap: wrap;
}

.how .container h5 {
    background-color: #AFF6F8;
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 20px 0 70px;
    background-image: url(img/book.svg);
    background-position: left 25px center;
    background-repeat: no-repeat;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.how .container .block {
    color: #fff;
    padding: 15px 0;
}

.how .container .block.fade-up {
    transform: translateY(0px) !important;
}

.how .container .block h4 {
    color: #FEF87E;
    font-size: 31px;
    font-weight: 400;
    font-family: "Reckless TRIAL";
    margin: 0;
}

.how .container .block h3 {
    color: #fff;
    font-size: 31px;
    font-weight: 400;
    font-family: "Reckless TRIAL";
    margin: 0;
}

@media (max-width: 769px) {
    .how .container .block {
        padding: 10px 0;
    }

    .how .container .block h3 {
        font-size: 24px;
    }
}

.how .container .block p {
    color: #FFFFFFCC;
    margin: 0;
}

/*  */
.reveal-text span {
    opacity: 0;
    transform: translateY(20px);
    display: inline-block;
    transition:
        opacity .5s ease,
        transform .5s ease;
}

.reveal-text span.show {
    opacity: 1;
    transform: translateY(0);
}

/*  */

.vid {
    padding: 50px 20px;
}

.vid .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vid .container .block {
    padding: 20px 0;
}

.vid .container .block h2 {
    color: #0D191B;
    font-weight: 400;
    font-size: 48px;
    margin: 0;
}

@media (max-width: 769px) {
    .vid .container .block h2 {
        font-size: 24px;
    }
}

.vid .container .block p {
    color: #0D191B;
    margin: 0;
}

.vid .container .block.vid-box {
    position: relative;
    padding: 0;
    background: #004d5b;
    margin: 40px 0 0;
}

.vid .container .block.vid-box video {
    width: 100%;
    height: auto;
    margin: 0 0 -7px;
    opacity: 0.6;
}

.vid .container .block.vid-box .link {
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #AFF6F8;
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 40px 0 60px;
    background-image: url(img/link.svg);
    background-position: left 25px center;
    background-repeat: no-repeat;
    margin: 0;
    text-transform: uppercase;
}

.vid .container .block.vid-box .link:hover {
    background-color: #fff;
}

/*  */
.arizona {
    background: #780A31;
}

.arizona .container {}

.arizona .container .block h2 {
    color: #fff;
}

.arizona .container .block p {
    color: #FFFFFFCC;
}

.arizona-img {
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.arizona-img .item {
    padding: 2px;
}

.arizona-img .box {
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.arizona-img .box img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.baner {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    min-height: 200px;
}

/*  */
.programs {
    padding: 50px 20px;
}

.programs .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.programs .container .block {
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.programs .container .block h5 {
    background-color: #AFF6F8;
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 20px 0 70px;
    background-image: url(img/book.svg);
    background-position: left 25px center;
    background-repeat: no-repeat;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.programs .container .block h1 {
    font-size: 48px;
    font-weight: 400;
    margin: 0;
    color: #0D191B;
}

@media (max-width: 769px) {
    .programs .container .block h5 {
        width: 100%;
    }

    .programs .container .block h1 {
        font-size: 24px;
    }
}

.programs .container .block p {
    color: #0D191BCC;
    margin: 0;
    width: 100%;
}

.programs-block {
    padding: 40px 0;
    border-top: 1px solid #0D191B14;
}

.programs-block .container {
    display: flex;
    flex-wrap: wrap;
}

.programs-block .container .block {
    padding: 10px 0;
    color: #0D191BCC;
}

.programs-block .container .block img {
    width: 100%;
    height: auto;
}

.programs-block .container .block h2 {
    color: #0D191B;
    font-size: 32px;
    font-weight: 400;
    margin: 0;
    padding: 0 30px;
    font-family: "Reckless TRIAL";
}

@media (max-width: 769px) {
    .programs-block .container .block {
        padding: 15px 20px;
    }

    .programs-block .container .block h2 {
        padding: 0;
        font-size: 24px;
    }
}

.programs-block .container .block strong {
    font-family: "Reckless TRIAL";
    display: flex;
    color: #0D191B;
    font-size: 24px;
}

.programs-block .container .block ul {
    width: 100%;
    margin: 0;
    padding: 0 20px;
}

.programs-block .container .block ul li {
    margin: 0 0 5px;
}

/*  */
.e3tmadat {
    background-color: #AD904F;
}

.e3tmadat .container {
    display: flex;
    flex-wrap: wrap;
}

.e3tmadat .container h2 {
    color: #FFFFFF;
    font-family: "Reckless TRIAL";
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 40px;
    width: 100%;
    text-align: center;
}

@media (max-width: 769px) {
    .e3tmadat .container h2 {
        font-size: 24px;
    }
}

.e3tmadat .container .block {
    padding: 10px ;
}

.e3tmadat .container .block .box {
    background-color: #fff;
    position: relative;
    padding: 20px 20px 20px 50px;
    color: #0D191BCC;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.e3tmadat .container .block .box:after {
    content: "";
    background-color: #fff;
    width: 17px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(img/e3tmad.png);
    background-repeat: repeat-y;
    background-position: center left;
}

.e3tmadat .container .block .box p {
    margin: 0;
    line-height: normal;
    color: #0D191BCC;
}

.e3tmadat .container .block .box h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Reckless TRIAL";
    color: #0D191B;
    /*     font-style: italic; */
    margin: 10px 0 10px;
}

@media (max-width: 769px) {
    .e3tmadat .container .block .box h3 {
        font-size: 20px;
    }
}

.e3tmadat .container .block .box strong {
    font-family: "Reckless TRIAL";
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
}

/*  */

.moving-bg {
    padding: 50px 20px;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-image: url('img/contact.jpg');
    background-repeat: repeat-x;
    background-size: cover;
    animation: moveBg 200s linear infinite;
}

@keyframes moveBg {

    from {
        background-position: 0 center;
    }

    to {
        background-position: -2000px center;
    }

}

.moving-bg .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.moving-bg .container .block {
    background: #fff;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-width: 636px;
}

.moving-bg .container .block h1 {
    color: #0D191B;
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 30px;
    border-bottom: 1px solid #004D5B1A;
}

@media (max-width: 769px) {
    .moving-bg .container .block h1 {
        font-size: 24px;
    }
}

.moving-bg .container .block p {
    margin: 0 0 25px;
    padding: 0 30px;
    line-height: normal;
}

.moving-bg .container .block form {
    padding: 0 25px 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.moving-bg .container .block form .rows {
    padding: 7px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    direction: ltr;
}

.moving-bg .container .block form p {
    width: 100%;
    margin: 0;
    padding: 0;
}

.moving-bg .container .block form .rows label {
    width: 100%;
    color: #0D191B;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.moving-bg .container .block form .rows label i {
    color: #780A31;
    margin: 0 10px;
}

.moving-bg .container .block form .rows label em {
    position: absolute;
    left: 10px;
    top: 45px;
    z-index: 9;
    font-style: normal;
    color: #0D191B;
    border-right: 1px solid #0D191B33;
    padding: 0 15px;
}

.moving-bg .container .block form .rows .wpcf7-validates-as-tel {
    padding-left: 90px !important;
    color: #0D191B;
}

.moving-bg .container .block form .rows .wpcf7-text,
.moving-bg .container .block form .rows select {
    width: 100%;
    height: 54px;
    border: 1px solid #004D5B33;
    padding: 0 20px;
    color: #0D191B;
    direction: ltr;
}

select {
    background-image: url("img/down.svg") !important;
    background-position: right 20px center;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.moving-bg .container .block form .rows label .box {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #0D191B80;
    overflow: hidden;
}

.block form .rows .box {
    padding: 1px 2px;
    overflow: hidden;
}

.block form .rows .box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7-list-item-label {
    min-height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #0D191B80;
    border: 1px solid #004D5B33;
    margin: -1px 0 0;
}

input:checked~.wpcf7-list-item-label {
    background: #004d5b;
    color: #fff;
}

.wpcf7-list-item {
    display: block;
    margin: auto;
    width: 100%;
}

.agreed {
    display: flex;
    flex-wrap: nowrap !important;
    margin: 25px 0;
}

.agreed .wpcf7-list-item-label {
    border: none !important;
    background: #fff !important;
    color: #0D191B80 !important;
    line-height: normal;
    position: relative;
}

.agreed .wpcf7-checkbox {
    padding: 0 0 0 35px;
    width: 100%;
    display: flex;
    position: relative;
}

.agreed input {
    width: 25px;
    height: 25px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 0;
}

.wpcf7-submit {
    background-image: url("img/send.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    width: 193px;
    color: #fff;
    background-color: #004D5B;
    height: 54px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    outline: none;
    border: none;
    text-align: left;
    transition: 0.5s;
}

.wpcf7-submit:hover {
    background-color: #FEF87E;
    background-image: url("img/send-hover.svg");
    color: #004D5B;
    transition: 0.5s;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
}

.agreed .wpcf7-list-item-label:after {
    content: "";
    width: 25px;
    height: 25px;
    margin: 0;
    position: absolute;
    left: -35px;
    top: 10px;
    border: 1px solid #ddd;
    z-index: -1;
    border-radius: 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.agreed input:checked~.wpcf7-list-item-label:after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background-color: #004d5b;
    color: #fff;
}

/*  */
footer {
    background-color: #0D191B;
    clear: both;
    padding: 80px 20px 30px;
}

footer .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

footer .container .foot {
    padding: 10px;
}

@media (max-width: 769px) {
    footer .container .foot {
        /*     display: none; */
    }

    footer .container .foot img {
        margin: 20px 0 !important;
    }
}

footer .container .foot img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.copy {
    border-top: 1px solid #FFFFFF0F;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 30px 0 0;
}

.copy p {
    padding: 10px 0;
    margin: 10px 0;
    color: #FFFFFF;
}

.mdia {
    display: flex;
    flex-wrap: wrap;
}

.mdia a {
    color: #fff;
    border: 1px solid #FFFFFF33;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 2px 6px;
    /* font-size: 22px; */
}

.mdia a:hover {
    background-color: #fff;
    color: #0D191B;
}

/*  */
.footer-mob {
    display: none;
}

@media (max-width: 769px) {
    .footer-mob {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-mob img {
        width: auto;
        height: 80px;
        margin: 0 0 30px;
    }

    .footer-mob ul {
        padding: 0;
        margin: 0;
        display: block;
        list-style: none;

    }

    .footer-mob ul li {
        padding: 0;
    }

    .footer-mob ul li a {
        display: inline;
        padding: 7px 0;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        text-decoration: none;
        outline: none;
        display: inline-block;
    }

    .footer-mob ul li a:hover {
        opacity: 0.6;
    }

    .copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}


/* cover-done */

.cover-done {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cover-done .done {
    background: #fff;
    max-width: 636px;
    display: flex;
    flex-direction: column;
}

.cover-done .done h1 {
    padding: 30px;
    color: #0D191B;
    font-style: italic;
    font-size: 48px;
}

.cover-done .done p {
    padding: 0 30px 20px;
}

.cover-done .done .thank-but {
    background: #AFF6F8;
    color: #000;
    padding: 20px 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}



#form,
#done {
    transition: .5s ease;
}

#done {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    display: flex;
}

#done.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#form.hide {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}




/*  page */
.head-page {
    background: #004D5B;
    padding: 220px 20px 50px;
    color: #C2C5C6;
}

.head-page .container {}

.head-page .container .block {}

.head-page .container .block h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 20px;
    max-width: 760px;
}

@media (max-width: 769px) {
    .head-page .container .block h1 {
        font-size: 32px;
    }
}

.head-page .container .block p {}

.single-page {
    padding: 50px 20px;
    color: #0D191B;
}

.single-page .container {
    max-width: 1000px !important;
    font-size: 16px;
    font-weight: 400;
}

.single-page .container h2 {
    margin: 30px 0 20px;
    font-weight: 500;
    font-size: 32px;
}

@media (max-width: 769px) {
    .single-page .container h2 {
        font-size: 24px;
    }
}

.single-page .container p {
    margin: 0 0 20px;
}

/*  emails*/
.emails {
    border-top: 1px solid #004D5B33;
    padding: 25px 0 0;
    margin: 50px 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.emails img {
    width: 48px;
    margin-inline-end: 15px;
}

.emails div {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    color: #6E7576;
    justify-content: space-between;
    height: 48px;
}

.emails div h4 {
    color: #4A5354;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}







/*-------------------------------------------------  */

.ff-btn-submit {
    background-image: url(img/send.svg);
    background-position: right 20px center;
    background-repeat: no-repeat;
    width: 193px;
    color: #fff !important;
    background-color: #004D5B !important;
    height: 54px;
    padding: 0 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    text-align: left !important;
    transition: 0.5s !important;
    outline: none !important;
    border-radius: 0 !important;
}

@media (max-width: 769px) {
    .ff-btn-submit {
        width: 100% !important;
    }
}

.ff-btn-submit:hover {
    background-color: #FEF87E !important;
    background-image: url("img/send-hover.svg");
    color: #004D5B !important;
    transition: 0.5s !important;
}

.ff-default .ff-el-input--label label {
    color: #0D191B !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.ff-el-form-control {
    width: 100% !important;
    height: 54px !important;
    border: 1px solid #004D5B33 !important;
    padding: 0 20px !important;
    color: #0D191B !important;
    direction: ltr !important;
    border-radius: 0 !important;

}

.contact-type .ff-el-input--content .ff-el-form-check,
.sex .ff-el-input--content .ff-el-form-check {
    display: flex;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
    width: 33.333% !important;
    padding: 0 1px !important;
}

.fluentform .ff-el-group.sex .ff-el-form-check {
    width: 50% !important;
    padding: 0 1px !important;
}

.ff-el-form-check label {
    width: 100% !important;
}

.contact-type .ff-el-input--content .ff-el-form-check label span,
.sex .ff-el-input--content .ff-el-form-check label span {
    min-height: 54px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    color: #0D191B80;
    border: 1px solid #004D5B33 !important;
    margin: -1px 0 0 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    box-shadow: none !important;

}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    background: #004d5b !important;
    color: #fff !important;
}

.agreed-row .ff-el-form-check-label {
    padding: 0 0 0 35px;
    width: 100%;
    display: flex;
    position: relative;
}

.agreed-row span {
    border: none !important;
    background: #fff !important;
    color: #0D191B80 !important;
    line-height: normal;
    position: relative;
}

.agreed-row input.ff-el-form-check-input {
    accent-color: #004d5b !important;
    height: 22px !important;
    width: 22px !important;
    position: absolute !important;
    z-index: 9 !important;
    left: 0 !important;
    top: 5px !important;
}


#form,
#done {
    transition: .5s ease;
}

#done {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    display: flex;
}

#done.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#form.hide {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}

.ff-message-success {
    display: none !important;
}

/* admissions  */
.admissions {
    padding-top: 150px;
}

.admissions .container {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
}

.admissions .container .block {}

.admissions .container .block img {
    width: 100%;
    height: auto;
}

.admissions .container .block h1 {
    margin: 0 0 20px;
}

.admissions .container .block p {
    color: #FFFFFFCC;
}

/* requirements */
.requirements {}

.requirements .container {}

.requirements-all {}

.requirements-all .requirements-item {}

.requirements-all .requirements-item .box {
    background-size: 13px auto;
    background-repeat: repeat-y;
    background-position: left center;
}

.requirements-all .requirements-item .box strong {}

.requirements-all .requirements-item .box ul {}

.requirements-all .requirements-item .box ul li {}

.requirements-all .requirements-item .box ul li::marker {}

.requirements-all .requirements-item .box ul li a {}

.requirements-all .requirements-item .box ul li a:hover {}

.requirements-all .requirements-item .box p {}

/* structure */
.structure {
    background-color: #AD904F !important;
}

.structure .container {}

.structure .container .block {}

.structure .container .block h1 {
    margin: 0 0 20px;
}

.structure .container .block img {
    width: 100%;
    height: auto;
}




/* admissions  */
.admissions {
    padding-top: 150px;
}

.admissions .container {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
}

.admissions .container .block {}

.admissions .container .block img {
    width: 100%;
    height: auto;
}

.admissions .container .block h1 {
    margin: 0 0 20px;
}

.admissions .container .block p {
    color: #FFFFFFCC;
}

/* requirements */
.requirements {
    background: #fff;
}

.requirements .container {}

.requirements-all {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 0;
}

.requirements-all .requirements-item {
    color: #0D191BCC;
}

.requirements-all .requirements-item .box {
    /* 	background-image: url("img/e3tmad.jpg"); */
    background-size: 13px auto;
    background-repeat: repeat-y;
    background-position: left center;
    justify-content: flex-start !important;
    background-color: #E4D2AC4D !important;
}

.requirements-all .requirements-item .box strong {
    font-style: normal !important;
    color: #0D191B;
    font-size: 20px !important;
    margin: 0 0 30px !important;
    display: flex;
}

.requirements-all .requirements-item .box ul {
    padding: 0;
    margin: 0 17px;
}

.requirements-all .requirements-item .box ul li {
    color: #0D191BCC;
    margin: 0 0 8px;
}

.requirements-all .requirements-item .box ul li::marker {}

.requirements-all .requirements-item .box ul li a {
    color: #AD904F;
    text-decoration: underline;
}

.requirements-all .requirements-item .box ul li a:hover {
    color: #000;
}

.requirements-all .requirements-item .box p {}

/* structure */
.structure {
    background-color: #AD904F !important;
}

.structure .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.structure .container .block {}

.structure .container .block h1 {
    margin: 0 0 20px;
}

.structure .container .block img {
    width: 100%;
    height: auto;
}

/*  how-apply	 */
.how-apply {
    background-color: #fff;
    border-color: #F3F3F4;
}

.how-rows::last-child {
    border: none !important;
}

.how-apply .container .block {}

.how-apply .container .block h4 {
    color: #AD904F;

}

.how-apply .container .block h3 {
    color: #0D191B;
}

.how-apply .container .block p {
    color: #6E7576;
}

.how-apply .container .ff-btn-submit {
    width: 224px;
    height: 64px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pay {}

.pay h1 {
    margin: 0 0 25px !important;
}

.pay .pay-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pay .pay-all .pay-item {
    padding: 10px 0;
    max-width: calc(600px - 10px);
}

.pay .pay-all .pay-item .box {
    background-color: #fff !important;
    padding: 20px 20px 20px 50px;
    color: #0D191BCC;
    position: relative;
    height: 100%;
}

.pay .pay-all .pay-item .box:after {
    content: "";
    background-color: #004D5B;
    width: 17px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("img/border.png");
    background-repeat: repeat-y;
    background-position: center left;
}

.pay .pay-all .pay-item .box strong {
    font-style: normal !important;
    color: #0D191B;
    font-size: 20px !important;
    margin: 0 0 30px !important;
    display: flex;
    font-weight: 400;
    font-family: "Reckless TRIAL";
}

/* 	 */
.scholarships {
    padding-top: 0 !important
}

.welcom.scholarships .container .block a {
    max-width: 304px;
}

/*  */


.faq-head {
    background: #AD904F;
}

/* 	 */

.faq-tabs-wrapper {
    margin: 80px 0;
}

/* =========================
   Tabs Header
========================= */

.faq-tabs-nav {
    display: flex;
    align-items: center;
    background: #005866;
    position: relative;
    padding: 5px 0;
}

.tabs-container {
    flex: 1;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.tabs-container::-webkit-scrollbar {
    display: none;
}

.tab-arrow {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
    margin: 0 15px;
    background-image: url(img/send.svg);
}

.tab-arrow.prev {
    transform: rotate(180deg);
}


.tab-arrow:hover {
    /*     transform:scale(1.08); */
    background-image: url("img/send-hover.svg");
}

.tab-btn {
    border: none;
    background: transparent;
    color: #fff;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: .35s;
    white-space: nowrap;
    height: 60px;
    z-index: 9;
}

.tab-btn:hover {
    background: rgba(255, 255, 255, .08);
}

.tab-btn.active {
    /* background:#fff; */
    color: #005866;
}

.tab-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: #fff;
    transform: translateX(-50%);
    transition: .35s;
    z-index: -1;
}

.tab-btn.active::after {
    width: 100%;
}

/* =========================
   Tabs Content
========================= */

.tabs-content {
    margin-top: 60px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
    animation: fadeTab .45s ease;
}

@keyframes fadeTab {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab-pane h2 {
    font-size: 24px;
    font-weight: 400;
    color: #0D191B;
    margin-bottom: 15px;
    line-height: 1.2;
}

/* =========================
   FAQ Item
========================= */

.faq-item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background: #fff;
}

.faq-question {
    width: 100%;
    border: none;
    background: #fff;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    color: #0D191B;
    text-align: start;
}

.faq-question span {
    transition: .35s ease;
    font-size: 16px;
    color: #0D191B;
}

.faq-item.active .faq-question span {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;

    width: calc(100% - 40px);
    margin: 0 auto;

    border-top: 1px solid #004D5B33;

    font-size: 16px;
    line-height: 1.9;
    color: #0D191B80;

    padding: 0;

    transition:
        max-height .45s ease,
        opacity .35s ease,
        padding .35s ease;
}

.faq-item.active .faq-answer {
    opacity: 1;
    padding: 20px 0 20px !important;
}

@media(max-width:991px) {

    .tab-btn {
        font-size: 16px;
        padding: 20px;
    }

    .tab-pane h2 {
        font-size: 36px;
    }

    .faq-question {
        font-size: 20px;
        padding: 20px;
    }

    .faq-answer {
        font-size: 16px;
    }
}

/*  */


.programs-head {
    background-image: url("img/lins.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 60%;
}

.programs-head .container .block h5 {
    background-color: #FEF87E;
}


/*  */


.programs-head h5 {
    background-color: #FEF87E !important;
}

.programs-head.red {
    background-color: #780A31;
    background-image: url("img/lins-red.png");

}

.data {
    background-color: #AFF6F8;
    padding: 20px;
}

.data.red {
    background-color: #AD904F !important;
}

.data .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #004D5B;
}

.data.red .container {
    color: #fff;
}

.data .container .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 20%;
    font-size: 20px;
    font-weight: 400;
    margin: 5px 0;
}

.data .container i {
    height: 58px;
    width: 1px;
    background-color: #004D5B;
    opacity: 0.2;
}

@media (max-width: 769px) {
    .programs-head {
        background-image: none !important;
    }

    .data {
        padding: 0 10px;
    }

    .data .container .box {
        width: 50%;
        max-width: 100%;
        margin: 0 0;
        font-size: 16px;
        padding: 20px 0;
        border-bottom: 1px solid #ffffff20 !important;

    }

    .data .container .box:first-child {
        width: 100% !important;
    }

    .data .container i {
        display: none;
    }
}

.data.red .container i {

    background-color: #fff;
    opacity: 0.2;
}

.data .container .box:last-child {
    border: none;
}

.data .container .box span {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin: 0 0 10px;
}

/* 	 */
.how {
    background-color: #fff;
}

.how .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #6E7576;
    justify-content: space-between;
}

.how .container .block {
    max-width: 570px;
    padding: 10px 0;
}

.how .container .block img {
    width: 100%;
    height: auto;
}

.how .container .block h5 {
    margin: 0 0 25px;
}

.how .container .block h1 {
    margin: 0 0 25px;
}

.how .container .block a {
    height: 64px;
    display: flex;
    margin: 35px 0 0;
    align-items: center;
}

@media (max-width: 769px) {
    .how .container .block a {
        width: 100%;
    }
}

.long .container .block a {
    height: auto;
    background: initial !important;
    padding: 0;
    margin: 0;
    display: inline-flex;
    width: auto;
    color: #AD904F;
    text-decoration: underline;
}

.long .container .block a:hover {
    color: #000;
}

/* 	  */
.welcom .container .block h2 {
    font-size: 32px;
    margin: 0 0 30px;
    color: #0D191B;
}

/*  */


.how-kingdom.red {
    background-color: #780A31;
}

.how-kingdom.red h5 {
    background-color: #FEF87E !important;

}

.how-kingdom.red .pay-all .pay-item .box:after {
    background-color: #780A31 !important;
}

.links {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0;
}

.links a {
    background-color: #FEF87E;
    color: #0D191B;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    position: relative;
    min-height: 64px;
    margin: 20px 3px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 20px;
    width: 190px;
}

@media (max-width: 769px) {
    .links a {
        width: 100%;
    }
}

.links a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url(img/more.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #004D5B;
}

.links a~a {
    /* 		   margin-inline-start: 15px; */
    color: #fff;
    border: 1px solid #FFFFFF33;
    background-color: #FFFFFF33;
}

.links a~a::after {
    background-image: url(img/more-w.svg) !important;
}

.links a:hover {
    background-color: #fff;
    color: #0D191B;
}

.links a~a:hover:after {
    background-image: url(img/more.svg) !important;
}

.links a::after {
    background-image: url(img/more.svg) !important;
}

/* 	  */
.detiles {
    background-color: #AD904F;
    color: #fff;
}

.detiles.red {
    background-color: #004D5B;
}

.detiles h1 {
    color: #fff !important;
}

/* 	  */
.nav-tabs {
    background: #fff;
    margin: 25px 0;
    border: none !important;
    padding: 8px;
    display: flex;
    width: 100%;
}

.nav-tabs li {
    min-width: 20%;
    padding: 0;
    margin: 0;
}

@media (max-width: 769px) {
    .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .nav-tabs li {
        min-width: 100px;
    }

    .detiles-foot a {
        width: 100% !important;
    }
}


.nav-tabs li button {
    border: none !important;
    color: #C2C5C6;
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border-radius: 0 !important;
}

.nav-tabs li button:hover {
    color: #AD904F
}

.nav-tabs li button.active {
    color: #fff !important;
    background: #AD904F !important;
}

.red .nav-tabs li button.active {
    background-color: #004D5B !important;
}

.detiles .pay-all .pay-item .box:after {
    background-color: #AD904F !important;
}

.detiles.red .pay-all .pay-item .box:after {
    background-color: #004D5B !important;
}

.detiles .pay-all .pay-item .box h2 {
    color: #0D191B;
    font-size: 20px !important;
    font-weight: 400;
    display: flex;
    align-items: start;
    margin: 0 0 25px;
}

.detiles .pay-all .pay-item .box ul {
    padding: 0 20px;
    color: #0D191BCC;
}

.detiles-foot {
    display: flex;
    flex-direction: column;
    margin: 30px 0 0;
    color: #fff;
}

.detiles-foot a {
    background-color: #FEF87E;
    color: #0D191B;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    position: relative;
    min-height: 64px;
    margin: 0px 3px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 20px;
    width: 190px;
}

.detiles-foot a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url(img/more.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #004D5B;
}

.detiles-foot a:hover {
    background-color: #fff;
}

.many {
    color: #fff;
}

.many a {
    color: #FFFFFFCC;
    text-decoration: underline;
    outline: none;
}

.many a:hover {
    color: #FFC627;
}

.jobs {
    color: #0D191BCC;

}

.jobs ul {
    color: #0D191BCC;
    margin: 20px 20px;
    padding: 0;
}

.jobs ul li {
    margin: 3px 0;

}

/*  */

.four {
    background: #004D5B;
    padding: 50px 10px;
}

.four .container {
    display: flex;
    flex-wrap: wrap;
}

.four .container .four-item {
    padding: 10px;
}

.four .container .four-item .four-box {
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
    outline: none;
    text-decoration: none;
}

.four .container .four-item .four-box img {
    width: 100%;
    height: 165px;
    object-fit: cover;
}

.four .container .four-item .four-box h2 {
    background: #AFF6F8;
    padding: 0 20px;
    min-height: 64px;
    width: 100%;
    color: #0D191B;
    transition: 0.5s;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.four .container .four-item .four-box h2 span {
    width: 32px;
    transition: 0.5s;
    height: 32px;
    background-image: url(img/send-hover.svg);
    border-radius: 50%;
}

.four .container .four-item .four-box:hover h2 {
    transition: 0.5s;
    background: #fff;
}

/*  */

.single-posts {}

.single-posts.brown {
    background-color: #AD904F !important;
}

@media (max-width: 769px) {
    .single-posts .container {
        display: flex;
        flex-direction: column-reverse;
    }
}

.single-posts .container .block {}

.single-posts .container .block .img {
    margin: 0 0 20px;
    position: relative;
}

.single-posts .container .block .img img {
    width: 100%;
    height: auto;
}

.single-posts .container .block .img span {
    background-color: #AFF6F8;
    height: 52px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 20px 0 50px;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-image: url("img/link.svg");
    background-repeat: no-repeat;
    background-position: left 20px center;
}

@media (max-width: 769px) {
    .single-posts .container .block .img span {
        width: 100%;
    }
}


@media (max-width: 769px) {
    .single-how .container {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*  */
.degrees {
    background-color: #780A31;
}

.degrees .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}

@media (max-width: 769px) {
    .degrees .container {
        display: flex;
        flex-direction: column-reverse;
    }
}

.degrees .container .block {
    color: #fff;
}

.degrees .container .block h1 {
    color: #fff;
}

.degrees .container .block p {
    color: #FFFFFFCC;
}

.degrees .container .block ul {
    color: #FFFFFFCC;
}

/*  */
.what {
    background-color: #004D5B;
}

.what .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.what .container>h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 35px;
}

.what .container .what-all {
    display: flex;
    flex-wrap: wrap;
}

.what .container .what-all .block {
    padding: 10px;
}

.what .container .what-all .block .box {
    height: 100%;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    color: #000;
    padding: 30px 20px 20px 50px;
    position: relative;
}

.what .container .what-all .block .box::after {
    content: "";
    background-color: #004D5B;
    width: 17px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("img/border.png");
    background-repeat: repeat-y;
    background-position: center left;
}

.what .container .what-all .block .box img {
    width: 56px;
    height: 56px;
    margin: 0 0 30px;
}

.what .container .what-all .block .box h2 {
    font-size: 20px;
    font-width: 400;
    margin: 0;
    width: 100%;
}

@media (max-width: 769px) {
    .what .container {
        display: flex;
        flex-direction: column;
    }

    .what .container>h2 {
        font-size: 24px;
        padding: 0 10px;
    }

    .what .container .what-all {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: calc(100% + 20px);

    }

    .what .container .what-all .block {
        max-width: 300px;
    }
}
/*  */
.cta{
    background-image: url("img/cta.png");
    background-size: cover;
    background-position: center;
}
.cta .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 636px !important;
    padding: 0 20px;
}
.cta .container h1{
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 20px;
}
@media (max-width: 769px) {
    .cta .container h1{
    font-size: 24px;
}
}

.cta .container p{
    color: #FFFFFFCC;
    font-size: 16px;
    font-weight: 400;
}
.cta .container a{
    background-color: #004D5B;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    position: relative;
    min-height: 64px;
    margin: 35px 3px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 50px 0 20px;
    width: 230px;
    justify-content: space-between;
}
.cta .container a:after{
    content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url(img/send.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #004D5B;
}
.cta .container a:hover{
    background-color: #FEF87E;
    color: #004D5B;
}
.cta .container a:hover:after{
    background-image: url(img/send-hover.svg) !important;
}

/*  */
.news{
    background-image: url("img/news.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 80%;
}
@media (max-width: 769px) {
.news{
    background-image: none !important;
}
}

/*  */
.latest-news{
    padding-left: 20px;
    padding-right: 20px;
}
.latest-news h1{
    margin: 0 0 30px;
    font-size: 48px; 
}
@media (max-width: 769px) {
    .latest-news h1{
    font-size: 24px;
}
}

.new{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.latest-post-item{
    max-width: 590px;
    padding: 0;
    border: 1px solid #004D5B33;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.latest-post-item .post-image{
    position: relative;
}
.latest-post-item .post-image .tag{
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #AFF6F8;
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 20px 0 70px;
    background-image: url(img/book.svg);
    background-position: left 25px center;
    background-repeat: no-repeat;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.latest-post-item .post-image img{
    width: 100%;
    height: 227px;
    object-fit: cover;
}
.latest-post-item .post-body{
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    color: #6E7576;
}
.latest-post-item .post-body h2{
    color: #0D191B;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 15px;
}
.latest-post-item .post-body h2 a{
    color: #0D191B;
    text-decoration: none;
    outline: none;
}
.latest-post-item .post-body h2 a:hover{
    color: #AD904F;
}
.latest-post-item .post-body p{
    margin: 0;
}
.latest-post-item .post-body > a{
    color: #AD904F;
    text-decoration: underline;
    outline: none;
    position: relative;
    margin: 15px 0 0;
}
.latest-post-item .post-body > a i{font-size: 14px;margin: 0 5px;}
.latest-post-item .post-body > a:hover{
    color: #000;
}
.foot-post{
    border-top: 1px solid #004D5B1A;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}
.foot-post a{
    color: #004D5B;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    padding: 5px 0;
    width: 100%;
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

}
.foot-post a:hover{
    color: #AD904F;
}
.foot-post i{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("img/send-hover.svg");
}


.latest-news{
.tabs-nav{
    display:flex;
    gap:10px;
    margin-bottom:40px;
}

.tab-btn{
    padding: 15px 15px;
    cursor:pointer;
}

.tab-btn.active{
    background: #ffff !important;
    color: #004d5b !important;
}

    #posts-container{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap: 20px;
    }

@media (max-width: 769px) {  
    #posts-container{
        gap: 5px;
        grid-template-columns:repeat(1,1fr);
    }
}

#posts-container .tag{
    background-color: #FEF87E !important;
}



.news-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.load-more-wrap{
    text-align:center;
    margin-top:50px;
}
}
/*  */
.news-tabs .naav{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}
.news-tabs .naav ul{
    margin: 0 0 30px;
    padding: 5px;
    background: #004D5B;
    list-style: none;
    border: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
/*  */
#load-more{
    background-color: #fff;
    border: 1px solid #004D5B33;
    color: #004D5B;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    position: relative;
    height: 64px;
    width: 170px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0  20px;
    justify-content: space-between;
    background-image: url("img/more-down.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    margin: auto;
}
#load-more:hover{
    background-color:#FEF87E ;
}



/* 
    font-family: "Reckless TRIAL";


    */
@media (max-width: 769px) {}

.owl-carousel {
    direction: ltr;
}