:root {
  --primary-color: #DE6B3B;
  --primary-hover: #C6563B;
  --secondary-color: #F2943C;
  --background-light: #FFF8EC;
  --text-light: #FFFFFF;
  --text-dark: #1E1E1E;
  --neutral-gray: #F9F9F9;

  --accent-peach1: #FFA38E;
  --accent-peach2: #FFB38B;
}

/* import fonts here */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
/* import fonts here */



/* basic css start here */

body {
    font-family: "Nunito Sans", sans-serif;
    font-family: "Lato", sans-serif;
    overflow-x: hidden;
}

.container {
    max-width: 1630px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: var(--transition);
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Nunito Sans", sans-serif;
    font-family: "Raleway", sans-serif;
}

/* basic css end here */



/* header area css start here */

.full-canva {
    display: none;
}

#header.sticky {
    padding: 0px 0;
    box-shadow: 0 0 10px #ddd;
}

#header {
    position: sticky;
    top: 0;
    transition: .3s;
    z-index: 9999999;
    background: #fff;
    padding: 5px 0;
}

.header__area {
    padding: 37px 0;
}

.header__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__logo img {
    width: 100%;
}

.full-canva .nice-select {
    border: none;
}

.header__right {
    display: flex;
    align-items: center;
}

.header__nav ul li {
    display: inline-block;
}

.header__nav ul li {
    display: inline-block;
    margin-right: 30px;
}

.header__nav ul li a {
    font-size: 24px;
    color: #000;
    position: relative;
    padding: 16px 0;
    transition: .3s;
    font-family: "Nunito Sans", sans-serif;
}

.header__nav ul li a:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    height: 6px;
    margin: auto;
    width: 0;
    background: #DE6B3B;
    border-radius: 50px;
    transition: .3s;
}

.header__nav ul li a:hover {
    color: #DE6B3B;
}

.header__nav ul li a:hover::after {
    width: 20px;
}

.header__nav ul li a.active {
    font-weight: 700;
    color: #DE6B3B;
    position: relative;
}

.header__nav ul li a.active::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    height: 6px;
    margin: auto;
    width: 20px;
    background: #DE6B3B;
    border-radius: 50px;
    transition: var(--transition);
}

.header__select__menu {
    display: flex;
    align-items: center;
}

.header__select__menu select {
    background: transparent;
    border: none;
    font-size: 24px;
}

.header__select__menu .nice-select .option {
    font-size: 19px !important;
    padding: 5px 16px !important;
}

.header__select__menu .nice-select {
    font-size: 24px !important;
    margin-left: 5px;
    padding: 0;
    padding-right: 20px;
    border: none;
}

.header-que {
    margin: 0 20px;
}

.nice-select::after {
    border-bottom: 2px solid #000 !important;
    border-right: 2px solid #000 !important;
    height: 10px !important;
    width: 10px !important;
    right: 5px;
}

.btn.btn-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5) !important;
}

.btn-close.text-reset {
    padding-top: 20px;
}

.btn-close.text-reset:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5) !important;
}

.header__reg__btn .btn__header:nth-child(1) {
    background: #DE6B3B;
    color: #fff;
    margin-right: 10px;
}

.header__reg__btn .btn__header:nth-child(1):hover {
    background: transparent;
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.header__reg__btn .btn__header:nth-child(2) {
    background: var(--extra-color);
    color: #1E1E1E;
}

.header__reg__btn .btn__header:nth-child(2):hover {
    background: transparent;
    border-color: #1E1E1E;
}

.btn__header {
    width: 240px;
    height: 75px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 600;
    border-radius: 70px;
    border: 3px solid #DE6B3B;
    transition: .3s !important;
    box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.21);
    font-family: "Montserrat", sans-serif;
}

.header__df_btn a {
    width: 200px;
    height: 50px;
    background: #FFFF00;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 91.5%;
    color: #1E1E1E;
    transition: .3s;
    border: 2px solid #FFFF00;
    border-top-color: rgb(255, 255, 0);
    border-right-color: rgb(255, 255, 0);
    border-bottom-color: rgb(255, 255, 0);
    border-left-color: rgb(255, 255, 0);
}

.header__df_btn a svg {
    max-width: 15px;
    margin-left: 10px;
}

.header__df_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: none;
    transition: .3s;
}

.scroll-header .header__df_btn {
    display: block;
}


/* header area css end here */



/* hero area css start here */

.btn-pri {
    width: 308px !important;
}

.btn-sec {
    width: 308px !important;
}

.hero-content {
    padding: 90px 0;
}

.wrapper-img {
    position: relative;
}

.wrapper-worker {
    position: absolute;
    left: -260px;
    top: 280px;
    bottom: 0;
}

.hero-text h3 {
    font-size: 48px;
    font-style: italic;
    font-weight: 700;
    color: #DE6B3B;
}

.hero-text h1 {
    color: var(--primary-color);
    font-size: 100px;
    font-weight: 800;
    margin-bottom: 25px;
}

.hero-ph li {
    font-size: 28px;
    margin-bottom: 24px;
}

.hero-ph {
    width: 80%;
}

.custom-btn a {
    font-size: 32px;
    color: #fff;
    width: 480px;
    height: 75px;
    display: inline-flex;
    justify-content: center;
    background: #DE6B3B;
    align-items: center;
    border-radius: 50px;
    margin-right: 15px;
    font-weight: 600;
    border: 3px solid transparent;
    transition: .3s !important;
    box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.21);
}

.btn-sec {
    border-color: #DE6B3B !important;
    background: #fff !important;
    color: #000 !important;
}

.job-bn-detail .custom-btn a:last-child {
    background: #fff;
    color: #000;
}

.custom-btn {
    margin-top: 99px;
    text-align: start;
}

/* hero area css end here */



/* brand area css start here */

.brand-area {
    background: #F6F6F6;
    padding: 100px 0;
    position: relative;
}

.single-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 65px;
}

.brands-content img {
    width: 100%;
}

.area-intro h1 {
    font-size: 64px;
    font-weight: 800;
    color: #292929;
}

.area-intro h3 {
    font-size: 42px;
    font-style: italic;
    color: #F2943C;
    font-weight: 700;
}

/* brand area css end here */



/* job info css start here */

.job-info {
    padding: 70px 0;
    padding-bottom: 100px;
}

.job-info h1 {
    font-size: 65px;
    font-weight: 800;
    color: #DE6B3B;
}

.job-info p {
    font-size: 28px;
    margin-top: 20px;
}

/* job info css end here */




/* job banner area css start here */

.job-banner {
    background-image: url(../img/job-banner/bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}

.job-bn-detail .custom-btn {
    margin-top: 40px;
    text-align: start;
}

.job-bn-detail .custom-btn a {
    width: 395px;
}

.job-bn-detail .custom-btn a:hover {
    border-color: var(--extra-color);
    color: var(--extra-color);
}

.job-bn-detail a i {
    margin-left: 20px;
    font-size: 25px;
}

.job-bn-detail h3 {
    color: #fff;
    font-style: italic;
    font-weight: 500;
    position: relative;
    padding-left: 80px;
    font-size: 36px;
}

.job-bn-detail h3::before {
    position: absolute;
    content: '';
    left: 0;
    top: 44%;
    width: 70px;
    height: 5px;
    background-color: #fff;
}

.job-bn-detail h1 {
    font-size: 57px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.job-bn-detail p {
    font-size: 36px;
    color: #fff;
    margin-top: 20px;
}

.job-worker-img {
    position: absolute;
    top: -135px;
}

/* job banner area css end here */



/* catagroy area css start here */


.catagory-text h5 {
    font-size: 28px;
    color: #fff;
    transition: .3s;
}

.catagory-text:hover h2 {
    color: #DE6B3B;
}

.catagory-active .owl-dots {
    display: none;
}

.catagory-text.cat-two {
    background: #F2943C;
}

.catagory-text.cat-two:hover h2 svg path {
    fill: #FFFF00;
}

.catagory-text.cat-two:hover h2 {
    color: #FFFF00;
}

.catagory-text.cat-two h5 {
    color: #fff;
}

.catagory-text.cat-two h2 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catagory-text.cat-three {
    background: #DE6B3B;
}

.catagory-text.cat-three h2 {
    color: #fff;
}

.catagory-text.cat-three h5 {
    color: #fff;
}

.catagory-text.cat-three:hover h2 {
    color: #FFFF00;
}

.catagory-text.cat-three:hover h2 svg path {
    fill: #FFFF00;
}

.catagory-text svg path {
    transition: .3s;
    fill: #fff;
}

.catagory-area {
    padding: 100px 0;
}

.catagory-content img {
    width: 100% !important;
}

.catagory-text h2 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catagory-text h2:hover svg path {
    fill: #DE6B3B;
}

.catagory-text svg {
    margin-left: 82px;
    transition: .3s
}

.catagory-text {
    padding: 34px 40px;
    background: #FFB38B;
    margin: 0 40px;
    border-radius: 10px;
    margin-top: -105px;
    position: relative;
    z-index: 9999;
    transition: .3s;
    border-color: 2px solid transparent;
}

.cat-intro h1 {
    font-size: 64px;
    font-weight: bold;
    color: var(--primary-color);
    text-align: center;
    position: relative;
    margin-bottom: 64px;
    padding-top: 32px;
}

.cat-intro h1:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    width: 139px;
    background: #F2943C;
    margin: auto;
}

.cat-content {
    position: relative;
}

.cat-img img {
    width: 100%;
}

.cat-info {
    padding: 0 40px;
}

.cat-text {
    max-width: 420px;
    margin: auto;
    border-radius: 10px;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: -47px;
    left: 0;
    right: 0;
}

.cat-text.cat-one {
    background: var(--extra-color);
}

.cat-text.cat-two {
    background: var(--secondary-color);
    color: #fff;
}

.cat-text.cat-two a {
    color: #fff;
}

.cat-text.cat-three {
    background: var(--primary-color);
}

.cat-text h5 {
    font-size: 28px;
    color: #000;
}

.cat-txt-icon a {
    justify-content: space-between;
    font-size: 40px;
    font-weight: bold;
    color: #000;
    align-items: center;
    margin-left: 7px;
}

/* catagory area css end here */



/* service area css start here */

.service-area {
    padding: 75px 0;
}

.serv-grp-img a img {
    box-shadow: none;
}

.ser-text h3 {
    font-style: italic;
    font-weight: bold;
    color: #F2943C;
    font-size: 45px;
    position: relative;
    padding-left: 76px;
}

.ser-img img {
    width: 100%;
    box-shadow: -18px -18px #DE6B3B;
    border-radius: 20px;
}

.ser-text h3:after {
    position: absolute;
    content: '';
    left: 0;
    top: 44%;
    height: 5px;
    width: 70px;
    background: #F2943C;
}

.ser-text h1 {
    font-size: 65px;
    font-weight: bold;
    color: #292929;
}

.ser-listing {
    margin-top: 64px;
}

.ser-listing ul li {
    margin-bottom: 36px;
    font-size: 24px;
    display: flex;
    line-height: 25px;
}

.ser-listing svg {
    margin-right: 8px;
    width: 58px;
}

.service-content .custom-btn a {
    width: 612px;
    background: #F2943C;
    color: #fff;
}

.service-content .custom-btn a:hover {
    background: transparent;
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.service-content .custom-btn a i {
    margin-left: 20px;
}

.list-icon i {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F2943C;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    margin-right: 10px;
}

.ser-img a img {
    width: 106px;
}

.ser-img a {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50px, -50px);
}

.ser-img a img {
    box-shadow: none;
}

/* service area css end here */



/* decision area css start here */

.deci-content.active .deci-btn button:nth-child(2) {
    margin-top: 30px;
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    transition: 0.3s;
}

.deci-content {
    margin-top: 76px;
    background: #F2943C;
}

.deci-content.active {
    background: #DE6B3B;
    color: #DE6B3B;
}

.deci-content.active ul li {
    color: #fff;
}

.deci-content.active ul li i {
    background: #fff;
    color: #DE6B3B;
}

.deci-content.active h4 {
    color: #fff;
}

.decision-area {
    padding-bottom: 94px;
    padding-top: 50px;
}

.deci-content {
    margin-top: 76px;
    border-radius: 20px;
}

.deci-text {
    padding: 38px 50px;
    transition: var(--transition);
}

.deci-img img {
    width: 100%;
}

.deci-text h4 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

.deci-list {
    margin-top: 20px;
}

.deci-list li {
    font-size: 24px;
    color: #fff;
    margin-bottom: 28px;
    font-weight: 600;
    transition: var(--transition);
}

.deci-btn button {
    width: 100%;
}

.deci-list li i {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background: #fff;
    color: #F2943C;
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    transition: var(--transition);
}

.deci-btn button {
    width: 100%;
    height: 80px;
    border-radius: 10px;
    font-size: 32px;
    font-weight: 600;
    transition: .3s;
}

.deci-btn button:nth-child(1) {
    background: #fff;
    border: 3px solid transparent;
    border-radius: 100px;
}


.deci-btn button:nth-child(2) {
    background: transparent;
    border: 3px solid #fff;
    margin-top: 30px;
    transition: 0.3s;
    color: #fff;
    border-radius: 100px;
}

.deci-btn button:hover:nth-child(2) {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.deci-middle h1 {
    font-size: 48px;
    font-weight: bold;
    font-style: italic;
    color: #1E1E1E;
}

/* decision area css end here */



/* step area start here */

.step-area {
    position: relative;
    padding-bottom: 70px;
}

.step-area .area-intro h1 {
    text-transform: uppercase;
    text-align: center;
}

.step-content {
    margin-top: 70px;
}

.step-detail {
    text-align: center;
}


.step-content .custom-btn {
    text-align: center;
}

.step-text h2 {
    font-size: 35px;
    font-weight: 700;
    color: #DE6B3B;
    padding: 20px 0;
}

.step-text p {
    font-size: 24px;
    color: #727272;
}

.step-bar {
    position: absolute;
    width: 100%;
    height: 28.86px;
    background: #F9F9F9;
    top: 393px;
    z-index: -1;
}

.step-text.green h2 {
    color: #F2943C;
}

.step-text img {
    margin-top: 50px;
}

.step-img {
    height: 273px;
    width: 273px;
    border: 16px solid #F9F9F9;
    margin: auto;
    line-height: 240px;
    border-radius: 100%;
    box-shadow: -9px 6px 18px #6262628a;
    overflow: hidden;
    background: #fff;
}

/* step area end here */



/* testimonial area start here */

.testimonial-area {
    padding-top: 30px;
    padding-bottom: 100px;
}

.test-intro {
    margin-bottom: 37px;
}

.test-intro h3 {
    font-size: 48px;
    color: #1E1E1E;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    position: relative;
    padding-top: 20px;
}

.single-test {
    border-radius: 50px;
    padding: 60px;
}

.test-middle {
    display: flex;
    justify-content: center;
}

.test-active {
    position: relative;
}

.test-intro h3::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100px;
    height: 10px;
    margin: auto;
    background: #F2943C;
    top: 0;
}

.test-intro h1 {
    font-size: 64px;
    font-weight: bold;
    color: #F2943C;
}

.test-content {
    text-align: center;
}

.test-box h1 {
    font-size: 36px;
    color: #F2943C;
    font-weight: 700;
    line-height: 50px;
}

.test-box span {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 21px;
    display: block;
}

.test-box p {
    font-size: 36px;
    color: #727272;
    font-style: italic;
    margin-top: 20px;
}

.test-box {
    padding: 40px 90px;
    margin-top: -50px;
    box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.21);
    border-radius: 50px;
}

.test-user-img a {
    border: 10px solid #fff;
    display: inline-block;
    box-shadow: 5px -15px 43px rgba(0, 0, 0, 0.21);
    border-radius: 50%;
}

.test-active .owl-nav {
    display: block !important;
}

.test-active .owl-nav button i {
    height: 52px;
    width: 52px;
    border-radius: 50%;
    background: #30B786;
    color: #fff;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.test-active .owl-prev i {
    background: #979797 !important;
}

.test-active .owl-nav .owl-prev {
    position: absolute;
    top: 56%;
    left: 32px;
}

.test-active .owl-nav .owl-next {
    position: absolute;
    top: 56%;
    right: 32px;
}

.test-active .owl-dot span {
    width: 33px;
    height: 9px;
    background: #F2943C;
    opacity: 40%;
    display: block;
    border-radius: 30px;
    margin: 5px;
}

.test-active .owl-dot.active span {
    opacity: 100%;
}

/* testimonial area end here */



/* feedback area start here */

.feedback-area {
    background-image: url(../img/feedback/feedback-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.over-lay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.feed-text h4 {
    font-size: 48px;
    color: #1E1E1E;
    font-weight: 600;
    font-style: italic;
    position: relative;
    display: inline-block;
}

.feed-text h4:after {
    position: absolute;
    content: '';
    width: 110px;
    height: 3px;
    background: #302621;
    top: 34px;
    right: -130px;
}

.feed-text h1 {
    font-size: 64px;
    color: #1E1E1E;
    font-weight: 800;
    line-height: 61px;
}

.feed-text p {
    font-size: 24px;
    color: #1E1E1E;
    font-weight: 400;
}

.feedback-content {
    padding: 245px 0;
    width: 50%;
}

/* feedback area end here */



/* feature area css start here */

.feature-area {
    padding: 100px 0;
}

.feat-content {
    border: 5px solid var(--secondary-color);
    margin-top: 79px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border-radius: 20px;
}

.feat-content:hover {
    border-color: var(--primary-color);
}

.feat-content:hover a {
    border-color: var(--primary-color);
}

.feat-listing {
    text-align: left;
    padding: 0 50px;
}

.feat-text h1 {
    font-size: 35px;
    font-weight: bold;
    padding: 55px 44px 41px 47px;
    background: #F2943C;
    color: #fff;
    border-radius: 16px;
}

.feat-content.one h4 {
    color: #F2943C;
}

.feat-text h4 {
    font-size: 28px;
    color: var(--secondary-color);
    font-style: italic;
    font-weight: 600;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feat-text p {
    font-size: 24px;
    height: 215px;
    padding: 0 40px;
    color: #6C6C6C;
}

.feat-listing ul li {
    font-size: 24px;
    margin-bottom: 24px;
    color: #6C6C6C;
}

.feat-listing ul li i {
    color: #FFB38B;
    margin-right: 15px;
}

.feat-text a {
    font-size: 32px;
    font-weight: 600;
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
    border: 3px solid var(--secondary-color);
    border-radius: 60px;
    margin-top: 54px;
    background: #F2943C;
    color: #fff;
    margin: 40px;
}

.long-btn-bottom a {
    display: flex;
    justify-content: center;
    font-size: 32px;
    font-weight: 600;
    color: #000;
    height: 80px;
    align-items: center;
    margin-top: 50px !important;
    border: 3px solid #000;
    border-radius: 50px;
    width: 480px;
    margin: auto;
}

.feat-content.two a {
    background: #FFB38B;
}

.feat-content.three a {
    background: #DE6B3B;
}

.long-btn-bottom a i {
    margin-left: 20px;
}

.feat-content.one {
    border: 3px solid #F2943C;
}

.feat-content.two {
    border: 3px solid #FFB38B;
}

.feat-content.three {
    border: 3px solid #FFB38B;
}

.feat-content.two h1 {
    background: #FFB38B;
}

.feat-content.three {
    border: 3px solid #DE6B3B;
}

.feat-content.three h1 {
    background: #DE6B3B;
}

.feat-content.two h4 {
    color: #FFB38B;
}

.feat-content.three h4 {
    color: #DE6B3B;
}

/* feature area css end here */



/* faq area css start here */

.faq-area {
    padding: 100px 0;
    background: #FFF8EC;
}

.faq-area .area-intro h3 {
    color: #000;
}

.faq-area .area-intro h1 {
    color: #1E1E1E;
}

.faq-accordion {
    margin-top: 45px;
}

.accordion-item {
    border: none;
    margin-bottom: 20px;
}

.faq-area .accordion-item button {
    height: 100px;
    font-weight: bold;
    background: #FFF8EC;
    border-bottom: 3px solid #000;
}

.faq-area .accordion-button:not(.collapsed) {
    color: #FFB38B !important;
}

.faq-area .accordion-body {
    background: #FFF8EC;
    font-size: 20px;
}

.faq-area .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

/* faq area css end here */



/* footer area start here */

.footer {
    padding-top: 100px;
    background: #000E1C;
}

.footer-bottom {
    border-top: 1px solid #FFFFFF;
    padding-top: 38px;
    padding-bottom: 46px;
}

.footer-bottom h5 {
    font-weight: 300;
    font-size: 24px;
    line-height: 186.5%;
    color: #FFFFFF;
    margin-bottom: 1px;
}

.footer-bottom p {
    font-weight: 400;
    font-size: 20px;
    line-height: 160.5%;
    color: #FFFFFF;
}

.footer-top {
    padding-bottom: 45px;
}

.footer-item {
    margin-bottom: 30px;
}

.footer-item h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    margin-bottom: 16px;
    transition: .3s;
}

.footer-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 6px;
}

.footer-item ul li a {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    color: #FFFFFF;
    display: block;
    margin-bottom: 16px;
    transition: .3s;
}

.footer-item ul li a:hover {
    color: #DE6B3B;
}

.footer-top .col-lg-3 {
    width: auto;
}

.footer-top .row {
    justify-content: space-between;
}

.footer-social {
    display: flex;
    margin-bottom: 20px;
}

.footer-social img {
    width: 50px;
}

.footer-social a {
    max-width: 51px;
    margin-right: 17px;
}

.lang_with_quesrion {
    display: none;
    align-items: center;
}

.lang_with_quesrion .puestion-mark {
    margin-left: 30px;
}

/* footer area end here */




.full-canva .btn-primary {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    font-size: 30px;
}

.dropdown.mt-3 ul li a {
    font-size: 20px;
    padding: 20px 0;
    display: block;
    border-bottom: 1px solid #000;
    color: #000;
    transition: .3s;
}

.dropdown.mt-3 ul li a:hover {
    padding-left: 30px;
}

.dropdown.mt-3 {
    margin-bottom: 50px;
}



/* reg-area-start */

.reg__box {
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 50px 80px;
}

.reg__title {
    text-align: center;
}

.reg__title h3 {
    font-weight: 700;
    font-size: 60px;
    line-height: 75px;
    text-transform: uppercase;
    color: #DE6B3B;
    margin-bottom: 10px;
}

.reg__title p {
    font-weight: 600;
    font-size: 24px;
    line-height: 47px;
    color: #1E1E1E;
    /*! font-family: 'DM Sans'; */
    margin-bottom: 20px;
}

.reg__title {
    margin-bottom: 10px;
}

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

.single__reg {
    width: 50%;
    padding: 0 30px;
    position: relative;
    /*! border-right: 1px solid #ABABAB; */
    text-align: center;
}

.single__reg:before {
    position: absolute;
    content: "";
    background: #ABABAB;
    height: 85%;
    bottom: 0;
    right: 0;
    width: 2px;
}

.single__reg:last-child:before {
    display: none;
}

.reg__img {
    margin-bottom: 55px;
}

.reg__text h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #F2943C;
    margin-bottom: 10px;
}

.reg__box img {
    width: 100%;
}

.reg__text p {
    /*! font-family: 'DM Sans'; */
    font-style: italic;
    font-weight: 400;
    font-size: 23px;
    line-height: 36px;
    text-align: center;
    color: #000000;
}

.reg__last-text {
    padding-top: 60px;
}

.reg__last-text p {
    font-weight: 400;
    font-size: 28px;
    line-height: 42px;
    color: #000000;
}

.reg__last-text p a {
    font-style: italic;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    text-decoration-line: underline;
    color: #DE6B3B;
}


/* reg-area-end */




/* hum-area-start */

.hum {
    background: #F9F8F8;
    padding-top: 60px;
}

.reg {
    background: #F9F8F8;
    padding-top: 60px;
    padding-bottom: 114px;
}

.hum__btn {
    background: #A5DDCD;
    border: 3px solid #fff;
    border-radius: 10px;
    width: 240.3px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.hum__btn a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    display: flex;
    align-items: center;
}

.home-svg path {
    transition: .3s;
    fill: #404040;
}

.home-svg path:hover {
    fill: #000;
}

.hum__btn span {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    margin-left: 15px;
    padding-right: 10px;
    display: flex;
}

/* hum-area-end */



/* page 2 area css start here */

.item-content {
    position: relative;
}

.item-area {
    padding: 80px 0;
    background: #F1F1F1;
}

.item-box {
    background: #fff;
    box-shadow: 2px 2px 20px #d1d1d1;
    padding: 33px 56px 0;
}

.item-heading h1 {
    font-size: 44px;
    color: #DE6B3B;
    font-weight: 600;
    margin-bottom: 40px;
}

.item-area select {
    width: 83%;
    background: top;
    border: 1px solid #525252;
    border-radius: 10px;
    height: 50px;
    padding: 0 20px;
    font-weight: 600;
}

.reset-btn {
    display: flex;
    flex-direction: column;
}

.reset-btn a.reset {
    color: #F2943C;
    font-size: 26px;
    font-weight: 700;
    padding: 7px 0px 31px;
}

.item-box {
    border-radius: 20px;
}

.single-box h4 {
    font-size: 24px;
}

.item-search a i {
    height: 50px;
    width: 50px;
    background: var(--extra-color);
    color: #000;
    font-size: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.item-text.search-tab {
    display: flex;
    align-items: end;
    gap: 20px;
}

.item-left {
    width: 100%;
}

.item-text.search-tab select {
    width: 82%;
}

.item-bottom h4 {
    font-size: 20px;
    margin-top: -20px;
    color: #C341CE;
    font-weight: bold;
    padding-bottom: 10px;
}


/* construct area start here */

.construct-area {
    padding: 100px 0;
}

.construct-content {
    padding: 0;
    box-shadow: 2px 2px 20px #d1d1d1;
    margin-bottom: 50px;
    border-radius: 12px;
}

.construct-img {
    overflow: hidden;
    border-radius: 12px;
}

.box__link {
    padding: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.construct-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 78px;
}

.construct-heading b {
    color: #F2943C;
}

.construct-heading h4 {
    font-size: 30px;
    font-weight: 400;
    color: #495A62;
}

.construct-heading a {
    width: auto;
    padding: 0 30px;
}

.construct-heading a img {
    margin-right: 10px;
}

.construct-heading a {
    height: 67px;
    width: 313px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #F2943C;
    border-radius: 60px;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    border: 2px solid transparent;
    transition: .3s;
}

.construct-heading a i {
    margin-right: 8px;
}

.construct-heading a:hover {
    background: #fff;
    border-color: #F2943C;
    color: #F2943C;
}

.construct-heading span {
    font-weight: bold;
    color: #DE6B3B;
}

.construct-img img {
    width: 100%;
    transition: .3s;
}

.construct-content:hover .construct-img img {
    transform: scale(1.2);
}

.construct-text h1 {
    font-size: 30px;
    font-weight: 600;
    color: #282828;
    margin: 20px 0 10px 0;
    height: auto;
    border-bottom: 1px solid #939393;
    padding-bottom: 12px;
}

.construct-text h3 {
    font-size: 28px;
    font-weight: bold;
    color: #F2943C;
}

.construct-text h5 {
    font-size: 24px;
    color: #525252;
    font-weight: 300;
}

.construct-btn span svg {
    margin-right: 8px;
    height: 30px;
}

.construct-btn span {
    height: 80px;
    background: #DE6B3B;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    border-radius: 60px;
    margin-top: 20px;
    border: 2px solid transparent;
    transition: .3s;
}

.construct-content:hover span {
    background: transparent;
    border-color: #DE6B3B;
    color: #DE6B3B;
}

.construct-listing li {
    margin-bottom: 6px;
    font-size: 21px;
    color: #525252;
}

#test {
    height: 100%;
}

.con__map {
    height: 100%;
}

.construct-listing li svg {
    margin-right: 6px;
}

.construct-listing {
    margin-top: 15px;
    padding-left: 10px;
}

.cons-btn-container {
    margin-top: 50px;
}

.construct-btn span path {
    fill: #fff;
    transition: .3s
}

.construct-content:hover span svg path {
    fill: #DE6B3B;
}

.btn-box {
    font-size: 36px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cons-btn-container button {
    background: #FFFFFF !important;
    border: 2px solid #FFB38B !important;
    border-radius: 15px !important;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 54px;
    text-align: center;
    color: #000000;
    margin: 0 9px;
    transition: 0.3s;
}

.cons-btn-container button:hover:not(:disabled) {
    background: #FFB38B !important;
    color: #fff;
}

button.active_pegination_btn {
    background: #FFB38B !important;
    color: #fff;
}

/* construct area end here */



/* prot-area start here */

.prot-box {
    padding: 88px 97px;
    border: 5px solid #DE6B3B;
    border-radius: 10px;
}

.box-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-content h1 {
    font-size: 56px;
    font-weight: 400;
}

.box-content h1 span {
    color: #DE6B3B !important;
}

.box-content h1 {
    color: #000 !important;
}

.box-content span {
    color: #fff;
}

.box-content h1 b {
    color: #F2943C;
}

.prot-btn i {
    margin-left: 10px;
}

.prot-btn {
    width: 282px;
    height: 100px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #fff;
    background: var(--primary-color);
    border-radius: 82px;
    border: 2px solid transparent;
    transition: .3s;
    background: #F2943C;
}

.prot-btn:hover {
    background: transparent;
    border-color: var(--primary-color);
    color: #000;
}

.protfolio-box {
    padding-bottom: 100px;
}


.loc__btns.toggle .loc__btns-in {
    display: none;
}

.loc__btns-in2 {
    display: none !important;
}

.loc__btns.toggle .loc__btns-in2 {
    display: flex !important;
}

.loans.activee {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.loans.activee .loc {
    display: block;
    height: 778px;
    overflow-y: scroll;
    padding: 20px 20px;
    width: 35%;
}

.loans.activee .loc-wd {
    width: auto;
}

.loans.activee .loc-non {
    display: block;
    width: 65%;
    height: 100%;
    padding: 20px;
}



.loc.activee .row {
    display: block;
}

.loc.activee {
    height: 789px;
    overflow: hidden;
}

.loc-non {
    display: none;
}


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

.loc-wd {
    width: 31.3%;
}

.item-text .nice-select {
    width: 100%;
    color: #404040;
    margin-bottom: 0px;
    border: 2px solid #525252;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    height: 54px;
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.item-text .nice-select::after {
    border-bottom: 2px solid #000000 !important;
    border-right: 2px solid #000000 !important;
    content: '';
    display: block;
    height: 10px !important;
    margin-top: -4px;
    right: 18px !important;
    top: 47% !important;
    width: 10px !important;
}

.item-text .nice-select:hover {
    border-color: #DE6B3B;
}

.item-text .nice-select ul {
    width: 100%;
}

.item-bottom {
    margin-top: 30px;
}

.item-area .col-xl-4.custom-col {
    width: 33%;
}

.item-select-box .row {
    justify-content: space-between;
}

.item-search {
    position: absolute;
    top: 25px;
    right: -80px;
    display: none;
}

.item-text input {
    width: 100%;
    height: 54px;
    border: 2px solid #525252;
    border-radius: 10px;
    padding: 0 20px;
    margin-bottom: 30px;
}

/* page 2 area css end here */







/* video-area-start */

.video:before {
    position: absolute;
    content: "";
    background: #DE6B3B;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.video__flex {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    flex-wrap: wrap;
}

.video:after {
    position: absolute;
    content: "";
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video__left {
    width: 70%;
}

.video__hero a img {
    width: 100%;
}

.video {
    padding-top: 60px;
}

.video__hero {
    margin-bottom: 40px;
}

.video__ll {
    overflow-x: scroll;
    padding: 20px 0;
    width: 96%;
    margin: auto;
}

.video__hero-tab {
    background: #FFFFFF;
    box-shadow: 15px 15px 55px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height: 111px;
    display: flex;
    align-items: center;
    /*! padding: 0 20px; */
    position: relative;
    margin-bottom: 85px;
    /*! overflow-x: scroll; */
    overflow: hidden;
}

.video__hero-tab ul li {
    /*! display: inline-block; */
    display: block ruby;
}

.video__ll ul {
    display: flex;
}

.video__hero-tab ul li a {
    padding-right: 38px;
    font-weight: 700;
    font-size: 21px;
    line-height: 91.5%;
    color: #909090;
    display: block;
}

.button.selected {
    color: #5FC8A4;
}

.video__hero-tab:before {
    position: absolute;
    content: "";
    background: #ADADAD;
    opacity: 0.55;
    border-radius: 20px;
    height: 7px;
    width: 97%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 24px;
    display: none;
}

.video__hero-tab li a {
    position: relative;
}

.video__hero-tab li a.active::before {
    position: absolute;
    content: "";
    background: #19CCA3;
    border-radius: 20px;
    height: 7px;
    width: 100%;
    left: 0;
    bottom: -21px;
    display: none;
}

.tem__title h3 {
    font-weight: 600;
    font-size: 47px;
    line-height: 91.5%;
    color: #1E1E1E;
    margin-bottom: 45px;
}

.tem__title a {
    width: 430.49px;
    height: 80px;
    background: #FFFF00;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #1E1E1E;
    transition: .3s;
    border: 2px solid #FFFF00;
}

.tem__title a:hover {
    background: transparent;
    border-color: var(--primary-color);
}

.tem__title.ss button {
    width: 430.49px;
    height: 80px;
    background: #F2943C;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #fff;
    transition: .3s;
    border: 2px solid#F2943C;
    border-radius: 85px;
}

.tem__title.ss button:hover {
    background: transparent;
    border-color: var(--primary-color);
}

.tem__title a svg {

    margin-left: 15px;
}

.tem__title.ss button svg {
    margin-left: 15px;
    color: #fff !important;
}

.tem__title a img {
    margin-left: 13px;
}

.tem__title {
    margin-bottom: 70px;
}

.video__area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 65px;
    padding-bottom: 50px;
}

.popup__menu__blk ul li.active a {
    border-color: #00C8C6;
    color: #00C8C6;
}


.popup__menu__blk {
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 15px 15px 55px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding-top: 35px;
    padding-bottom: 15px;
    position: relative;
    margin: 40px 0;
}

.popup__menu__blk nav ul {
    display: flex;
}

.popup__menu__blk ul li {
    display: inline-block;
    padding: 0 10px;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

.popup__menu__blk ul li::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background: #D2D2D2;
    z-index: -1;
}

.popup__menu__blk ul li.active a {
    border-color: #F2943C;
    color: #F2943C;
}

.popup__menu__blk ul li a {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 91.5%;
    color: #909090;
    display: inline-block;
    padding: 0 30px;
    padding-bottom: 20px;
    border-bottom: 5px solid transparent;
}

.video__thumb {
    position: relative;
    filter: drop-shadow(-12px 12px 55px rgba(0, 0, 0, 0.25));
}

.video__thumb .play__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.single__registr__input label {
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 113%;
    color: #777777;
}

.uploadFile {
    overflow: hidden;
    position: relative;
    resize: none;
    background: #FFFFFF;
    border: 2px solid #DE6B3B;
    border-radius: 12px;
    margin-top: 10px;
    padding: 5px 20px;
    padding-right: 8px;
}

.single__registr__input label {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 113%;
    color: #777777;
    height: 80px;
}

.dream__job__card .single__registr__input input {
    color: #777777;
}

.uploadFile [type="file"] {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1;
}

.video__thumb img {
    width: 100%;
    height: 100%;
}

#thevideo iframe {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 18/10;
    height: 100%;
    left: 0;
    outline: none;
    position: relative;
    top: 0;
    width: 100%;
}


.videoCoverImage button {
    background: transparent;
    border: 0;
    box-shadow: unset;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}

.location__inp {
    position: relative;
    margin-right: 20px;
}

.location__inp input {
    background: #FFFFFF;
    border: 3px solid #DE6B3B;
    border-radius: 10px;
    width: 450px;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0 44px;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #000000;
    padding-left: 100px;
    border-radius: 200px;
}

.location__inp ::placeholder {
    color: #000000;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #000000;
}

.location__inp span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
}

input,
focus {
    outline: none;
}

/* video-area-end */




scrollbar .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
[data-scrollbar] .scrollbar-thumb {
    background: #F2943C !important;
    border-radius: 4px;
    height: 8px;
    left: 0;
    position: absolute;
    top: -1px !important;
    width: 8px;
}

scrollbar .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
[data-scrollbar] .scrollbar-track-x {
    bottom: 14px;
    height: 8px;
    left: 0;
    width: 100%;
    background: #D2D2D2 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* The container */
.containerse {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.containerse input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerse:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerse input:checked ~ .checkmark {
    background-color: #DE6B3B;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerse input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerse .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}







.video__right {
    width: 27.6%;
    position: absolute;
    top: 0;
    right: 0;
}

.video__right-box {
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 15px 25px;
    margin-bottom: 50px;
}

.video__detail {
    display: flex;
    align-items: center;
    padding: 25px 23px;
    border-bottom: 1px solid #F1F1F1;
}

.video__detail-text {
    width: 85%;
}

.video__detail-img {
    margin-right: 14px;
}

.video__detail-img img {
    filter: brightness(0) saturate(100%) invert(36%) sepia(97%) saturate(2381%) hue-rotate(139deg) brightness(99%) contrast(101%);
}

.video__detail-text h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 91.5%;
    letter-spacing: -0.07em;
    color: #F2943C;
    margin-bottom: 8px;
}

.video__detail-text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 91.5%;
    color: #939393;
    display: block;
    margin: 0;
}

.video__form-title {
    margin-bottom: 20px;
    text-align: center;
}

.video__form-title h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 120.5%;
    text-align: center;
    letter-spacing: -0.05em;
    color: #DE6B3B;
    margin-bottom: 5px;
}

.video__form-title p {
    font-weight: 500;
    font-size: 15px;
    line-height: 113%;
    text-align: center;
    letter-spacing: -0.035em;
    color: #4F4F4F;
    margin: 0;
}

.video__form-input input {
    background: #FFFFFF;
    border: 2px solid #DE6B3B;
    border-radius: 10px;
    height: 80px;
    width: 100%;
    padding: 0 20px;
    font-weight: 400;
    font-size: 21px;
    line-height: 113%;
    color: #777777;
}

input:focus-visible {
    outline: 2px solid #DE6B3B;
}

.video__form-input {
    margin-bottom: 10px;
    position: relative;
}

.video__form-input a {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: #DE6B3B;
    border-radius: 116px;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video__form-input a img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(361%) hue-rotate(247deg) brightness(119%) contrast(100%);
}

.video__form-check {
    margin-top: 15px;
    margin-bottom: 20px;
}

.video__form-check label {
    font-weight: 400;
    font-size: 16px;
    line-height: 139.5%;
    color: #777777;
}

.video__form-check label span {
    color: #777777;
    height: 16px;
    width: 16px;
    border-radius: 2px;
}

.vaide__form-btn {
    margin-bottom: 25px;
}

.vaide__form-btn button {
    background: #FFFF00;
    border-radius: 10px;
    width: 100%;
    height: 80px;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #000000;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFF00;
    transition: 0.3s;
}

.vaide__form-btn button:hover {
    background: transparent;
    border-color: var(--primary-color);
}

.vaide__form-btn button img {
    margin-left: 12px;
    width: 25px;
}

.single__tem-box {
    padding: 48px;
    background: #FFFFFF;
    box-shadow: 12px -6px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    margin-bottom: 20px;
}

.single__tem-box h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #DE6B3B;
    margin-bottom: 10px;
}

.single__tem-box p {
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.04em;
    color: #000000;
    margin-bottom: 15px;
}

.single__tem-box ul li {
    display: flex;
    align-items: start;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: #000000;
}

.single__tem-box li img {
    margin-right: 13px;
    margin-top: 6px;
}

.single__tem-box li:last-child {
    margin: 0;
}

.single__tem-box.actives h3 {
    color: #DE6B3B;
}

.video {
    padding-bottom: 0;
    position: relative;
}

.map__title-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.map__title h3 {
    font-weight: 700;
    font-size: 64px;
    line-height: 75px;
    color: #F2943C;
    margin-bottom: 35px;
}

.map__title p {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #000000;
    margin: 0;
    font-family: "Lato", sans-serif;
}

.map__location p {
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    color: #000000;
}

.map__location p span {
    color: #DE6B3B;
}

.map__btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}



.location__flex {
    display: flex;
    align-items: center;
}

.location__flex a {
    background: #FFFFFF;
    border: 3px solid #19CCA3;
    border-radius: 10px;
    width: 450px !important;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #000000;
    margin-right: 20px;
}

.location__flex a svg {
    margin-right: 20px;
}

.location__flex a img {
    margin-right: 18px;
}

.location__flex .nice-select {
    background: #FFFFFF;
    border: 3px solid#DE6B3B;
    border-radius: 10px;
    width: 450px;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0 44px;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #000000;
    border-radius: 200px;
}

.location__flex .nice-select::after {
    width: 14px;
    height: 14px;
    top: 47% !important;
    right: 40px;
    border-color: #DE6B3B !important;
}

.map__btns a {
    background: #FFFFFF;
    border: 3px solid #DE6B3B;
    border-radius: 10px;
    width: 260px;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    text-align: center;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 108px;
}

.location__flex a {
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    text-align: center;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map__btns a img {
    margin-right: 18px;
}

#test {
    height: 644px;
}

.maps {
    padding: 80px 0;
    background: #F8F8F8;
}

.com {
    padding-top: 130px;
}

.com-box {
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    height: 416px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.com__content {
    text-align: center;
    width: 940px;
}

.com__content h3 {
    font-weight: 700;
    font-size: 64px;
    line-height: 75px;
    text-align: center;
    color: #DE6B3B;
    margin-bottom: 70px;
    position: relative;
}

.com__content h3:before {
    position: absolute;
    content: "";
    background: #19CCA3;
    height: 6px;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.com__content h3 span {
    position: relative;
    background: #fff;
    padding: 0 30px;
}

.com__content a {
    width: 460px;
    height: 120px;
    background: #FFB38B;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #FFFFFF;
    border-radius: 300px;
}

.com__content a img {
    margin-right: 20px;
}

.term {
    padding-top: 60px;
}

.term__title {
    margin-bottom: 40px;
}

.term__title h3 {
    font-weight: 800;
    font-size: 64px;
    line-height: 75px;
    color: #DE6B3B;
    margin: 0;
}

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

.single__term {
    width: 29.9%;
    background: #FFFFFF;
    border: 5px solid #F2943C;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    margin-bottom: 50px;
    padding-top: 49px;
    padding-bottom: 27px;
}

.term__img {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.term__text {
    text-align: center;
}

.term__text h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    color: #000000;
    margin-bottom: 5px;
}

.term__text p {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    color: #939393;
    margin: 0;
}

.term__flex.mb-85 {
    justify-content: start;
}

.term__flex.mb-85 .single__term {
    margin-bottom: 0;
    margin-right: 80px;
}

.term {
    padding-bottom: 40px;
}

.job {
    padding-top: 90px;
    padding-bottom: 140px;
    background: #DE6B3B;
    position: relative;
}

.bg_shape-img {
    position: absolute;
    bottom: -18%;
    z-index: 1;
}

.job_inner_wrapper {
    position: relative;
    z-index: 2;
}

.job__title h4 {
    font-style: italic;
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    color: #fff;
}

.job__title h3 {
    font-weight: 700;
    font-size: 64px;
    line-height: 75px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.job__socail {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job__socail a i {
    width: 69px;
    height: 69px;
    background: #003232;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1ACBA3;
    font-size: 39px;
    border-radius: 50%;
}

.job__socail .face-icon i {
    background: transparent;
    color: #003232;
    font-size: 71px;
}

.job__socail a {
    margin: 0 10px;
}

.job__title {
    margin-bottom: 80px;
}

.job__box {
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 80px 124px;
}

.job__box h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    color: #FFB38B;
    margin-bottom: 30px;
}

.job__box ul {
    list-style: decimal;
    padding-left: 30px;
    margin-bottom: 30px;
}

.job__box li {
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
}

.job__box p {
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
    margin-bottom: 30px;
}

.job__box a {
    color: #000000;
    background: #FFB38B;
    border-radius: 10px;
    max-width: 400px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #fff;
    margin-top: 40px;
    transition: .3s;
    border-radius: 107px;
}

.job__box a:hover {
    background: #DE6B3B;
    color: #fff;
}

.construct-heading h3 {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    font-size: 68px;
    line-height: 80px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #000000;
}






.construct-heading i {
    margin-right: 7px;
}

.team__fx {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.video__right-box.video-ri-box--sec {
    width: 27.6%;
    margin-top: -90px;
}

.team__wrap {
    width: 70%;
}

.team__area {
    padding-top: 40px;
    padding-bottom: 40px;
}

.nice-select .list {
    width: 100% !important;
}

.nice-select .option {
    padding-top: 5px !important;
    padding-bottom: 7px !important;
    font-size: 24px !important;
}



.scroll-header .logo {
    display: none;
}

.header__logo {
    position: relative;
}


.modal-dialog {
    max-width: 1727px;
}

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

.pop__right {
    background: #DE6B3B;
    border-radius: 20px;
    padding: 80px 70px;
    width: 37.7%;
    min-height: 724px;
}

.pop__right-text h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #FFFFFF;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2F814;
    margin-bottom: 20px;
}

.pop__right-text li {
    display: block;
    font-weight: 400;
    font-size: 26px;
    line-height: 142%;
    color: #000000;
    display: flex;
    margin-bottom: 6px;
}

.pop__right-text li span {
    background: #FFFF00;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 10px;
    justify-content: center;
    margin-top: 8px;
    margin-right: 8px;
}

.pop__left {
    width: 62%;
    padding: 0 65px;
}

.pop__left-text h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #DE6B3B;
    border-bottom: 1px solid #AEAEAE;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.pop__left-text p {
    font-weight: 400;
    font-size: 28px;
    line-height: 123.5%;
    color: #000000;
    margin-bottom: 0;
}

.pop__left-text {
    margin-bottom: 50px;
}

.pop__left-in {
    position: relative;
}

.pop__left-in input {
    background: #FFFFFF;
    border: 3px solid #DE6B3B;
    border-radius: 10px;
    height: 80px;
    width: 100%;
    padding: 0 28px;
    font-weight: 600;
    font-size: 21px;
    line-height: 27px;
    color: #000000;
}

.pop__like {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.pop__like a {
    background: #F2859A;
    border-radius: 6px;
    height: 27.07px;
    display: flex;
    align-items: center;
    margin-left: 5px;
    padding: 0 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}

.pop__like a i {
    margin-right: 5px;
}

.pop__like a.green {
    background: #DE6B3B;
    color: #fff;
}

.modal-header {
    padding: 0;
    border: 0;
    position: absolute;
    right: 29px;
    top: 26px;
}

.modal-header button {
    color: #fff !important;
    opacity: 1;
}






.modal-dialog.wd-600 {
    max-width: 626px;
}

.modal-dialog.wd-600 .video__right-form {
    padding: 50px;
}

.modal-dialog.wd-600 .video__form-title h3 {
    max-width: 400px;
    margin: auto;
    margin-bottom: 15px;
}





.help__area {
    padding: 190px 0;
    /*! background: #DE6B3B; */
    position: relative;
    background: linear-gradient(to right, #0097d8 0%, #DE6B3B 50%, #0097d8 100%);
}

.man__img {
    position: absolute;
    bottom: 0;
    right: 0%;
}

.help__content {
    max-width: 1020px;
}

.help_search {
    position: relative;
}

.help__content h4 {
    font-family: Raleway;
    font-size: 64px;
    font-weight: 700;
    line-height: 102px;
    letter-spacing: 0em;
    color: #fff;
    margin-bottom: 20px;
}

.help_search input {
    width: 100%;
    height: 100%;
    box-shadow: 4px 4px 33px 0px #0000001F;
    border-radius: 10px;
    border: 0;
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    color: #777777;
    padding-left: 92px;
    padding-right: 15px;
}

.help_search {
    width: 100%;
    height: 100px;
}

.searh__icn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
}



/*cart--aera--stryle--start*/

.cart__area {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
}

.job__sisngle__box.last-job__box {
    margin: 0;
}

.cart__single__box {
    width: 32.1%;
    border: 5px solid #DE6B3B;
    border-radius: 20px;
    display: flex;
    height: 200px;
    box-shadow: 12px 12px 55px 0px #0000001A;
}

.cart__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.cart__icon img {
    width: 100%;
}

.cart__icon {
    width: 91px;
    display: flex;
}

.cart_tx p {
    margin: 0;
    font-family: Raleway;
    font-size: 36px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    margin-left: 33px;
}

.cart__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

.job__sisngle__box {
    width: 33%;
}

.job__fx {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
}

.jobs__title h2 {
    font-family: Raleway;
    font-size: 64px;
    font-weight: 700;
    line-height: 102px;
    letter-spacing: 0em;
    text-align: justified;
    color: #DE6B3B;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

.jobs__title h2:before {
    position: absolute;
    width: 110%;
    height: 3px;
    background: #19CCA3;
    content: "";
    left: 0;
    bottom: 0;
}

.jobs__title {
    margin-bottom: 30px;
}

.job__box__title h4 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 0em;
    color: #1E1E1E;
    margin-bottom: 30px;
}

.job__sisngle__box ul li button {
    display: flex;
    align-items: center;
    position: relative;
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    color: #4B4B4B;
    padding-left: 30px;
    margin-bottom: 15px;
    background: #fff;
    border: 0;
    text-align: left;
}

.job__sisngle__box ul li button span {
    position: absolute;
    top: -3px;
    left: 0;
}

.job__sisngle__box {
    border-right: 1px solid #939393;
    margin-bottom: 60px;
    min-height: auto;
}

.job__sisngle__box:nth-child(3) {
    border: 0;
    padding-left: 20px;
    border-left: 1px solid #939393;
}

.job__sisngle__box:nth-child(2) {
    padding-left: 20px;
    border-right: 0;
}

.job__sisngle__box:nth-child(5) {
    margin: 0;
    border: 0;
    padding-left: 20px;
}

.job__box__title ul {
    margin-right: 20px;
}

.job__sisngle__box:nth-child(4) {
    margin: 0;
}

.job__wrap.job__wrap-sec {
    margin-top: 100px;
}

.job__sisngle__box.last-job__box {
    border: 0;
}

.job__box__title ul li {
    display: flex;
    align-items: start;
    position: relative;
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    color: #4B4B4B;
    padding-left: 30px;
    margin-bottom: 15px;
    background: #fff;
    border: 0;
    text-align: left;
    padding: 0;
    cursor: pointer;
}

.job__box__title ul li img {
    margin-right: 15px;
    margin-top: 4px;
}

.related_faq_selected.related_quest::before {
    opacity: 1;
}

.pop__right-text p:before {
    position: absolute;
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    width: 20px;
    background: #FFF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 10px;
    justify-content: center;
    margin-top: 8px;
    margin-right: 8px;
    left: 0;
    opacity: .5;
    color: #000;
}

.pop__right-text p {
    font-weight: 400;
    font-size: 26px;
    line-height: 142%;
    color: #fff;
    display: flex;
    margin-bottom: 6px;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}

/*cart--aera--stryle--end*/





/*====================================Register Login - Ecurio--page-ecurio--style--start=====================================*/


.login__bt__link {
    width: 173px;
    height: 60px;
    border: 3px solid #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #777 !important;
}

.home_bt {
    margin-right: 8px;
}

.home_arrow {
    margin-right: 8px;
}

.login__box {
    width: 100%;
    box-shadow: 12px 12px 55px 0px #00000017;
    background: #fff;
    border-radius: 10px;
    padding-top: 74px;
    padding-bottom: 94px;
    padding-left: 48px;
    padding-right: 48px;
}

.account__tx {
    text-align: left;
    margin-top: 54px;
    padding-left: 60px;
}

.account__tx p {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    color: #000000;
}

.account__tx p a {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0em;
    color: #F2943C;
}

.login_title {
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

.login_title h3 {
    font-family: Raleway;
    font-size: 82px;
    font-weight: 700;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--primary-color);
    margin-bottom: 73px;
    color: #DE6B3B;
}

.login__form {
    max-width: 1000px;
    margin: auto;
}

.login_single__inp label {
    display: flex;
    font-family: Raleway;
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #323232;
    margin-bottom: 10px;
}

.login_single__inp input {
    width: 100%;
    height: 100px;
    border: 3px solid #003F45;
    border-radius: 10px;
    padding: 0 20px;
    font-family: Raleway;
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #323232;
}

.login_single__inp {
    margin-bottom: 24px;
}

.pass {
    position: relative;
}

.pass span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-size: 20px;
    color: #6F6F6F;
}

.login__check .form-group label::before {
    width: 24px;
    height: 24px;
    padding: 0;
    border-color: #999;
    top: -2px;
    margin-right: 13px;
}

.login__check label {
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.form-group {
    margin: 0;
}

.login__check .form-group input:checked + label::after {
    width: 7px;
    height: 14px;
    top: 8px;
}

.forget__tx a {
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: right;
    color: #F2943C;
    font-family: Raleway;
}

.login__check__fx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.login__btn a:hover {
    border: 2px solid #DE6B3B;
    color: #DE6B3B;
    background: transparent;
}

.login__btn a {
    width: 100%;
    height: 100px;
    background: #DE6B3B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-family: Raleway;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    border: 2px solid transparent;
    transition: .3s;
    border-radius: 300px;
}

.login__btn {
    padding-bottom: 69px;
    margin-bottom: 60px;
    border-bottom: 1px solid #6F6F6F;
}

.login__social a {
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    margin: 0 30px;
}

.login__social a img {
    width: 100%;
    height: 100%;
}

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

.login__area {
    padding-top: 60px;
    background: #FFF8EC;
    padding-bottom: 100px;
}

.login__top__bt {
    margin-bottom: 60px;
}

/*====================================Register Login - Ecurio--page-ecurio--style--end=====================================*/



.unser__wrap {
    max-width: 1598px;
    margin: auto;
    box-shadow: 12px 12px 55px 0px #00000017;
}

.unser__lf {
    width: 37.7%;
    background: #E8F8FF;
    border-radius: 10px 0 0 10px;
    padding-bottom: 97px;
}

.profile__menu {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 64px;
}

.profile__menu h4 {
    font-family: Raleway;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 29px;
    color: #001B1A;
}

.profile__menu ul li {
    display: flex;
    align-items: center;
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #001B1A;
    margin-bottom: 25px;
}

.profile__menu ul li:last-child {
    margin: 0;
}

.profile__menu ul li img {
    max-width: 22px;
    margin-right: 14px;
    filter: brightness(0) saturate(100%) invert(37%) sepia(94%) saturate(1038%) hue-rotate(129deg) brightness(96%) contrast(101%);
}




.unser__ri {
    width: 62.3%;
    background: #FFFFFF;
    padding-top: 63px;
    padding-right: 43px;
    padding-left: 58px;
    padding-bottom: 55px;
}

.unser__wrap {
    display: flex;
    align-items: start;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
}

.unser__ri h6 {
    font-family: DM Sans;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 20px;
    color: #000000;
}

.unser__single__form {
    width: 48.6%;
    height: 80px;
    position: relative;
    margin-bottom: 17px;
}

.unser__single__form input {
    width: 100%;
    height: 100%;
    border: 3px solid #9B9B9B;
    border-radius: 20px;
    font-family: Raleway;
    font-size: 21px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    padding: 0 27px;
}

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

.unser__single__form.frm-wd {
    width: 100%;
}

.unser__single__form.frm-wd .nice-select {
    width: 100%;
    height: 100%;
    border: 3px solid #9B9B9B;
    display: flex;
    align-items: center;
    padding: 0 27px;
    font-family: Raleway;
    font-size: 21px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 20px !important;
}

.unser__single__form input::placeholder {
    opacity: 1;
}

.unser__single__form.frm-wd .nice-select::after {
    width: 12px !important;
    height: 12px !important;
    border-color: #9B9B9B !important;
    right: 34px;
}


.unser__tx p {
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    color: #777777;
    margin-bottom: 17px;
    font-family: "Lato", sans-serif;
}

.unser__tx p a {
    color: #F2943C;
    font-weight: 500;
}

.unser__bt a:hover {
    background: transparent;
    border: 2px solid #F2943C;
    color: #1E1E1E;
}

.unser__bt a {
    width: 100%;
    height: 71px;
    background: #F2943C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 111px;
    font-family: Raleway;
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    transition: .3s;
    border: 2px solid transparent;
}

.unser__area {
    padding: 100px 0;
    background: #FFF8EC;
}

.profile__img {
    width: 100%;
    position: relative;
}

.profile__img img {
    width: 100%;
}

.profile_tx p {
    margin: 0;
    font-family: Raleway;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.045em;
    text-align: center;
    color: #FFFFFF;
    max-width: 175px;
    position: absolute;
    width: 185px;
}

.profile_tx {
    width: 215px;
    height: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FFB38B;
    position: absolute;
    top: -15px;
    right: -15px;
    border-radius: 190px 0px 190px 190px;
}

.profile__img {
    overflow: hidden;
}

.sicher__lf ul li a i {
    color: #F2943C;
    margin-right: 32px;
}

.sicher__lf ul li a {
    /*! font-family: DM Sans; */
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-family: "Lato", sans-serif;
}

.sicher__wrap {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.sicher__area {
    padding: 100px 0;
    background: #ffff;
}

.sicher__lf ul li:last-child a {
    margin: 0;
}

.sicher__ri a {
    width: 232px;
    display: flex;
    align-items: center;
    margin-left: 32px;
}

.sicher__ri {
    display: flex;
    align-items: center;
}


.web__country__select {
    width: 100%;
    height: 100%;
}

.iti__flag {
    scale: 1.4 !important;
    ;
    margin-right: 7px !important;
    ;
}

.web__country__select .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
    height: 100%;
}

.iti__arrow {
    border-left: 6px solid transparent !important;
    ;
    border-right: 6px solid transparent !important;
    ;
    /*! border-top: 6px solid #555 !important; */
    ;
}

.web__country__select .iti__selected-flag {
    padding-right: 10px;
    padding-left: 31px;
}

.web__country__select input {
    padding-left: 80px !important;
}

.iti__dropdown-content input {
    padding-left: 20px !important;
    background: transparent;
}

.web__country__select .iti.iti--allow-dropdown {
    width: 100%;
    height: 100%;
}
















/*====================================Schedule a Web Demo Page - Ecurio--page-ecurio--style--start=====================================*/
.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
}

.web__box {
    width: 100%;
    position: relative;
    max-width: 886px;
}

.web__wrap {
    max-width: 1307px;
    position: relative;
    box-shadow: 12px 12px 55px 0px #00000017;
    padding: 70px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
}

.web__area {
    padding: 100px 0;
    background: #F8F8F8;
}

.web__area.bg {
    background: #FFF8EC;
}

.web__area.pt-200 {
    padding-top: 200px;
}

.web__title h2 {
    /*! font-family: Raleway; */
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.025em;
    text-align: left;
    color: #DE6B3B;
    margin-bottom: 18px;
}

.web__title p {
    /*! font-family: DM Sans; */
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #001B1A;
    margin-bottom: 35px;
}

.web__single__form {
    height: 80px;
    width: 49%;
    position: relative;
    margin-bottom: 30px;
}

.web__single__form input {
    width: 100%;
    height: 100%;
    border: 3px solid #19CCA3;
    border-radius: 10px;
    font-size: 21px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    padding-left: 27px;
    padding-right: 20px;
    border: 3px solid #F2943C;
    border-radius: 20px;
    font-family: "Lato", sans-serif;
}

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

.web__input_tx p {
    /*! font-family: DM Sans; */
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    margin-bottom: 30px;
}

.web__input_tx p a {
    font-weight: 500;
    color: #F2943C;
}

.web__btn a:hover {
    background: #F2943C !important;
    border: 2px solid #F2943C;
    color: #F2943C;
}

.web__btn a {
    width: 100%;
    height: 100px;
    background: #FFFF00;
    display: flex;
    align-items: center;
    justify-content: center;
    /*! font-family: Raleway; */
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    border: 2px solid transparent;
    transition: .3s;
    background: #F2943C;
    border-radius: 110px;
    font-family: "Nunito Sans", sans-serif;
}

.web__ri_box {
    max-width: 602px;
    background: #DE6B3B;
    padding-left: 67px;
    padding-right: 40px;
    padding-top: 140px;
    padding-bottom: 140px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.web__ri_box h4 {
    /*! font-family: Raleway; */
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.035em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 58px;
}

.web__ri_box ul li img {
    margin-right: 13px;
}

.web__ri_box ul li {
    display: flex;
    align-items: center;
    /*! font-family: DM Sans; */
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 28px;
}

.web__ri_box ul li:last-child {
    margin: 0;
}

.web__posi {
    position: relative;
}

/*====================================Schedule a Web Demo Page - Ecurio--page-ecurio--style--end=====================================*/



/* contact-area-start */

.web__wrap.contact__form {
    padding: 0;
    /*! padding-bottom: 35px; */
    max-width: unset;
}

.contact__title--box {
    height: 290px;
    background: #19CCA3;
    border-radius: 10px;
    text-align: center;
    background: #F2943C;
    border-radius: 20px;
}

.contact__title--img img {
    margin-top: -85px;
    margin-bottom: 9px;
    filter: drop-shadow(0px -4px 19.5px rgba(0, 0, 0, 0.16));
    border: 3px solid #FFB38B;
    border-radius: 50%;
}

.contact__title--text h3 {
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    color: #FFFFFF;
    margin-bottom: 4px;
    font-family: "Nunito Sans", sans-serif;
}

.contact__title--text span {
    font-weight: 300;
    font-size: 32px;
    line-height: 38px;
    color: #FFFFFF;
    display: block;
    margin-bottom: 4px;
}

.contact__title--text a {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Lato", sans-serif;
}

.contact__title--text a img {
    margin-right: 8px;
}

.web__wrap.contact__form .web__form {
    padding: 35px 80px;
}

.web__form .contact__form--title h3 {
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    color: #001B1A;
    text-align: center;
    margin: 0;
    font-family: "Nunito Sans", sans-serif;
}

.contact__form--title h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    color: #001B1A;
    text-align: center;
    margin: 0;
    font-family: "Lato", sans-serif;
}

.contact__form--title {
    margin-bottom: 30px;
}

.web__wrap.contact__form .web__input_tx p {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    color: #9B9B9B;
    /*! font-family: 'DM Sans'; */
    font-family: "Lato", sans-serif;
    padding: 0 100px;
}

.web__wrap.contact__form .web__single__form input {
    border: 3px solid #9B9B9B;
}

.job__sisngle__box.mar-nn {
    margin: 0;
}




.web__country__select {
    width: 100%;
    height: 100%;
}

.iti__flag {
    scale: 1.4 !important;
    ;
    margin-right: 7px !important;
    ;
}

.web__country__select .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
    height: 100%;
}

.iti__arrow {
    border-left: 6px solid transparent !important;
    ;
    border-right: 6px solid transparent !important;
    ;
    /*! border-top: 6px solid #555 !important; */
    ;
}

.web__country__select .iti__selected-flag {
    padding-right: 10px;
    padding-left: 31px;
}

.web__country__select input {
    padding-left: 80px !important;
}

.iti__dropdown-content input {
    padding-left: 20px !important;
    background: transparent;
}

.web__country__select .iti.iti--allow-dropdown {
    width: 100%;
    height: 100%;
}

/* contact-area-end */




/*dein--aera--style--start*/

.dein__area {
    padding-top: 56px;
    padding-bottom: 64px;
    background: #FFFFFF;
}

.dein__lf {
    width: 48.2%;
}

.dein__ri {
    width: 44.5%;
    /*! background: #FFFFFF; */
}

.download__box.dein_box {
    width: 100%;
    max-width: 100%;
}

.download__box.dein_box .download__ct a img {
    margin-left: 15px;
    max-width: 30px;
}

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

.dein__lf h3 {
    /*! font-family: Raleway; */
    font-size: 64px;
    font-weight: 700;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
    color: #DE6B3B;
    font-family: "Nunito Sans", sans-serif;
}

.dein__lf h5 {
    margin-bottom: 15px;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: 0em;
    text-align: left;
    color: #F2943C;
    font-family: "Nunito Sans", sans-serif;
}

.dein__menu {
    margin-bottom: 34px;
}

.dein__btm__tx h3 {
    /*! font-family: Raleway; */
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.035em;
    text-align: left;
    margin-bottom: 10px;
    color: #DE6B3B;
    font-family: "Nunito Sans", sans-serif;
}

.dein__btm__tx p {
    /*! font-family: DM Sans; */
    font-size: 28px;
    font-style: italic;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    color: #000000;
    font-family: "Lato", sans-serif;
}

.dein__btm__tx p a {
    /*! font-family: DM Sans; */
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #F2943C;
    font-family: "Lato", sans-serif;
}

.download__ct.deni__ct h3 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: center;
    color: #19CCA3;
}

.dein__menu ul li {
    /*! font-family: DM Sans; */
    font-size: 28px;
    font-style: italic;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    position: relative;
    padding-left: 38px;
    color: #000000;
    margin-bottom: 30px;
    font-family: "Lato", sans-serif;
}

.dein__menu ul li:last-child {
    margin: 0;
}

.dein__menu ul li span {
    position: absolute;
    left: 0;
    top: 0;
}

.download__ct.deni__ct p {
    color: #000;
}

/*dein--aera--style--end*/





/*useful--aera--start*/

.useful__lf {
    width: 47.5%;
}

.useful___ri {
    width: 49.4%;
}

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

.useful__area {
    padding-top: 96px;
    padding-bottom: 80px;
    position: relative;
}

.useful__content span {
    font-family: Raleway;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
    color: #F2943C;
    display: block;
    font-family: "Nunito Sans", sans-serif;
}

.useful__content h4 {
    font-family: Raleway;
    font-size: 48px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.025em;
    text-align: left;
    color: #000000;
    margin-bottom: 13px;
    border-bottom: 2px solid #939393;
    padding-bottom: 8px;
    font-family: "Nunito Sans", sans-serif;
}

.useful__content h2 {
    font-family: Raleway;
    font-size: 64px;
    font-weight: 700;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: left;
    color: #DE6B3B;
    margin-bottom: 25px;
    font-family: "Nunito Sans", sans-serif;
    text-transform: uppercase;
}

.useful__content p {
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    margin-bottom: 45px;
    font-family: "Lato", sans-serif;
}

.useful__content a:hover {
    background: transparent;
    border: 2px solid #DE6B3B;
    color: #DE6B3B;
}

.useful__content a {
    width: 98%;
    height: 80px;
    background: #DE6B3B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    transition: .3s;
    border: 2px solid transparent;
    border-radius: 200px;
    font-family: Raleway;
}

.useful___ri img {
    width: 100%;
    border-radius: 10px;
}

.download__top a {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    color: #DE6B3B;
    font-family: lato;
}

.download__top a:before {
    position: absolute;
    width: 43%;
    border: 3px solid #FFB38B;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.download__top a:after {
    position: absolute;
    width: 43%;
    border: 3px solid #FFB38B;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.download__top {
    margin-bottom: 40px;
}

.download__title h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    margin-bottom: 60px;
    font-family: "Nunito Sans", sans-serif;
}

.download__box {
    max-width: 500px;
    box-shadow: 12px 12px 55px 0px #00000017;
    border-radius: 10px;
    background: #FFFFFF;
}

.download_img img {
    width: 100%;
    border-radius: 10px;
}

.download_img {
    width: 100%;
}

.download__ct {
    padding: 32px 50px 50px 50px;
    text-align: center;
}

.download__ct h3 {
    font-family: Raleway;
    font-size: 44px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 4px;
}

.download__ct p {
    color: #525252;
    font-weight: 400;
    font-size: 24px;
    line-height: 32.4px;
    text-align: center;
    color: #525252;
    font-family: "Lato", sans-serif;
}

.download__ct a img {
    margin-left: 10px;
}

.download__ct a:hover img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(45%) saturate(5288%) hue-rotate(168deg) brightness(105%) contrast(105%);
}

.download__ct a:hover {
    background: transparent;
    border: 2px solid #DE6B3B;
    color: #DE6B3B;
}

.download__ct a {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DE6B3B;
    border-radius: 10px;
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    transition: .3s;
    border: 2px solid transparent;
    border-radius: 200px;
}

.download__ct a i {
    margin-left: 15px;
    color: #19CCA3;
}

.download_area {
    padding-bottom: 100px;
}

/*useful--aera--end*/




/*mein--aera--stayle--start*/

.mein__lf {
    width: 49.1%;
}

.mein__ri {
    width: 48.9%;
    box-shadow: 12px 12px 55px 0px #00000017;
    box-shadow: 12px 12px 35px 0px #00000026;
    background: #fff;
    padding: 70px 36px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.15), 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
}

.mein__lf h3 {
    /*! font-family: Raleway; */
    font-size: 48px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #939393;
    font-family: "Nunito Sans", sans-serif;
}

.mein__lf h2 {
    /*! font-family: Raleway; */
    font-size: 64px;
    font-weight: 700;
    line-height: 75px;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 30px;
    color: #DE6B3B;
    font-family: "Nunito Sans", sans-serif;
}

.mein__img {
    max-width: 662px;
    margin-bottom: 30px;
}

.mein__img img {
    width: 100%;
}

.mein__ct h4 {
    /*! font-family: Raleway; */
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
    font-family: "Nunito Sans", sans-serif;
}

.mein__ct p {
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 30px;
    font-family: "Lato", sans-serif;
}

.main__single__box {
    width: 31.7%;
    height: 199px;
    background: #DE6B3B;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    border-radius: 10px;
}

.main__single__box p {
    margin: 0;
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    font-family: "Lato", sans-serif;
}

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

.unser__single__form.frm-wd.mein__inp input {
    border-color: #F2943C;
    color: #000000;
}

.unser__single__form.frm-wd.mein__inp .nice-select {
    border-color: #F2943C;
}

.mein__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mein___check label {
    font-family: DM Sans;
    font-size: 21px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    display: flex;
    align-items: center;
    padding-left: 32px;
    font-family: "Lato", sans-serif;
}

.mein___check .form-group label::before {
    padding: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    background: #00C8C6;
    border: 0;
    border-radius: 4px;
}

.mein___check {
    margin-bottom: 26px;
}

.mein___check .form-group input:checked + label::after {
    border-color: #fff;
    top: 5px;
}

.warning__tx p {
    font-family: DM Sans;
    font-size: 21px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    position: relative;
    padding-left: 32px;
    margin-bottom: 18px;
    font-family: "Lato", sans-serif;
}

.warning__tx p span {
    position: absolute;
    left: 0;
    color: #F2943C;
}

.unser__tx.main__btm__tx p {
    margin-bottom: 20px;
}

.main__btm__btn a:hover {
    background: transparent;
    border: 2px solid #F2943C;
    color: #F2943C;
}

.main__btm__btn a {
    width: 100%;
    height: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2943C;
    border-radius: 10px;
    font-family: Raleway;
    font-size: 31px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    transition: .3s;
    border: 2px solid transparent;
    border-radius: 108px;
    font-family: "Montserrat", sans-serif;
}

.main__btm__btn a img {
    margin-left: 1px;
}

.unser__single__form.frm-wd.mein__inp.mar {
    margin-bottom: 46px;
}

.mein__area {
    padding-top: 67px;
    padding-bottom: 167px;
}

.unser__single__form.frm-wd.mein__inp {
    margin-bottom: 30px;
}




/*chckbox--style--start*/
.form-group {
    display: block;
    margin-bottom: 15px;
}

.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group label {
    position: relative;
    cursor: pointer;
}

.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/*chckbox--style--end*/

/*mein--aera--stayle--end*/







/* forget-area-start */

.forget__box {
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    padding: 50px 80px;
}

.forget {
    padding: 100px 0;
    background: #F8F8F8;
}

.forget__img {
    text-align: center;
    margin-bottom: 25px;
}

.forget__img img {
    border-radius: 50%;
    border: 3px solid #19CCA3;
}

.forget__img a {
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.forget__text {
    text-align: center;
}

.forget__text h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #DE6B3B;
    margin-bottom: 8px;
}

.forget__text p {
    font-style: italic;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #525252;
}

.forter__content {
    margin-bottom: 40px;
}

.forget__form label {
    /*! font-family: 'DM Sans'; */
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #19CCA3;
    margin-bottom: 4px;
}

.forget__btn {
    display: flex;
    margin-top: 35px;
    justify-content: end;
}

.forget__form .web__single__form {
    height: auto;
    width: 100%;
    /*! border-color: #777777; */
}

.forget__form .web__single__form input {
    height: 80px;
    width: 100%;
    border-color: #777;
}

.forget__btn button {
    width: 430.49px;
    height: 80px;
    background: #F2943C;
    border-radius: 10px;
    border: 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 91.5%;
    color: #fff;
    transition: 0.3s;
    border: 2px solid #F2943C;
    border-radius: 105px;
}

.forget__btn button:hover {
    background: transparent;
    border-color: #1E1E1E;
    color: #000;
}

.forget__btn button img {
    margin-left: 16px;
}

.contact__pop {
    position: relative;
    background: #FFFFFF;
    box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    /*! display: flex; */
    align-items: center;
    padding: 80px;
    text-align: center;
}

.contact__pop--content img {
    margin-bottom: 20px;
}

.contact__pop--content h3 {
    font-weight: 700;
    font-size: 64px;
    line-height: 75px;
    color: #DE6B3B;
    margin-bottom: 12px;
}

.contact__pop--content p {
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.02em;
    color: #525252;
    margin: 0;
}

/* forget-area-end */


.related_faq_selected.related_quest::before {
    opacity: 1;
}

.pop__right-text p:before {
    position: absolute;
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    width: 20px;
    background: #FFFF00;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 10px;
    justify-content: center;
    margin-top: 8px;
    margin-right: 8px;
    left: 0;
    opacity: .5;
}

.pop__right-text p {
    font-weight: 400;
    font-size: 26px;
    line-height: 142%;
    color: #000000;
    display: flex;
    margin-bottom: 6px;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}


.job__box__title ul li {
    display: flex;
    align-items: start;
    position: relative;
    font-family: DM Sans;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.02em;
    color: #4B4B4B;
    padding-left: 30px;
    margin-bottom: 15px;
    background: #fff;
    border: 0;
    text-align: left;
    padding: 0;
    cursor: pointer;
}

.job__box__title ul li img {
    margin-right: 15px;
    margin-top: 4px;
}




scrollbar .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
[data-scrollbar] .scrollbar-thumb {
    background: #5FC8A4 !important;
    border-radius: 4px;
    height: 8px;
    left: 0;
    position: absolute;
    top: -1px !important;
    width: 8px;
}

scrollbar .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
[data-scrollbar] .scrollbar-track-x {
    bottom: 14px;
    height: 8px;
    left: 0;
    width: 100%;
    background: #D2D2D2 !important;
    opacity: 1 !important;
    visibility: visible !important;
}







/* new__css-start */


.web__posi.web-re .web__wrap {
    margin-left: auto;
}

.web__like--box {
    position: absolute;
    background: #DE6B3B;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 602px;
    padding: 230px 32px;
    padding-bottom: 140px;
    z-index: 1;
}

.web__posi.web-re .web__box {
    margin-left: auto;
    max-width: 900px;
}

.web__like--text h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.web__like--text p {
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.web__like--icon {
    position: absolute;
    top: -120px;
    width: 279px;
    height: 279px;
    background: #005C99;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
}


/* The container */
.containerss {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.containerss input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.containerss .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerss:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerss input:checked ~ .checkmark {
    background-color: #DE6B3B;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.containerss .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerss input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerss .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}





.web__re--title h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #F2943C;
}

.web__re--title {
    margin-bottom: 30px;
}

.web__re-readio {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
}

.web__re-readio label {
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #000000;
    margin-right: 40px;
    margin-bottom: 0;
}

.web__re-readio label span {
    width: 28px !important;
    height: 28px !important;
    top: 50% !important;
    transform: translateY(-50%);
    background: #FFFFFF !important;
    border: 3px solid #19CCA3;
}

.web__re--info h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 4px;
}

.web__re--info h3 img {
    margin-right: 14px;
}

.web__re--info ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000000;
    list-style: disc;
}

.web__re--info ul {
    padding-left: 57px;
    margin-bottom: 30px;
}

.web__re--info p {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #777777;
    margin: 0;
}

.web__re--info {
    margin-bottom: 30px;
}

.web__re--info p span {
    color: #19CCA3;
    font-weight: 500;
}

.web__posi.web-re .web__btn a {
    font-weight: 600;
    font-size: 28px;
    line-height: 33px;
    color: #fff;
    height: 70px;
    background: #FFB38B;
}

.web__posi.web-re .web__single__form input {
    border-color: #B4B4B4;
    color: #000;
}

.web__posi.web-re .web__single__form {
    margin-bottom: 20px;
}

.web__re--info {
    margin-top: 10px;
}




.regs__title {
    text-align: center;
    margin-bottom: 95px;
}

.regs__title h3 {
    color: #F2943C;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.regs__title h2 {
    color: #000;
    text-align: center;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.92px;
}

.regs__title h2 {
    position: relative;
}

.regs__title h2:before {
    position: absolute;
    content: "";
    background: #DE6B3B;
    width: 175.719px;
    height: 5px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -14px;
}

.regs {
    background: #FFF8EC;
    padding: 75px 0;
}

.regs__wrap {
    border-radius: 25px;
    background: #FFF;
    box-shadow: 12px 12px 55px 0px rgba(0, 0, 0, 0.09);
    padding: 70px 80px;
}

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

.single__regs {
    border-radius: 20px;
    border: 3px solid #9B9B9B;
    background: #FFF;
    width: 22.5%;
    height: 355px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.regs__img {
    height: 149px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.single__regs a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.regs__text p {
    color: #000;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
}

.regs__flex {
    margin-bottom: 45px;
}

.regs__btn {
    display: flex;
    justify-content: center;
}

.regs__btn a {
    border-radius: 65px;
    background: #DE6B3B;
    width: 430.487px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 91.5%;
}

.regs__btn a svg {
    margin-left: 11px;
}















/*BildungsKiez--page--style--start*/

.uber__area {
    padding-top: 95px;
    padding-bottom: 100px;
    background: #FFB38B;
}

.uber__title h2 {
    font-family: Nunito Sans;
    font-size: 64px;
    font-weight: 700;
    line-height: 58.56px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    margin-bottom: 70px;
}

.uber__single__box {
    border: 1px solid rgba(204, 204, 204, 1);
    background: #FFFFFF;
    padding: 28px 20px 25px 20px;
    position: relative;
    border-radius: 10px;
    margin: 0 10px;
}

.uber__single__box.bg-wd {
  width: 573px;
}
.uber__single__box.sm-wd {
  width: 417px;
}
.uber__img {
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
}

.uber__img img {
    width: 100%;
    height: 100%;
}

.check {
    position: absolute;
    max-width: 20px;
    height: auto !important;
    width: auto !important;
    top: 5px;
    right: 0;
}

.uber__box__ct {
    text-align: center;
}

.uber__top__ts h3 {
    font-family: Nunito Sans;
    font-size: 32px;
    font-weight: 700;
    line-height: 29.28px;
    text-align: center;
    margin: 10px 0;
    color: rgba(0, 180, 255, 1);
}

.uber__top__ts h6 {
    font-family: Nunito Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 18.3px;
    text-align: center;
    margin-bottom: 14px;
    color: rgba(0, 168, 107, 1);
}

.uber__box__fx span {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 16.08px;
    text-align: left;
    color: rgba(147, 147, 147, 1);
    padding: 0 20px;
    height: 33px;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(204, 204, 204, 1);
}

.uber__box__fx {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.uber__box__fx span:last-child {
    border: 0;
}

.uber__box__fx {}

.uber__top__ts p {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.33px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 18px;
}

.uber__btm__tx {
    padding-top: 14px;
    border-top: 1px solid rgba(204, 204, 204, 1);
}

.uber__btm__tx h5 {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 16.08px;
    text-align: left;
    color: rgba(147, 147, 147, 1);
    display: flex;
    align-items: center;
}

.uber__btm__tx h5 span {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DE6B3B;
  border-radius: 50%;
  margin-right: 8px;
}











/*packet--area--style-start*/

.paket__area {
  padding: 100px 0;
  background: #F5F5F5;
}
.packet__title {
  text-align: center;
}
.packet__title h3 {
  font-family: Nunito Sans;
  font-size: 48px;
  font-style: italic;
  font-weight: 600;
  line-height: 65.47px;
  letter-spacing: -0.035em;
  text-align: center;
  margin: 0;
  color: rgba(0, 0, 0, 1);
}
.packet__title h2 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 87.3px;
  letter-spacing: -0.02em;
  text-align: center;
  color: rgba(0, 180, 255, 1);
  margin-bottom: 28px;
}
.packet-link {
  width: 440px;
  height: 80px;
  background: #fff;
  border: 3px solid rgba(147, 147, 147, 1);
  border-radius: 50px;
  margin: 0 15px;
  padding: 0;
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.28px;
  text-align: center;
  color: rgba(0, 9, 20, 1);
}
.packet-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 47px;
}
.packet-link.active {
  background: rgba(0, 168, 107, 1);
  color: #fff;
  border-color: transparent;
}
.packet__tab__body {
  padding: 52px;
  box-shadow: 12px 12px 55px 0px rgba(0, 0, 0, 0.09);
  background: rgba(255, 255, 255, 1);
  border-radius: 20px;
}
.packet__body_title h3 {
  text-align: center;
  font-family: Nunito Sans;
  font-size: 40px;
  font-weight: 600;
  line-height: 54.56px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 46px;
  color: rgba(0, 0, 0, 1);
}
.packet__lf__top h6 {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 700;
  line-height: 43.65px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 7px;
  color: rgba(0, 180, 255, 1);
}
.packet__lf__top h4 {
  font-family: Raleway;
  font-size: 64px;
  font-weight: 800;
  line-height: 75.14px;
  letter-spacing: -0.02em;
  text-align: left;
  color: rgba(0, 168, 107, 1);
  margin-bottom: 30px;
  display: flex;
  align-items: end;
}
.packet__lf__top h4 span {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 43.65px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
.alli {
  padding: 14px 10px;
  background: #CCF0FF;
  border-radius: 10px;
  position: relative;
}
.alli p {
  font-family: Lato;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 0;
  align-items: center;
}
.alli p img {
  margin-right: 8px;
}
.packet__lf {
  width: 46.2%;
}
.alli.ali-sec p img {
  position: absolute;
  left: 0;
  top: 0;
}
.alli.ali-sec {
  padding-left: 55px !important;
  padding: 0;
  background: transparent;
  margin-top: 20px;
}
.packet__lf__tx {
  margin-top: 36px;
}
.packet__lf__tx p {
  font-family: Lato;
  font-size: 28px;
  font-weight: 600;
  line-height: 33.6px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 38px;
}
.packet__lf__tx a {
  width: 452px;
  height: 75px;
  background: #FFB38B;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  transition: .3s;
  color: #fff;
  border-radius: 88px;
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 600;
  line-height: 34.13px;
  text-align: center;
}
.packet__lf__tx a:hover {
  background: transparent;
  border: 2px solid #FFB38B;
  color: #FFB38B;
}
.packet__ri {
  width: 42.7%;
}
.packet__ri h5 {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 43.65px;
  text-align: left;
  color: rgba(0, 180, 255, 1);
  margin-bottom: 17px;
}
.packet__ri ul li {
  font-family: Lato;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: rgba(86, 86, 86, 1);
  position: relative;
  padding-left: 53px;
  padding-bottom: 12px;
  border-bottom: 0.5px solid rgba(204, 204, 204, 1);
  margin-bottom: 12px;
}
.packet__ri ul li span {
  font-weight: 500;
  color: #000;
}
.packet__ri ul li img {
  position: absolute;
  top: 10px;
  left: 10px;
}
.packet__ri ul li:last-child {
  margin: 0;
  padding-bottom: 0;
  border: 0;
}
.packet__fx {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
/*packet--area--style-end*/



/*interview--area--style--start*/

.interview__area {
  padding-bottom: 100px;
  position: relative;
  margin-top: -160px;
}
.inter__sp {
  position: absolute;
  bottom: 55px;
  left: 0;
  z-index: -1;
}
.interview__img {
  width: 54%;
}
.interview__content {
  width: 45%;
}
.interview__fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.interview__img img {
  width: 100% !important;
}
.interview__content a {
  font-family: Nunito Sans;
  font-size: 32px;
  font-weight: 600;
  line-height: 43.65px;
  text-align: left;
  color: rgba(25, 204, 163, 1);
  display: flex;
  align-items: center;
}
.interview__content a span {
  width: 47px;
  height: 47px;
  background: #19CCA3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 39px;
  margin-right: 10px;
}
.interview__content h3 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 87.3px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 8px;
}
.interview__content p {
  margin: 0;
  font-family: Lato;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.interview__inner {
  position: relative;
}
.interview__btn {
  width: 480px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  z-index: 999999;
}
.interview__btn a {
  width: 100%;
  height: 100%;
  background: #DE6B3B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 88px;
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  text-align: center;
  border: 2px solid transparent;
  transition: .3s;
}
.interview__btn a:hover {
  background: transparent;
  border: 2px solid #DE6B3B;
  color: #DE6B3B;
}

.interview__title h5 {
  font-family: Nunito Sans;
  font-size: 58px;
  font-weight: 400;
  line-height: 72px;
  text-align: left;
  margin: 0;
}
.interview__title h3 {
  font-family: Nunito Sans;
  font-size: 78px;
  font-weight: 700;
  line-height: 75px;
  text-align: left;
  margin: 0;
  color: rgba(0, 180, 255, 1);
}
.interview__title {
  margin-bottom: 110px;
}

.interview__area .owl-dots button {
  width: 53px;
  height: 10px;
  background: #FACED6 !important;
  margin: 0 5px;
  display: inline-block;
  border-radius: 16px;
}
.interview__area .owl-dots button.active {
  background: #FFB38B !important;
}
.interview__area .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 15%;
}
/*interview--area--style--end*/



/*jens--area--style--start*/

.jens__area {
  position: relative;
  padding-top: 40px;
  padding-bottom: 0;
}
.jens__sp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.jens__icon {
  max-width: 600px;
  margin: auto;
  z-index: 99999;
  position: relative;
  margin-bottom: 30px;
}
.jens__icon img {
  width: 69%;
  margin: ;
}
.jens__icon {
  text-align: center;
}
.jens_video__title h2 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 64.32px;
  text-align: center;
  margin: 0;
}
.jens_video__title h2 span {
  color: rgba(0, 180, 255, 1);
}
.jens__video {
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 999999;
  background: #F2943C;
  padding: 20px;
  border-radius: 20px;
  margin-top: 34px;
}
.jens__video a {
  width: 100%;
  display: flex;
  position: relative;
}
.jens__video a img {
  width: 100%;
}
.jens__video a span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 97px;
  height: 97px;
  background: rgb(243, 133, 153);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 68px;
  border: 1px solid #fff;
}
.jens__video a span img {
  max-width: 28px;
}


.von__box {
  width: 725px;
  height: 725px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  box-shadow: 12px 12px 75px 0px rgba(0, 0, 0, 0.09);
  border-radius: 50%;
  background: #FFFFFF;
  margin-left: -4%;
}
.von__box h5 {
  font-family: Nunito Sans;
  font-size: 95px;
  font-weight: 700;
  line-height: 118.75px;
  text-align: center;
  color: rgba(30, 30, 30, 1);
}
.von__box h6 {
  font-family: Nunito Sans;
  font-size: 40px;
  font-weight: 700;
  line-height: 40.2px;
  text-align: center;
  color: rgba(30, 30, 30, 1);
  margin-bottom: 22px;
}
.von__box p {
  font-family: Nunito Sans;
  font-size: 40px;
  font-weight: 400;
  line-height: 40.2px;
  text-align: center;
  margin: 0;
}

.pool__box {
  width: 534px;
  height: 534px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F2943C;
  border-radius: 50%;
  position: absolute;
  bottom: 13%;
  left: 321px;
  flex-direction: column;
  text-align: center;
  padding: 4px;
}
.pool__box h5 {
  font-family: Nunito Sans;
  font-size: 95px;
  font-weight: 700;
  line-height: 118.75px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 20px;
}
.pool__box p {
  margin: 0;
  font-family: Nunito Sans;
  font-size: 35px;
  font-weight: 400;
  line-height: 40.2px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.von__box.Quote_box {
  background: #1E1E1E;
  position: absolute;
  top: 408px;
  right: 38px;
}
.von__box.Quote_box h5 {
  color: #fff;
}
.von__box.Quote_box p {
  color: rgba(255, 255, 255, 1);
}
.jens__inner {
  position: relative;
  padding-top: 720px;
  padding-bottom: 890px;
  margin-top: -330px;
}

.pool__box.pool___box_sec {
  width: 623px;
  height: 623px;
  background: #DE6B3B;
  box-shadow: 12px 12px 75px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: 44px;
  right: 205px !important;
  left: auto;
}

.pool__heding h3 {
  font-family: Nunito Sans;
  font-size: 96px;
  font-weight: 700;
  line-height: 96px;
  text-align: left;
  color: #fff;
  margin: 0;
}
.pool__heding {
  position: absolute;
  right: 11%;
  top: 56%;
}
.ls1 {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 410px;
}


.ls2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -111;
}
/*jens--area--style--end*/





/*bild--area--style--start*/
.bild__wrap {
	position: relative;
	padding-top: 129px;
	padding-bottom: 190px;
}
.bild__area {
  position: relative;
  z-index: 9999;
  background: #F5F5F5;
}
.bild__ct {
  max-width: 833px;
  margin-left: auto;
}
.bild__ct h5 {
  font-family: Nunito Sans;
  font-size: 48px;
  font-style: italic;
  font-weight: 600;
  line-height: 65.47px;
  text-align: left;
  color: rgba(0, 168, 107, 1);
  margin: 0;
}
.bild__ct h3 {
  font-family: Nunito Sans;
  font-size: 64px;
  font-weight: 700;
  line-height: 87.3px;
  letter-spacing: -0.03em;
  text-align: left;
  color: rgba(0, 180, 255, 1);
}
.bild__ct p {
  margin: 0;
  font-family: Lato;
  font-size: 28px;
  font-weight: 400;
  line-height: 49px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.mobile__img {
  position: absolute;
  top: 50px;
  left: 40px;
}
.mobile__img img {
	width: 100%;
}
/*bild--area--style--end*/







/*BildungsKiez--page--style--end*/







  .video-container {
            position: relative;
            width: 100%;
            max-width: 100%; /* Adjust as needed */
        }

        /* Styling for the video */
        video {
            width: 100%;
            height: auto;
        }

        /* Styling for the play button */
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -54%);
            width: 80px;
            height: 80px;
            background-color: #D97B81;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Styling for the play icon */
        .play-button::after {
            content: '\25B6'; /* Unicode character for play icon */
            font-size: 40px;
            color: white;
        }


.video-container video {
	border-radius: 20px;
}








/* employer side page four start here */

/* hero area start here */

.employer__page-four.hero-content {
    padding-bottom: 0;
}

.employer__page-four .custom-btn {
    margin-top: 38.36px;
    margin-bottom: 100px;
}

.employer__page-four .hero-text h4 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    width: 80%;
}

.employer__page-four .hero-text h1 {
    margin-bottom: 0;
}

.employer__page-four .hero-text h3 {
    color: #F2943C;
    font-style: normal;
    font-size: 78px;
    line-height: 106.39px;
    font-weight: 700;
}

.employer__page-four .hero-text h1 {
    font-size: 95px;
    line-height: 129.58px;
    font-weight: 700;
}

.employer__page-four .hero-ph h2 {
    font-size: 50px;
    color: #1E1E1E;
    line-height: 50.25px;
    font-weight: 700;
}

.employer__page-four .hero-ph span {
    font-weight: 400;
    font-size: 36px;
    line-height: 43.2px;
    margin-bottom: 30px;
    display: block;
    margin-top: 20px;
}

.employer__page-four .hero-ph p {
    font-weight: 400;
    font-size: 36px;
    line-height: 43.2px;
    margin-bottom: 30px;
}

.employer__page-four .wrapper-worker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.employer__page-four .wrapper-bg {
    position: absolute;
    top: 630px;
    z-index: -1;
    left: -178px;
}

.hero__brand-area .brand-area {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    background: transparent;
}

.employer__page-four svg {
    margin-top: 3px;
    margin-left: 10px;
}

/* hero area end here */



/* lost area strt here */

#lost {
    background: #F6F6F6;
    padding-top: 200px;
}

#lost .area__title h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 64.32px;
}

#lost .area__title h1 span:nth-child(1) {
    color: #DE6B3B;
}

#lost .area__title h1 span {
    color: #F2943C;
}

.area__title p {
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 32px;
}

.lost__area.employer__page-four {
    position: relative;
    background: #DE6B3B;
    padding-top: 71px;
    padding-bottom: 75px;
}

.employer__page-four .lost__flexbox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 20px;
}

.employer__page-four .lost__item {
    width: 32%;
    padding: 0;
    margin-top: 30px;
    height: 270px;
    display: flex;
    border-radius: 0;
}

.employer__page-four .lost__item h4 {
    font-size: 40px;
    font-weight: 400;
    color: #1E1E1E;
}

/* lost area end here */



/* academy area start here */

.academy__img {
    display: none;
}
.academy__area.employ.employer__page-four {
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
}

.employer__page-four .academy__content {
    display: flex;
    gap: 132px;
    position: relative;
    padding: 0 20px;
    flex-wrap: nowrap;
}

.academy__eclipse {
    position: absolute;
    z-index: -1;
    bottom: 100px;
    left: 280px;
}

.academy__man {
    position: absolute;
    bottom: 0;
    left: -172px;
}

.employer__page-four .academy__item.item__one {
    width: 55%;
}

.employer__page-four .academy__item.item__two {
    width: 45%;
    position: relative;
    z-index: 1;
}

.employer__page-four .item__one .academy__text {
    padding: 62px 33px;
    border: 1px solid #000;
    border-radius: 20px;
    background: #F9F9F9;
}

.employer__page-four .item__one .academy__text {
    padding: 62px 33px;
    border: 1px solid #000;
    border-radius: 20px;
    padding-left: 360px;
}

.employer__page-four .academy__item h3 {
    font-size: 48px;
    font-weight: 600;
    font-style: italic;
    color: #F2943C;
    line-height: 48px;
}

.employer__page-four .academy__item h1 {
    color: #DE6B3B;
    line-height: 64px;
    font-weight: 700;
    margin-bottom: 50px;
}

.employer__page-four .academy__text h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: #1E1E1E;
    margin-bottom: 30px;
}

.employer__page-four .academy__text p {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 20px;
}

.employer__page-four .btn__classic {
    height: 100px;
    background: #F2943C;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 600;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 60px;
    transition: .3s;
}

.employer__page-four .btn__classic:hover {
    background: #fff;
    border-color: #F2943C;
    color: #F2943C;
}

.academy__top {
    position: relative;
    z-index: 9;
}

.employer__page-four .btn__classic i {
    margin-top: 8px;
    font-size: 25px;
    margin-left: 10px;
}

.employer__page-four .academy__text h5 {
    font-size: 40px;
    font-weight: 400;
    line-height: 40.2px;
    margin-bottom: 12px;
}

.employer__page-four .academy__text {
    margin-bottom: 26px;
    border-radius: 20px;
}

.employer__page-four .academy__item.item__two .academy__text {
    padding: 43px 54px;
    position: sticky;
    top: 168px;
    left: 0;
}

.employer__page-four .academy__text.box__one {
    background: #F5C8D0;
}

.employer__page-four .academy__text.box__two {
    background: #DE6B3B;
    color: #fff;
}

.employer__page-four .academy__text.box__three {
    background: #BAF0DC;
}

.employer__page-four .academy__text.box__two p {
    color: #fff;
}

/* academy area end here */


/* employer side page four end here */






.flip-card {
  width: 100%;
  height: 100%;
  perspective: 1000px;
  box-shadow: unset;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flip-card-front {
  background: #FFFFFF;
  color: black;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #000;
}

.flip-card-back {
  background: #FFFFFF;
  color: white;
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #000;
}












* {
    box-sizing: border-box;
}
@keyframes ticker {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.ticker-wrap {
    padding-right: 100%;
    box-sizing: content-box;
}
.ticker-wrap .ticker {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
     animation: ticker 40s infinite linear;
    margin-bottom: 20px;
}
.ticker-wrap .ticker__item {
    display: inline-block;
    
}


@keyframes ticker2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}

.ticker-wrap {
    padding-right: 100%;
    box-sizing: content-box;
    overflow: hidden;
}
.ticker-wrap .ticker2 {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
     animation: ticker2 50s infinite linear;
    margin-bottom: 0;
}
.ticker-wrap .ticker__item {
    display: inline-block;
    
}







.custom-btn a:hover {
    background: transparent !important;
     border-color: var(--secondary-color) !important;
     color: var(--secondary-color) !important;
   }
   .custom-btn a:hover svg {
     filter: brightness(0000);
   }