@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&display=swap');

body {
    background:#efefef;
    font-family: "Poppins", sans-serif;
}

a {
    transition: .2s ease-in all;
}

.slab {
    font-family: "Roboto Slab", serif;
}

img {
    width: 100%;
}

.head {
    padding: 30px 0 0;
    height: 100vh;
}

.head-page{
    height: 65vh !important;
}

.stat2{
    height: 65vh !important;
}

.stat2 .hero-content {
    padding: 0 !important;
}

.head-page .title-orange {
    display: inline-block;
    padding:10px 20px;
    border-radius: 6px;
    margin-bottom:20px;
    font-weight: 100;
    font-size:1.5rem;
    background: rgba(232, 115, 36, 0.71) !important;
}

.head-page .hero-content {
    padding:0 !important;
    padding-top:180px !important;
}

.head-page .hero-content {
    padding:0 !important;
    padding-top:180px !important;
}

.edu-page {
    position: relative;
}

.edu-page .hero-content {
    position: absolute;
    bottom:50px;
    width: 60%;
    margin:0 auto;
    text-align: center;
    left:20%;
}

.head-page .hero-content h1 {
    margin-top:15px;
}

.head-page .video-overlay {
    height: 65vh !important;
}

.head-page .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.7) 100%);
}

.head-page .hero-content p {
    font-weight: 200;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #fff;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover; /* Cover the entire section with the video */
    object-position: center center;
    z-index: -1; /* Ensure the video stays in the background */
}

.video-bottom {
    object-position: bottom !important;
    height: 70vh !important;
}


.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%);
}

.navigate-box {

    width: 100%;
    border-radius: 8px;
    margin-top:25px;
    padding:0 0;
    z-index: 5000;
    position: relative;
}

.hero-content {
    padding:45% 0;
    position: relative;
    z-index: 500;
}

.hero-content h1 {
    font-weight: 100;
    font-size: 1.8rem;
    color: #fff;
}


.text-right {
    text-align: right;
}

.bt-group {
    position: relative;
    display: inline-block;
}

.nav-wrap a {
    padding: 15px 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    font-size: .85rem;
    font-family: "Poppins", sans-serif;
    transition: .2s ease-in all;
}


.hero-content {
    padding: 35% 0;
    position: relative;
    z-index: 500;
}

.nav-wrap a:hover {
    color:#e87324;
}

.nav-wrap .sub-menu li:hover a {
    background: transparent;
    color: #fff;
}

.naw-wrap. .sub-menu li:last-child a {
    border-radius: 10px !important;
}

.naw-wrap. .sub-menu li:last-child:hover a {
    border-radius: 10px !important;
}

.nav-wrap a i {
    padding-left: 4px !important;
}


.nav-wrap ul {
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.89);
    border-radius: 10px !important;
    width: 240px !important;
    display: none;
    margin-left: -15px;
}

.nav-wrap .sub-menu li {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}

.nav-wrap .sub-menu li a {
    padding: 8px 27px !important;
    width: 100%;
    color: #232121;
}

.nav-wrap .sub-menu li a:hover {
    color:#e87324;
}

.apply-session:hover {
    background: #cc9c00;
}

.main-logo {
    padding-left:15px;
    width: 90%;
}

.content-wrapper {
    padding:5px 20px;
}

.content-wrapper p {
    color:#666;
    padding:10px;
    font-size:1.4rem;
    font-weight: 300;
}

.content-wrapper strong {
    color:#111;
}


.value-box {
    padding:15px 25px 15px;
    border:1px solid #efefef;
    background:#efefef;
    border-radius: 8px;
    display: block;
    height: 210px;
    position: relative;
}

.value-box p {
    font-weight: 300;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 1.6rem;
    font-size: 1rem;
    margin-top:25px;
}

.value-box .icon {
    padding: 7px 15px;
    color: #e87324;
    font-size: 1.4rem;
    width: 100px;
    display: block;
    z-index: 50;
    left: 50%;
    margin-left: -50px;
    border-radius: 7px;
}

.apply-session i {
    padding-left: 6px;
}

.hero-content a {
    padding: 10px 25px;
    color:#fff;
    background: rgb(232, 115, 36);
    text-align: center;
    margin-top:20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 300;
    border-radius: 20px;
    font-size: .9rem;
}

.hero-content a i {
    padding-left:7px;
}

.hero-content a:hover {
    background:#cc9c00;
}

.section-main {
    padding:80px 0;
    background:#ffffff;
}

.section-page {
    padding:0;
    background:#ffffff;
}

.section-education {
    padding:50px 0 50px !important;
    background:#ffffff;
}

.page-content p {
    color: #222;
    font-size: 1.2rem;
    font-weight: 100;
}

.page-content {
    padding:0px 50px;
}

.earling-list {
    padding:0px 50px;
}

.earling-list li {
    color: #444;
    font-size: 1.2rem;
    font-weight: 100;
}

.earling-list li::marker {
    color:#e87324;
}



.page-content .h2 {
    font-size: 1.5rem;
    color: #444;
}

.earning-title {
    font-size:1.7rem;
    font-weight: 100;
    width: 100%;
    padding:10px 15px;
    background:#efefef;
    border-radius: 7px;
    color:#222;
    text-align: center;
}


.section-edu {
    padding:80px 0;
    position: relative;
    background-image: url("../images/bg-consensus.png");
    background-size: cover;
    background-position: center center;
}

.section-values {
    padding:90px 0;
    background-color: #000;
    position: relative;
    background-image: url("../images/values-bg.jpg");
    background-size: cover;
    background-position: center center;
}

.image-wrapper {
    padding:12px;
    border-radius: 35px;
    background: #fff;
}

.image-box img {
    width: 100%;
    border-radius: 25px;
    background:#fff;
    height: 400px;
    object-fit: cover;
    object-position: center center;
}


.education-box {
    font-weight: 300;
    padding:15px 20px;
}

.education-box span.title {
    padding:7px 15px;
    border-radius: 7px;
    margin-bottom:15px;
    font-weight: 500;
    font-size:.8rem;
    letter-spacing: .5px;
    display: inline-block;
    background: #d3d3d3;
    color: #201f1f;
}

.education-box h2 {
    font-weight: 300 !important;
    margin-bottom:15px;
}

.education-box p {
    line-height: 1.7rem;
}


.btn-wrap a {
    padding: 10px 25px;
    color:#fff;
    background: rgb(232, 115, 36);
    text-align: center;
    display: inline-block;
    border: 7px;
    margin-top:10px;
    text-decoration: none;
    font-weight: 400;
    border-radius: 20px;
    font-size: .9rem;
}

.btn-wrap a i {
    padding-left:7px;
}

.btn-wrap a:hover {
    background:#cc9c00;
}

.value-container img {
    height: 100px;
    object-fit: cover;
    object-position: center;
    width: auto;
    margin:0 auto;
    position: relative;
    display: block;
}

.value-container .value-title {
    color:#fff;
    padding:15px 0 0;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
    font-size:2.2rem;
    font-weight: 200;
}

.value-container p {
    text-align: center;
    padding:0 75px;
    color:#fff;
    font-size:1.2rem;
    font-weight: 100;
}

.commented-by span {
    display: block;
}

.title-orange {
    background:#e87324 !important;
    color:#fff !important;
}

.footer {
    background:#222222;
    color:#fff;
    padding:70px 0;
}

.footer img {
    width: 90%;
}

.footer-title {
    font-weight: 500;
    font-size:.9rem;
}

.footer-title i {
    padding-right: 5px;
}

.footer input {
    background: #535252;
    border: none;
    margin-top:15px;
    font-weight: 300;
}

.darky {
    color:#999;
    margin-bottom:15px;
}

.footer-links a {
    color:#fff;
    font-weight: 100;
    display: block;
    font-size:.9rem;
    letter-spacing: 1px;
    text-decoration: none;
    line-height: 1rem !important;
    padding-bottom:9px;
}

.footer-links a:hover {
    color:#e87324;
}

.word-box {
    margin-bottom:30px;
}

.word-box a {
    display: block;
}

.word-box a img {
    border-radius: 15px;
    transition: .2s ease-in all;
    box-shadow: 0px 0px 15px rgba(206, 189, 179, 0.32);
    border:1px solid #fff;
    filter: grayscale(1);
    padding:15px;
}

.word-box a:hover img {
    box-shadow: 0px 0px 35px rgba(206, 189, 179, 0.72);
    border:1px solid #ffa466;
    padding:10px;
    filter: grayscale(0);
}

.swiper-pagination-bullet-active {
    background: #e87324 !important;
}

.word-list {
    padding:15px;
}

.word-info-box {
    padding-bottom:20px;
}

.word-info-box h3 {
    font-size:1.5rem;
    color:#444;
}

.word-info-box span {
    color:#e87324;
    font-weight: 500;
}


.big-word {
    padding:15px;
}

.big-word img {
    border-radius: 25px;
    box-shadow: 0px 0px 15px rgba(206, 189, 179, 0.32);
}

.word-info-box p {
    color:#444;
    font-size:1.2rem;
    font-weight: 100;
}

.icon {
    width: 60%;
    margin: 0 auto;
    position: relative;
    display: block;
}

.testimonial {
    border-left:1px solid #e87324;
    border-top:1px solid #e87324;
    position: relative;
    padding:25px 60px;
    max-width: 95%;
}

.apox {
    width: 60px;
    height: 80px;
    background: #fff;
    color:#e87324;
    position: absolute;
    top: -25px;
    left: -5px;
    display: block;
    font-size:3rem;
}

.section-education .education-box p {
    line-height: 2.1rem;
    font-size: 1.6rem;
    padding-top:15px;
}

.section-education .apox {
    width: 60px;
}

.section-education .commented-by {
    font-size:1.3rem;
    color:#e87324;
}

.percent-boxes  {
    padding:50px;
    text-align: center;
}

.percent-boxes ul {
    padding-left:0px;
}

.percent-boxes ul li {
    color:#444;
    font-size:1.2rem;
    font-weight: 100;
    list-style: none;
}

.percent-boxes img {
    width: 100%;
}

.lined {
    border-left: 1px solid #e87324;
    height: 550px;
}

.big-title {
    color:#444;
    font-weight: 100;
    list-style: none;
    width: 100%;
    text-align: left;
    padding:20px 0;
    font-size:3rem;
}

.education-box {

}

.education-box img {
    border-radius: 25px;
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.5);
}

.education-box a {
    text-decoration: none;
}

.education-box h2 {
    color:#888;
    font-size:1.2rem;
    font-weight: 100;
    list-style: none;
    text-decoration: none;
    text-align: center;
    padding:13px 15px;
}

.education-box a img {
    border-radius: 25px;
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.5);
    transition: .2s ease-in all;
}

.education-box a:hover img {
    border-radius: 25px;
    box-shadow: 0px 0px 30px rgba(255, 85, 27, 0.5);
}

.education-box a {
    display: block;
}

.education-box a h2 {
    transition: .2s ease-in all;
}

.education-box a:hover h2 {
    color:#e87324;
}

.model-img {
    width: 100%;
    padding:0 90px;
}

.orange-bg {
    background:#efefef;
    padding:50px 0;
}

.model-text .earling-list li {
    font-size:1.5rem;
}


.model-img img {
    width: 100%;
    border-radius: 15px;
}

.model-img-wide img {
    height: 420px;
    object-fit: cover;
    object-position: center center !important;
    border-radius: 15px;
}

.model-text .big-title {
    padding:10px 50px;
    font-size:2rem !important;
    font-weight: 500;
}

.models .big-title {
    font-size:2.5rem !important;
}

.page-content a {
    padding: 10px 25px;
    color: #fff;
    background: rgb(232, 115, 36);
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 300;
    border-radius: 20px;
    font-size: .9rem;
}

.page-content a:hover {
    background:#201f1f;
}

.page-content a i {
    padding-right:5px;
}

.mySwiper {
    padding:20px;
}

.swiper-slide {
    padding:20px 70px;
}

.swiper-button-next, .swiper-button-prev {
    color: #e87324 !important;
}

.center-model {
    text-align: center !important;
    padding:20px 50px 50px;
}

.project-models .row {
    margin-bottom:50px;
}

.project-models .model-img img {
    border-radius: 100% !important;
    border:5px solid #e87324;
}

.project-models h4 {
    font-weight: 300;
    padding-left:25px;
    border-left:2px solid #e87324;
    margin-bottom:15px;
}

.project-models .page-content {
    padding-right: 0px !important;
}

.regular-btn {
    width: fit-content !important;
    display: block !important;
    margin:0 auto !important;
}

.shared {
    font-size:.95rem !important;
    color:#e87324;
    line-height: 1.3rem !important;
}

.swiper-testimonial .swiper-slide {
    background:#fff !important;
}

.page-content figure img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center center;
}

.page-content figure a {
    pointer-events: none !important;
    background: transparent !important;
    background: none !important;
    padding: 0px !important;
    width: 60%;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
}

.page-content figure img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center center;
}

.attachment__caption {
    color:#222 !important;
}

.attachment__name {
    display: none !important;
}

.attachment__size {
    display: none !important;
}

.page-editor p a {
    background: none !important;
    padding:0 !important;
    text-decoration: underline !important;
    color:#e87324 !important;
    font-weight: 500 !important;
    margin-top:0px !important;
    font-size: 1.2rem !important;
}

.ref-list img {
    padding:30px;
    filter:grayscale(1);
    transition: .2s ease-in all;
}

.ref-text {
    text-align: center;
    width: 100%;
    padding:25px 15px;
}

.ref-list img:hover {
    filter: grayscale(0);
}

.swiper-testimonial .swiper-slide {
    background: #fff !important;
    height: 400px;
}

.earning .earning-title {
    margin-top:8px !important;
}

.contact-form .form-control {
    margin-bottom:15px;
    padding:10px 20px;
    font-size:.9rem !important;
    border:1px solid #ddd;
}

.contact-form p {
    text-align: center;
    width: 70%;
    margin:0 auto;
    position: relative;
    display: block;
    padding-bottom:25px;
}
.contact-form {
    text-align: center;
    padding:20px 50px;
}

.contact-form button {
    padding: 10px 25px;
    color: #fff;
    background: rgb(232, 115, 36);
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 300;
    border-radius: 20px;
    font-size: .9rem;
    border:none !important;
}

button i {
    padding-right:5px;
}

.image-box-about {
    width: 100%;
    padding:15px;
    display: block;
    position: relative;
    min-height: 100px;
}

.team-member {
    margin-bottom:25px;
    background: transparent !important;
}

.team-member img {
    filter: grayscale(1);
    transition: .2s ease-in all;
}

.team-member:hover img {
    filter:grayscale(0);
}

.team-member span {
    text-align: center;
    color:#222;
    padding:12px;
    font-size:1.1rem;
    display: block;
}

.about-list li {
    font-size:1.2rem;
}

.share-text {
    padding-bottom:7px !important;
    color:#777 !important;
}

.img-bg-65 {
    height: 65vh !important;
}

.model-edu .education-box img {
    height: 300px !important;
    object-fit: cover;
    object-position: center center;
}

.share-linkedin {
    padding: 10px 25px;
    color: #fff;
    background: rgb(232, 115, 36);
    text-align: center;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 300;
    border-radius: 20px;
    font-size: .9rem;
    border:none !important;
}

.share-linkedin:hover {
    background:#000;
}

.share-linkedin i {
    padding-right: 7px;
}

.share button {
    margin-right: 10px;
}

.team-member {
    position: relative;
    display: block;
}

.team-member .ln-ico {
    position: absolute;
    top:10px;
    left:35px;
    background: #e87324;
    color:#fff;
    padding:5px;
    z-index: 99000;
}

.team-member .ln-ico i {
    padding-left: 6px;
}

.team a {
    padding:10px !important;
}

.lead-member a {
    padding:10px 55px !important;
}

.footer-links a i {
    padding-right: 7px !important;
}


.just-mb {
    display: none !important;
}

.just-ds {
    display: block;
}

.thanks-text {
    padding:20px 100px 50px;
    margin:0 auto;
    position: relative;
    display: block;
    width: 80%;
    text-align: center;
}

.stat2 .title-orange {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-weight: 100;
    font-size: 1.5rem;
    background: rgba(232, 115, 36, 0.71) !important;
    max-width: 90%;
}

.menu-icon {
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

.menu-icon i {
    font-size:1.2rem !important;
    position: relative !important;
    left:0 !important;
    top:3px !important;
}

.thanks-ico {
    color:#e87324;
    text-align: center;
    font-size:4rem;
    padding:0 15px;
}