.cl-main-banner { position: relative; } .cl-main-banner .owl-item .cl-main-banner__main-title { opacity: 0; transition: 0.5s; left: -300px; } .cl-main-banner .owl-item .cl-main-banner__sub-title { opacity: 0; transition: 0.4s; left: -400px; } .cl-main-banner .owl-item .cl-main-banner__btn { opacity: 0; transition: 0.3s; left: -550px; } .cl-main-banner .owl-item.active .cl-main-banner__main-title { opacity: 1; transition: 0.5s; left: 0px; } .cl-main-banner .owl-item.active .cl-main-banner__sub-title { opacity: 1; transition: 0.4s; left: 0px; } .cl-main-banner .owl-item.active .cl-main-banner__btn { opacity: 1; transition: 0.3s; left: 0px; } .cl-main-banner .owl-carousel .owl-nav { position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; z-index: 2; height: 1px; margin: auto; display: flex; justify-content: space-between; align-items: center; } .cl-main-banner .owl-carousel .owl-nav button.owl-next, .cl-main-banner .owl-carousel .owl-nav button.owl-prev { height: 40px; width: 40px; padding: 10px !important; line-height: 1; border-radius: 50%; background-color: var(--yellow); } .cl-main-banner .owl-carousel .owl-nav button.owl-next svg, .cl-main-banner .owl-carousel .owl-nav button.owl-prev svg { width: 100% !important; margin-top: -1px; } .cl-main-banner .owl-carousel .owl-nav button.owl-next svg { margin-right: -5px; } .cl-main-banner .owl-carousel .owl-nav button.owl-prev svg { margin-left: -5px; } .cl-main-banner__content { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 2; align-items: center; } @media (max-width: 767px) { .cl-main-banner__content { align-items: flex-start; } } .cl-main-banner__img { z-index: 1; position: relative; } .cl-main-banner__main-title { font-weight: 900; margin-bottom: 0; font-size: 55px; position: relative; } @media (max-width: 960px) { .cl-main-banner__main-title { font-size: 35px; } } @media (max-width: 767px) { .cl-main-banner__main-title { margin-top: 30px; } } @media (max-width: 460px) { .cl-main-banner__main-title { font-size: 26px; margin-top: 0px; } .cl-main-banner__main-title br { display: none; } } .cl-main-banner__sub-title { font-weight: 500; font-size: 25px; margin-bottom: 30px; margin-top: 0; position: relative; } @media (max-width: 960px) { .cl-main-banner__sub-title { font-size: 20px; } } @media (max-width: 460px) { .cl-main-banner__sub-title { font-size: 14px; margin-bottom: 15px; } .cl-main-banner__sub-title br { display: none; } } .cl-main-banner__btn { background: linear-gradient(270deg, #45db33, #00bfff); color: var(--white); padding: 10px 30px; border-radius: 8px; position: relative; display: inline-block; box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.35); } @media (max-width: 460px) { .cl-main-banner__btn { padding: 5px 15px; } } .cl-main-banner__btn:hover { text-decoration: none; color: var(--white); background: linear-gradient(90deg, #45db33, #00bfff); } .cl-main-banner__btn img { width: 15px !important; display: inline-block !important; } .cl-home-banner-right { padding-left: 80px; padding-right: 80px; max-width: 360px; } @media (max-width: 960px) { .cl-home-banner-right { padding: 50px; } } .cl-home-top .animation__arrows { top: -5em !important; right: 4rem !important; } @media (max-width: 1600px) { .cl-home-top .heading__right h2 { font-size: 40px !important; max-width: 245px; } .cl-home-top .heading__right p { margin: 10px 0px; } } @media (max-width: 1400px) { .cl-home-top .heading__right h2 { font-size: 30px !important; max-width: 235px; } .cl-home-top .heading__right p { margin: 10px 0px; } } @media (max-width: 1400px) { .cl-home-top .heading__right h2 { font-size: 30px !important; max-width: 235px; } .cl-home-top .heading__right p { margin: 10px 0px; } } @media (max-width: 1200px) { .cl-home-top .heading__right h2 { font-size: 25px !important; max-width: 210px; } .cl-home-top .heading__right p { margin: 10px 0px; } .cl-home-top .index__button { padding: 5px 13px !important; } } .cl-download-guide h5 { font-family: Gotham; font-size: 20px; color: #005f83; font-weight: 700; } .cl-download-guide__modal { border-radius: 15px; } .cl-download-guide__form-btn { white-space: pre-wrap; font-size: 0.875rem; min-width: 10rem; max-height: 4.0625rem; min-height: 3.75rem; line-height: 1; font-family: Gotham; cursor: pointer; display: inline-block; font-weight: 900; margin: 0; position: relative; text-align: center; transition: all 0.15s linear; border: 1px solid; margin-top: 18px; margin-bottom: 18px; border: none; border-radius: 40px; color: #fff; padding: 20px 17px; background: linear-gradient(to right, rgb(69, 219, 51), rgb(0, 191, 255)); } .cl-download-guide__value { font-weight: 600; color: var(--black); max-width: 60%; text-align: right; } .cl-download-guide__link { margin-top: 20px; } @media (max-width: 560px) { .cl-creating-opportunities__content h2.gradient__text { font-size: 1.7rem; } } .cl-creating-opportunities__content p { color: var(--blue); font-size: 20px; } @media (max-width: 960px) { .cl-creating-opportunities__img-holder img { max-width: 60%; margin: auto; display: block; } } @media (max-width: 675px) { .cl-creating-opportunities__img-holder img { max-width: 100%; } } .cl-brands__title { font-size: 50px; } @media (max-width: 960px) { .cl-brands__title { font-size: 40px; } } @media (max-width: 675px) { .cl-brands__title { font-size: 30px; } } .cl-brands__item { padding: 3rem 0; } .cl-brands__item--tasccorp .cl-brands__item-content { height: auto; max-width: 570px; } .cl-brands__item--tasccorp .cl-brands__btn-holder { margin-top: inherit; } .cl-brands__item--futuremilez { background-color: #003595; } .cl-brands__item--aiqu { background: -moz-linear-gradient(0deg, #8c4799 0%, #563d82 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8c4799), color-stop(100%, #563d82)); background: -webkit-linear-gradient(0deg, #8c4799 0%, #563d82 100%); background: -o-linear-gradient(0deg, #8c4799 0%, #563d82 100%); background: -ms-linear-gradient(0deg, #8c4799 0%, #563d82 100%); background: linear-gradient(90deg, #8c4799 0%, #563d82 100%); position: relative; } .cl-brands__item--corp { background-color: #005F83; } .cl-brands__item-one { display: flex; height: 100%; background-color: #045368; flex-direction: column; justify-content: center; } .cl-brands__item-content { padding: 0 1rem; display: flex; flex-flow: column; max-width: 510px; margin: auto; height: 100%; position: relative; z-index: 2; } .cl-brands__item-content h3 { margin-bottom: 0; margin-top: 30px; font-size: 35px; } @media (max-width: 560px) { .cl-brands__item-content h3 { font-size: 24px; } } .cl-brands__item-content p { color: var(--white); margin-top: 0; font-size: 20px; } .cl-brands__item-content .uk-button.uk-button-large.uk-button-default { display: inline-block; min-width: 170px; border: none; min-height: 2.75rem; } .cl-brands__btn-holder { margin-top: auto; } .cl-meet-emiratization { position: relative; } .cl-meet-emiratization::after { left: 0; right: 0; top: 0; bottom: 0; position: absolute; content: ""; background-image: url(../images/new-home/3.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; margin: auto; } .sub-card-bg { padding: 20px; background: #005f83; border-radius: 40px 40px 0px 0px; } .cycle-sub-card-bg p { font-size: 18px; padding: 25px; font-weight: 600; } .cl-join-emiratization { background-color: #41b6e9; } .cl-join-emiratization::after { left: 0; right: 0; top: 0; bottom: 0; position: absolute; content: ""; background-image: url(../images/new-home/2.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; margin: auto; } .cl-meet-section { position: relative; } .cl-meet-section::after { left: 0; right: 0; top: 0; bottom: 0; position: absolute; content: ""; background-image: url(../images/new-home/meet-bg.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 70%; margin: auto; } @media (max-width: 675px) { .cl-meet-section::after { background-size: cover; width: 100%; } } .cl-meet-section span { font-weight: 600; } .cl-meet-section h2 { font-size: 40px; } @media (max-width: 560px) { .cl-meet-section h2 { font-size: 1.7rem; } } .cl-meet-section h2 a { color: var(--white); text-decoration: none; font-size: 40px; } @media (max-width: 560px) { .cl-meet-section h2 a { font-size: 1.7rem; } } .cl-meet-section__content { max-width: 66%; } @media (max-width: 960px) { .cl-meet-section__content { max-width: 80%; } } @media (max-width: 675px) { .cl-meet-section__content { max-width: 100%; } } .cl-meet-section__content p { font-size: 20px; } .page-home .footer::before { position: absolute; left: 0; right: 0; top: 0; width: 0; height: 0; border-width: 65px 38px 50px 38px; border-style: solid; border-color: #2ed278 transparent transparent transparent; content: ""; margin: auto; } .page-home .footer .oi-footer { padding-top: 50px; } .emiratization-section .uk-input, .emiratization-section .uk-input:disabled, .emiratization-section .uk-select:not([multiple]):not([size]) { border-radius: 12px; } .new-font-size { font-size: 40px; } @media (max-width: 1200px) { .new-font-size { font-size: 35px; } } @media (max-width: 991px) { .new-font-size { font-size: 30px; } } @media (max-width: 691px) { .new-font-size { font-size: 22px; } }/*# sourceMappingURL=new-home.css.map */