html {
scroll-behavior: smooth;
/* Enable smooth scrolling */
}
h1[id],
p[id] {
scroll-margin-top: 150px;
/* Add some margin before scrolling to the element */
}
body {
background-color: rgb(255, 255, 255);
margin: 0px !important;
padding: 0px !important;
overflow-x: hidden !important;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* CSS for the preloader image */
.preloader-image {
width: 5px;
/* Adjust the width as per your GIF size */
height: 5px;
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 1;
transition: opacity 0.6s ease-in-out;
}
.preloader.fade-out {
opacity: 0;
}
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
.content {
overflow: hidden;
}
/* NavBar */
.navbar-style {
background-color: #FFFFFF;
padding: 0px 0px 0px 0px ;
}
.navbar-logo {
width: 50px !important;
height: 50px !important;
margin-left: 15px;
}
.font-full{
height: 100%;
}
.navbar-font {
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 17px;
color: rgba(56, 56, 56, 0.952);
margin-right: 20px;
position: relative;
height: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.navbar-font:hover {
color: #50147A;
}
.navbar-font::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.5px;
background-color: #50147A;
/* Change this color as needed */
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
/* Add transition for smooth animation */
}
.navbar-font:hover::before {
transform: scaleX(1);
}
@media (max-width: 991px) {
.navbar-font::before {
/* Override the styles here to disable the effect */
content: none;
position: static;
top: auto;
left: auto;
width: auto;
height: auto;
background-color: transparent;
transform: none;
transform-origin: initial;
transition: none;
}
}
.navbar-toggler {
margin-right: 50px !important;
padding: 10px !important;
color: white !important;
border: none !important;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
border: none !important;
}
.navbar-toggler:focus,
.navbar-toggler:active {
box-shadow: none !important;
outline: none !important;
}
@media (max-width: 991px) {
.navbar-collapse {
position: fixed;
top: 0;
left: -100%; /* Start the menu off-screen */
width: 250px; /* Adjust the width of the menu as needed */
height: 100%;
background-color: #fff; /* Adjust the background color as needed */
transition: left 0.3s ease-in-out; /* Animation duration and timing function */
z-index: 1000; /* Make sure the menu is above other content */
}
.navbar-collapse.active {
left: 0; /* Show the menu by moving it to the left edge */
}
.menu-items{
margin-left: 50px;
height: 60px;
border-top: #dfdfdf6e solid 0.25px;
display: flex;
align-items: center;
justify-content: start;
}
.menu-text {
color: #888;
font-size: 14px;
font-weight: 500;
margin-right: 10px;
padding: 15px !important;
}
/* Style for the menu icon */
.navbar-toggler-icon {
color: #888;
font-size: 20px;
}
/* Style for the close icon */
.navbar-toggler.collapsed .navbar-toggler-icon {
transform: rotate(90deg);
}
/* Style for the light gray line */
.navbar-menu::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ccc;
}
/* Style for the menu items */
.navbar-nav {
margin-top: 10px;
padding-left: 0;
}
.nav-item {
margin-bottom: 5px;
}
.nav-link {
color: #333;
transition: color 0.3s ease-in-out;
font-size: 16px;
}
/* Change color of menu items on hover */
.nav-link:hover {
color: #555;
}
}
/* Apply these styles for screens larger than 991px */
@media (min-width: 992px) {
.navbar-toggler {
order: 1;
}
.navbar-brand {
order: 2;
margin-left: 15px;
}
.navbar-collapse {
order: 2;
}
}
/* NavBar */
@media (min-width: 1220px) {
.carousel-inner {
margin-top: 150px;
margin-bottom: 20px;
}
}
.carousel-inner {
width: 100%;
height: 600px;
margin-top: 100px;
margin-bottom: 20px;
}
.carousel-item .slide-image {
width: 100%;
height: 600px;
opacity: 70%;
background-size: cover;
background-position: center;
}
.slide-image {
position: relative;
}
.slide-container {
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80% !important;
height: 100px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
align-items: center;
}
.slide-container2 {
display: flex;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
width: 1000px;
height: 80px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.carousel-caption {
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 45px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
@media (max-width: 1220px) {
.carousel-caption {
font-size: 30px !important;
font-weight: 600;
position: absolute;
top: 22%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.slide-container {
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70% !important;
height: 75px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1080px) {
.slide-container {
display: flex;
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 60px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.carousel-caption {
font-size: 22px !important;
font-weight: 600;
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
}
.carousel-control-prev,
.carousel-control-next {
margin: 0 10px;
/* Adjust the margin as per your preference */
transform: translateY(-50%);
top: 50%;
width: auto;
}
@media (max-width: 768px) {
.carousel-inner,
.carousel-item .slide-image {
height: 400px;
}
.slide-container {
width: 300px;
height: 60px;
}
.carousel-caption {
font-size: 18px !important;
position: absolute;
top: 25%;
left: 50%;
font-weight: 600;
transform: translate(-50%, -50%);
text-align: center;
}
}
@media (max-width: 610px) {
.carousel-inner,
.carousel-item .slide-image {
height: 400px;
}
.slide-container {
width: 400px !important;
height: 50px;
}
.carousel-caption {
font-size: 14px !important;
position: absolute;
top: 25%;
left: 50%;
font-weight: 600;
transform: translate(-50%, -50%);
text-align: center;
}
}
@media (max-width: 430px) {
.carousel-inner,
.carousel-item .slide-image {
height: 400px;
}
.slide-container {
width: 300px !important;
height: 40px;
}
.carousel-caption {
font-size: 12px !important;
position: absolute;
top: 25%;
left: 50%;
font-weight: bold;
transform: translate(-50%, -50%);
text-align: center;
}
}
.our-products-container {
text-align: center;
margin-top: 80px;
}
@media (min-width: 500px) and (max-width: 993px) {
.row-cols-md-3 .col-sm-4 {
flex: 0 0 50%;
max-width: 50%;
}
}
/* For screens with a maximum width of 500px */
@media (max-width: 500px) {
.row-cols-md-3 .col-sm-4 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 500px) {
.cards-container {
display: flex;
align-items: center;
justify-content: center;
}
}
.cards-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.card {
width: 375px !important;
border: none !important;
background-color: white !important;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.034) !important;
margin-top: 50px !important;
color: #390075 !important;
font-family: 'Poppins', sans-serif !important;
gap: 15px;
}
.card-img-top {
width: 100%;
border-radius: 0;
}
.card-title {
font-size: 25px !important ;
font-weight: 500 !important;
}
@media (max-width:1024px){
.card-title {
font-size: 25px !important;
font-weight: 500 !important;
}
}
.card-text {
font-size: 17px !important;
font-weight: 300 !important;
}
.btn {
background-color: #50147A;
color: white;
border-radius: 0;
padding: 20px;
font-weight: 500;
width: 200px;
font-family: 'Poppins', sans-serif;
}
.btn:hover {
background-color: #a16ac9;
color: white;
}
/* Media Queries */
.about-us-container {
display: grid !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
color: #4C2774 !important;
}
.about-us-title {
font-size: 50px !important;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
color: #4C2774;
font-weight: bold !important;
}
.about-us-desc {
font-size: 18px !important;
font-family: 'Poppins', sans-serif !important;
font-weight: 500 !important;
text-align: center !important;
color: #4C2774 !important;
}
.btn {
padding: 15px;
width: 150px;
}
@media (max-width: 1200px) {
.about-us-container,
.our-products-container {
width: 100%;
}
.cards-container {
justify-content: center;
}
.card {
width: 300px !important;
}
}
@media (max-width: 768px) {
.navbar-text {
font-size: 16px;
gap: 20px;
}
.about-us-title {
font-size: 35px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
color: #4C2774;
}
.about-us-desc {
font-size: 18px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
}
.card {
width: 250px !important;
margin-top: 30px;
}
.btn {
padding: 15px;
width: 150px;
}
}
.video-youtube {
margin-top: 100px !important;
text-align: -webkit-center !important;
}
@media(max-width:650px) {
.video-youtube {
margin-top: 100px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: -webkit-center;
}
}
.center-container {
display: flex;
justify-content: center;
align-items: center;
height: auto;
}
.form-container {
text-decoration: none;
width: 300px;
text-align: center;
}
.form-control {
background-color: rgb(215, 207, 207);
border-radius: 0;
}
.form-control:focus {
border-color: #390075;
box-shadow: none;
outline: none;
border-top: none;
border-left: none;
border-right: none;
background-color: rgb(215, 207, 207);
}
.icons {
color: rgba(255, 255, 255, 0.692);
padding: 12px;
transition: transform .3s ease-in-out;
text-decoration: none;
}
.icon-link {
display: inline-block;
margin-right: 10px;
color: rgba(255, 255, 255, 0.692);
text-decoration: none;
}
.icon-link i {
font-size: 20px;
}
.icons:hover {
color: rgba(255, 255, 255, 0.692) !important;
border: none;
padding: 12px;
background-color: #390075 !important;
border-radius: 50%;
transform: scale(2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
text-decoration: none;
}
.powered {
display: flex;
align-items: center;
justify-content: center;
margin-top: auto;
}
.footer-line {
border-bottom: none;
border-right: none;
border-left: none;
border-top: solid 0.3px;
border-color: rgba(219, 219, 219, 0.226);
}
@media (min-width: 700px) {
.row-footer {
display: flex !important;
justify-content: space-around;
}
}
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
padding: 0px;
}
.image-about-us2 {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
padding: 0px;
}
.image-container {
display: flex;
position: absolute;
top: 90%;
left: 35%;
transform: translate(-50%, -50%);
width: 300px;
height: 60px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 40px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
@media(max-width:1400px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 80%;
left: 35%;
transform: translate(-50%, -50%);
width: 300px;
height: 60px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 40px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
@media(max-width:1280px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 70%;
left: 35%;
transform: translate(-50%, -50%);
width: 300px;
height: 60px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 40px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
@media(max-width:1130px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 60%;
left: 35%;
transform: translate(-50%, -50%);
width: 300px;
height: 60px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 40px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
@media(max-width:980px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 50%;
left: 35%;
transform: translate(-50%, -50%);
width: 200px;
height: 50px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 30px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
@media(max-width:810px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 40%;
left: 35%;
transform: translate(-50%, -50%);
width: 200px;
height: 50px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 25px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
@media(max-width:660px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 20%;
left: 35%;
transform: translate(-50%, -50%);
width: 100px;
height: 30px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 20px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
@media(max-width:320px) {
.img-about_us {
width: 100%;
height: auto;
object-fit: cover;
position: relative;
}
.image-container {
display: flex;
position: absolute;
top: 20%;
left: 35%;
transform: translate(-50%, -50%);
width: 120px;
height: 40px;
background-color: rgba(255, 255, 255, 0.445);
align-items: center;
justify-content: center;
}
.image-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #50147A;
font-size: 20px;
font-weight: 600;
width: 100%;
font-family: 'Roboto Condensed', sans-serif;
}
}
.about-us-page-desc {
margin-top: 120px;
display: grid;
align-items: center;
justify-content: center;
text-align: start;
width: auto;
color: #50147A;
font-family: 'Poppins', sans-serif;
font-size: 17px;
font-weight: 400;
}
.our_specialties {
margin-top: 40px !important;
color: #50147A !important;
font-weight: 700 !important;
text-align: center !important;
}
.specialties-list {
margin-top: 80px !important;
margin-left: 25% !important;
}
.specialty {
margin-bottom: 50px !important;
font-weight: 400 !important;
font-size: 17px !important;
color: #4C2774;
}
.image-text-about-us {
position: relative;
width: 100%;
}
.image-about-us {
object-fit: cover;
width: 100% !important;
height: 600px;
}
.text-aboutus-image {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 20px;
font-weight: 700;
color: black;
}
.business-need-text {
position: absolute;
top: 40%;
left: 50%;
width: 400px;
transform: translate(-50%, -50%);
text-align: center;
font-size: 20px;
font-weight: 700;
}
@media (max-width:730px) {
.business-need-text {
position: absolute;
top: 40%;
left: 50%;
width: 300px;
transform: translate(-50%, -50%);
text-align: center;
font-size: 18px;
font-weight: 700;
}
}
@media (max-width:730px) {
.text-aboutus-image {
text-align: center;
font-size: 16px;
font-weight: 700;
}
.btn-aboutus-image {
font-size: 16px !important;
margin-top: 20px;
width: 200px !important;
font-weight: 500;
}
}
@media (max-width:660px) {
.text-aboutus-image {
text-align: center;
font-size: 16px;
font-weight: 700;
}
.btn-aboutus-image {
font-size: 14px !important;
margin-top: 20px !important;
width: 150px !important;
font-weight: 500;
}
}
@media (max-width:580px) {
.text-aboutus-image {
text-align: center;
font-size: 13px;
font-weight: 500;
}
.btn-aboutus-image {
font-size: 14px !important;
margin-top: 20px !important;
width: 150px !important;
font-weight: 500;
}
}
@media (max-width:460px) {
.text-aboutus-image {
text-align: center;
font-size: 12px;
font-weight: 500;
}
.btn-aboutus-image {
font-size: 14px !important;
position: absolute;
top: 75%;
left: 50%;
width: 400px;
transform: translate(-50%, -50%);
width: 150px !important;
font-weight: 500;
}
}
@media (max-width:380px) {
.text-aboutus-image {
text-align: center;
font-size: 11px;
font-weight: 400;
}
.btn-aboutus-image {
font-size: 11px !important;
position: absolute;
top: 75%;
left: 50%;
width: 200px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 150px !important;
font-weight: 400;
}
}
.btn-aboutus-image {
font-size: 18px;
margin-top: 50px;
width: 300px;
font-weight: 500;
}
.logo-footer {
width: 80px !important;
height: 80px !important;
float: left;
}
.bg-img {
position: relative;
background-color: #CED3D5;
width: 100%;
height: 800px;
}
.product-img {
margin-left: 43%;
margin-top: 5.4%;
width: 35%;
height: 700px;
}
.big-logo {
position: absolute;
width: 200px;
height: 200px;
top: 200px;
right: 56%;
}
.our-product-container {
position: absolute;
background-color: rgba(255, 255, 255, 0.432);
height: 60px;
width: 300px;
right: 53.5%;
bottom: 25%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
font-weight: 700;
color: #4C2774;
}
.centered {
text-align: -webkit-center;
}
.title1 {
color: #4C2774;
font-weight: 700;
font-size: 40px;
}
.title2 {
color: #4C2774;
font-weight: 700;
font-size: 25px;
}
.text1 {
color: #4C2774 !important;
font-size: 17px !important;
font-weight: 400;
}
.image1 {
width: auto;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
}
.contct-us-image {
width: 100%;
height: 1200px;
object-fit: cover;
max-width: 100%;
height: auto;
display: block;
}
@media only screen and (max-width: 768px) {
.contct-us-image {
/* Adjust the styles as per your requirement */
max-width: 100%;
height: auto;
}
}
.container-map {
padding: 0;
height: 600px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 150px;
}
.contact-us-image1 {
margin-top: 220px;
height: 500px;
width: auto;
}
.map {
margin-top: 220px;
}
.contact-us {
display: flex;
justify-content: space-evenly;
}
.contact-us-text-title {
color: #4C2774;
font-size: 45px;
font-weight: 700;
margin-bottom: 50px;
}
.contact-us-text {
margin-left: 10px;
font-size: 26px;
color: rgb(170, 170, 170);
font-weight: 500;
text-decoration: none !important;
display: inline;
}
.btn2 {
background-color: #e7e7e75b;
border: none;
padding: 30px !important;
width: 100%;
max-width: 500px !important;
box-sizing: border-box;
border: none;
}
.btn2:hover {
background-color: #b58ed1e0;
border: none;
}
.form-container {
max-width: 500px;
width: 100%;
}
.contact-us-tell {
width: 350px;
}
@media (max-width:520px) {
.contact-us-tell {
width: 350px;
}
}
@media (max-width:375px) {
.contact-us-tell {
width: 250px;
}
}
.form-group {
margin-bottom: 20px;
}
.bg-form {
background-color: #e7e7e75b;
border: none;
}
label {
color: #4f147a;
font-size: 18px;
display: block;
text-align: center;
}
input,
textarea {
background-color: #e4e4e444;
padding: 20px;
width: 100%;
border: none;
box-sizing: border-box;
}
@media (max-width:767px) {
.contact-us-center {
display: grid;
align-items: center;
justify-content: center;
text-align: center;
}
.tell-us-center {
display: grid;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
text-align: -webkit-center;
}
}
.img-map-row {
gap: 200px;
}
@media (max-width:1200px) {
.img-map-row {
gap: 100px;
}
}
@media (max-width:1100px) {
.img-map-row {
gap: 50px;
}
}
@media (max-width:1050px) {
.img-map-row {
gap: 5px;
}
}
.bg-img-prod {
background-color: #CED3D5;
}
.wl-img {
width: 70%;
height: 100%;
margin-left: 16%;
}
@media (max-width:490px) {
.wl-img {
margin-top: 12%;
}
}
/* .about-us-cover-text1{
margin-bottom: 80px;
}
.about-us-cover-text2{
color: #6D51FF;
font-weight: bold;
}
.about-us-cover-text3{
color: #B73235;
font-weight: bold;
} */
.footer-location {
color: white !important;
margin: 0 !important;
margin-bottom: 20px !important;
font-size: 17px;
width: 275px;
}
.footer-info {
color: rgba(255, 255, 255, 0.692);
text-decoration: none;
margin-bottom: 20px !important;
font-size: 17px;
}
.footer-info:hover {
color: rgba(255, 255, 255, 0.692);
text-decoration: none;
margin-bottom: 20px;
font-size: 17px;
}
.about-us2-width {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.about-us2 {
color: #734394 !important;
margin-bottom: 50px !important;
margin-top: 100px !important;
font-weight: 400 !important;
font-size: 19px;
font-style: italic;
}
.wpcf7-form input {
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
height: 46px;
margin-bottom: 0;
padding: 0 15px;
border-radius: 0;
background-color: FBFBFC;
width: 100%;
}
.wpcf7-form textarea {
font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
margin-bottom: 0;
padding: 15px;
background-color: FBFBFC;
width: 100%;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
border-bottom: 2px solid #4f147a !important;
outline: none !important;
}
.wpcf7-form input[type="submit"] {
background-color: #FBFBFC !important;
color: #333 !important;
text-align: center;
width:100%;
height: 50px;
border-radius: 0; /* No border radius */
font-weight: 400;
font-size: 18px;
justify-self: center;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #50147A !important;
color: white !important;
text-align: center;
width:100%;
height: 50px;
font-weight: 500;
font-size: 18px;
justify-self: center;
border-radius: 0; /* No border radius */
}
.list-specialties{
margin-top: 75px;
margin-left: 100px !important;
margin-bottom: 100px;
}
.specialties-title{
margin-top: 50px;
color: #4C2774;
font-weight: bold;
font-size: 50px;
}
.specialties-content{
font-size: 17px;
font-weight: 400;
color: #4C2774;
margin-bottom: 35px !important;
}
@media (max-width:767px){
.list-respon{
margin-top: 75px;
}
}
.about-us-content{
margin-top: 50px !important;
margin-left: 50px !important;
margin-right: 50px !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #4C2774 !important;
font-style: italic !important;
}
/* cache */
/* Readex Pro Regular */
@font-face {
font-family: 'Readex Pro Regular';
src: url('path-to-fonts/ReadexPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Readex Pro Medium */
@font-face {
font-family: 'Readex Pro Medium';
src: url('path-to-fonts/ReadexPro-Medium.ttf') format('truetype');
font-weight: normal;
/* or specify the appropriate weight */
font-style: normal;
}
/* Readex Pro SemiBold */
@font-face {
font-family: 'Readex Pro SemiBold';
src: url('path-to-fonts/ReadexPro-SemiBold.ttf') format('truetype');
font-weight: bold;
/* or specify the appropriate weight */
font-style: normal;
}
/* Readex Pro Light */
@font-face {
font-family: 'Readex Pro Light';
src: url('path-to-fonts/ReadexPro-Light.ttf') format('truetype');
font-weight: lighter;
/* or specify the appropriate weight */
font-style: normal;
}
/* Readex Pro Bold */
@font-face {
font-family: 'Readex Pro Bold';
src: url('path-to-fonts/ReadexPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
/* Gotham Light */
@font-face {
font-family: 'Gotham Light';
src: url('path-to-fonts/Gotham-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
margin: 0 !important;
padding: 0 !important;
background-color: #EDEDED;
}
.some-other-element {
font-family: 'Gotham Light', sans-serif;
/* Use 'Gotham Light' for this element */
/* Other styles for .some-other-element */
}
.header-container {
background-color: white !important;
width: 100% !important;
}
.second-container {
background-color: #EDEDED;
width: 100% !important;
display: flex;
align-items: center;
padding: 50px !important;
}
.third-container {
background-color: #8163E3 !important;
width: 100% !important;
padding: 50px !important;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.26);
}
.image-cache {
width: 100%;
height: 950px;
border-bottom-left-radius: 150px;
object-fit: cover;
}
.NCFE {
height: auto;
width: 300px;
margin-top: 50px;
margin-left: 30px;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 50px;
margin-right: 10px;
}
.cash-level-2-title1 {
font-size:45px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
}
.cash-level-2-title2 {
font-size: 26px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size:26px !important;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos-career {
height: 125px;
width: auto;
transform: scale(0.3);
}
.logos {
height: 125px;
width: 140px;
transform: scale(0.6);
}
.logoDubai {
height: 125px;
width: 140px;
}
.dubai-logo-logoD {
display: flex;
justify-content: center;
align-items: center;
}
.logo-description {
padding-left: 45px;
padding-right: 45px;
font-size: 18px;
font-weight: 400;
color: black !important;
font-family: 'Readex Pro Regular';
}
.fourth-container {
position: relative;
height: 200px;
background-color: white !important;
padding-left: 100px !important;
}
.fifth-container {
padding: 0px 70px 0px 70px !important;
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
}
.cash-level-2-title4 {
font-size: 45px;
font-weight: bold;
width: 400px !important;
font-family: 'Readex Pro Bold';
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
}
.description {
font-size: 28px;
font-weight: 500;
font-family: 'Readex Pro Medium';
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 30px;
font-weight: 700;
margin-left: 20px;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title6 {
margin-top: 100px;
font-size: 30px;
font-weight: 400;
margin-left: 20px;
font-family: 'Readex Pro Medium';
}
.sixth-container {
background-color: white !important;
display: flex;
align-items: center;
justify-content: end;
padding: 15px !important;
width: 100% !important;
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 24px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 24px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 150px;
margin-left: 5px;
margin-right: 10px;
}
.cards-container {
display: flex !important;
align-items: center;
justify-content: center;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 300px;
border-radius: 20px;
margin-top: 50px;
height: 225px;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 40px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 24px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 14px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 70px;
font-weight: bold;
font-family: 'Readex Pro Bold';
}
.centered-container {
text-align: center !important;
text-align: -webkit-center !important;
}
.bottom-line {
background-color: #52EFBC;
width: 900px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
}
.register-container {
background-color: #8163E3;
width: 40%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 50px;
margin-bottom: 25px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 50px;
font-family: 'Readex Pro Bold';
}
.logo-f {
margin-top: 90px !important;
height: auto;
width: 250px !important;
}
.custom-container2 {
background-color: #002137;
padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
color: #ffffff;
border-radius: 20px;
display: flex !important;
align-items: center;
margin-bottom: 15px;
}
.icon-circle2 {
display: flex;
justify-content: center;
align-items: center;
min-width: 80px;
min-height: 80px;
background-color: #e6e0f942;
border-radius: 50%;
margin-right: 15px;
}
.icon2 {
font-size: 30px !important;
color: white;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 30px;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 22px;
}
@media(max-width:1070px) {
.call-icon{
color:#6851b6;
font-size: 25px ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width: 300px;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.NCFE {
height: auto;
width: 200px;
margin-top: 30px;
margin-left: 30px;
}
.image-cache {
width: 100%;
height: 800px;
border-bottom-left-radius: 150px;
object-fit: cover;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 160px;
margin-left: 50px;
margin-right: 10px;
}
.cash-level-2-title1 {
font-size: 35px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
}
.cash-level-2-title2 {
font-size: 25px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size: 250px;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos-career {
height: 150px;
width: 250px !important;
padding: 20px;
}
.logos {
height: 150px;
width: 150px;
padding: 20px;
}
.logoDubai {
height: 150px;
width: 150px;
transform: scale(1.1);
padding: 20px;
}
.logo-description {
padding-left: 25px;
padding-right: 25px;
font-size: 17px;
font-weight: 400;
color: black !important;
font-family: 'Readex Pro Regular';
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
}
.cash-level-2-title4 {
font-size: 40px;
font-weight: bold;
width: 400px !important;
font-family: 'Readex Pro Bold';
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
}
.description {
font-size: 24px;
font-weight: 500;
font-family: 'Readex Pro Medium';
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 26px;
font-weight: 700;
margin-left: 20px;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title6 {
margin-top: 100px;
font-size: 30px;
font-weight: 400;
margin-left: 20px;
font-family: 'Readex Pro Medium';
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 230px;
border-radius: 20px;
margin-top: 50px;
height: 225px;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 35px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 21px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 14px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 130px;
margin-left: 5px;
margin-right: 10px;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 25px;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 16px;
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 55px;
font-weight: bold;
font-family: 'Readex Pro Bold';
}
.bottom-line {
background-color: #52EFBC;
width: 800px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
}
.register-container {
background-color: #8163E3;
width: 70%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 25px;
margin-bottom: 70px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 40px;
font-family: 'Readex Pro Bold';
}
.logo-f {
margin-bottom: 50px;
height: auto;
width: 200px;
}
}
@media(max-width:991px) {
.call-icon{
color:#6851b6;
font-size: 25px ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width: 300px;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.cards-center {
text-align: -webkit-center !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 190px;
border-radius: 20px;
margin-top: 50px;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 35px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 20px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 16px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
}
@media(max-width:960px) {
.call-icon{
color:#6851b6;
font-size: 25px ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width: 300px;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.NCFE {
height: auto;
width: 200px;
margin-top: 30px;
margin-left: 30px;
}
.image-cache {
width: 100%;
height: 800px;
border-bottom-left-radius: 150px;
object-fit: cover;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 160px;
margin-left: 50px;
margin-right: 10px;
}
.cash-level-2-title1 {
font-size:30px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
}
.cash-level-2-title2 {
font-size:25px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size: 20px !important;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos-career {
height: 100px;
width: 200px !important;
padding: 20px;
}
.logos {
height: 100px;
width: 120px;
padding: 20px;
}
.logoDubai {
height: 100px;
width: 120px;
transform: scale(1.1);
padding: 20px;
}
.logo-description {
padding-left: 25px;
padding-right: 25px;
font-size: 16px;
font-weight: 400;
color: black !important;
font-family: 'Readex Pro Regular';
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
}
.cash-level-2-title4 {
font-size: 40px;
font-weight: bold;
width: 400px !important;
font-family: 'Readex Pro Bold';
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
}
.description {
font-size: 22px;
font-weight: 500;
font-family: 'Readex Pro Medium';
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 26px;
font-weight: 700;
margin-left: 20px;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title6 {
margin-top: 100px;
font-size: 30px;
font-weight: 400;
margin-left: 20px;
font-family: 'Readex Pro Medium';
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 190px;
border-radius: 20px;
margin-top: 50px;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 35px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 20px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 16px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 130px;
margin-left: 5px;
margin-right: 10px;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 25px;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 16px;
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 45px;
font-weight: bold;
font-family: 'Readex Pro Bold';
}
.bottom-line {
background-color: #52EFBC;
width: 600px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
}
.register-container {
background-color: #8163E3;
width: 80%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 50px;
margin-bottom: 25px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 35px;
font-family: 'Readex Pro Bold';
}
.logo-f {
margin-bottom: 50px;
height: auto;
width: 200px;
}
}
@media(max-width:767px) {
.call-icon{
color:#6851b6;
font-size: 25px ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width: 300px;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.icon-circle2 {
display: flex;
justify-content: center;
align-items: center;
min-width: 60px;
min-height: 60px;
background-color: #e6e0f942;
border-radius: 50%;
margin-right: 15px;
}
.icon2 {
font-size: 25px !important;
color: white;
}
.header-container {
background-color: white !important;
width: 100% !important;
text-align: center;
}
.NCFE {
height: auto;
width: 200px;
margin-top: 30px;
margin-left: 0px;
text-align: center !important;
}
.image-cache {
width: 100%;
height: 600px;
border-bottom-left-radius: 0px !important;
object-fit: cover;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 160px;
margin-left: 0px;
margin-right: 0px;
display: none;
}
.cash-level-2-title1 {
font-size:30px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
text-align: center;
border-bottom: #52EFBC 4px solid;
}
.cash-level-2-title2 {
font-size: 20px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size: 20px !important;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos {
height: auto;
width: 130px;
padding: 20px;
}
.logo-description {
padding-left: 25px;
padding-right: 25px;
font-size: 15px;
font-weight: 400;
color: black !important;
font-family: 'Readex Pro Regular';
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.cash-level-2-title4 {
font-size: 25px;
font-weight: bold;
width: 400px !important;
font-family: 'Readex Pro Bold';
text-align: center !important;
}
.fifth-container {
padding: 0px 70px 0px 70px !important;
text-align: center !important;
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
justify-content: center;
}
.description {
font-size: 22px;
font-weight: 500;
font-family: 'Readex Pro Medium';
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 26px;
font-weight: 700;
margin-left: 20px;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title6 {
margin-top: 100px;
font-size: 30px;
font-weight: 400;
margin-left: 20px;
font-family: 'Readex Pro Medium';
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 250px;
border-radius: 20px;
margin-top: 50px;
height: auto;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 40px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 22px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 18px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 130px;
margin-left: 5px;
margin-right: 10px;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 22px;
text-align: start;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 16px;
text-align: start;
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 40px;
font-weight: bold;
font-family: 'Readex Pro Bold';
border-bottom: #52EFBC 4px solid;
}
.bottom-line {
background-color: #52EFBC;
width: 400px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.register-container {
background-color: #8163E3;
width: 80%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 50px;
margin-bottom: 25px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 24px;
font-family: 'Readex Pro Bold';
margin: 0;
}
.logo-f {
margin-bottom: 50px;
height: auto;
width: 200px;
}
}
@media(max-width:560px) {
.call-icon{
color:#6851b6;
font-size: 20px !important ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 20px !important;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width:250px !important;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 20px !important;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.header-container {
background-color: white !important;
width: 100% !important;
text-align: center;
}
.NCFE {
height: auto;
width: 200px;
margin-top: 30px;
margin-left: 0px;
text-align: center !important;
}
.image-cache {
width: 100%;
height: 600px;
border-bottom-left-radius: 0px !important;
object-fit: cover;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 160px;
margin-left: 0px;
margin-right: 0px;
display: none;
}
.second-container {
place-content: center;
}
.cash-level-2-title1 {
font-size: 30px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
text-align: center !important;
border-bottom: #52EFBC 4px solid;
}
.cash-level-2-title2 {
font-size: 20px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size: 20px !important;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos {
height: auto;
width: 130px;
padding: 20px;
}
.logo-description {
padding-left: 25px;
padding-right: 25px;
font-size: 14px;
font-weight: 400;
color: black !important;
font-family: 'Readex Pro Regular';
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.fifth-container {
padding: 0px 70px 0px 70px !important;
text-align: center !important;
}
.cash-level-2-title4 {
font-size: 30px;
font-weight: bold;
width: auto !important;
font-family: 'Readex Pro Bold';
text-align: center;
border-bottom: #52EFBC 4px solid;
text-align: center !important;
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
}
.description {
font-size: 22px;
font-weight: 500;
font-family: 'Readex Pro Medium';
text-align: center !important;
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 22px;
font-weight: 700;
margin-left: 0px !important;
font-family: 'Readex Pro SemiBold';
text-align: center !important;
}
.cash-level-2-title6 {
margin-top: 100px;
font-size: 22px;
font-weight: 400;
margin-left: 0px !important;
font-family: 'Readex Pro Medium';
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 250px;
border-radius: 20px;
margin-top: 50px;
height: auto;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 40px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 22px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 18px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 130px;
margin-left: 5px;
margin-right: 10px;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 22px;
text-align: center;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 16px;
text-align: center;
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 40px;
font-weight: bold;
font-family: 'Readex Pro Bold';
border-bottom: #52EFBC 4px solid;
}
.bottom-line {
background-color: #52EFBC;
width: 400px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.register-container {
background-color: #8163E3;
width: 80%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 50px;
margin-bottom: 25px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 24px;
font-family: 'Readex Pro Bold';
margin: 0;
}
.logo-f {
margin-bottom: 50px;
height: auto;
width: 200px;
}
.custom-container2 {
background-color: #002137;
padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
color: #ffffff;
border-radius: 20px;
display: grid !important;
align-items: center !important;
align-items: center;
justify-content: center;
place-items: center;
margin-bottom: 15px;
}
.icon-circle2 {
display: flex;
justify-content: center;
align-items: center;
min-width: 50px;
min-height: 50px;
background-color: #e6e0f942;
border-radius: 50%;
margin-right: 0px;
margin-bottom: 10px;
}
.icon2 {
font-size: 18px !important;
color: white;
}
.for-More-details-text {
font-size: 19px !important;
font-weight: 400;
font-family: 'Readex Pro SemiBold';
}
}
@media(max-width:420px) {
.call-icon{
color:#6851b6;
font-size: 20px !important ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 18px !important;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width:200px !important;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 18px !important;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.header-container {
background-color: white !important;
width: 100% !important;
text-align: center;
}
.NCFE {
height: auto;
width: 200px;
margin-top: 30px;
margin-left: 0px;
text-align: center !important;
}
.image-cache {
width: 100%;
height: 600px;
border-bottom-left-radius: 0px !important;
object-fit: cover;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 160px;
margin-left: 0px;
margin-right: 0px;
display: none;
}
.cash-level-2-title1 {
font-size:25px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
text-align: center;
border-bottom: #52EFBC 4px solid;
}
.cash-level-2-title2 {
font-size: 20px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size: 20px !important;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos {
height: auto;
width: 130px;
padding: 20px;
}
.logo-description {
padding-left: 25px;
padding-right: 25px;
font-size: 13px;
font-weight: 300;
color: black !important;
font-family: 'Readex Pro Regular';
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.cash-level-2-title4 {
font-size: 28px;
font-weight: bold;
font-family: 'Readex Pro Bold';
text-align: center !important;
}
.fifth-container {
padding: 0px 70px 0px 70px !important;
text-align: center !important;
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
justify-content: center;
}
.description {
font-size: 18px;
font-weight: 500;
font-family: 'Readex Pro Medium';
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 20px;
font-weight: 700;
margin-left: 20px;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title6 {
margin-top: 100px;
font-size: 20px;
font-weight: 400;
margin-left: 20px;
font-family: 'Readex Pro Medium';
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 250px;
border-radius: 20px;
margin-top: 50px;
height: auto;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 40px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 22px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 18px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 130px;
margin-left: 5px;
margin-right: 10px;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 18px;
text-align: center;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 12px;
text-align: center;
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 30px;
font-weight: bold;
font-family: 'Readex Pro Bold';
border-bottom: #52EFBC 4px solid;
}
.bottom-line {
background-color: #52EFBC;
width: 400px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.register-container {
background-color: #8163E3;
width: 80%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 50px;
margin-bottom: 25px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 22px;
font-family: 'Readex Pro Bold';
margin: 0;
}
.logo-f {
margin-bottom: 50px;
height: auto;
width: 200px;
}
.for-More-details-text {
font-size: 19px !important;
font-weight: 400;
font-family: 'Readex Pro SemiBold';
}
}
@media(max-width:370px) {
.call-icon{
color:#6851b6;
font-size: 20px !important ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 18px !important;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width:170px !important;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 18px !important;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
.header-container {
background-color: white !important;
width: 100% !important;
text-align: center;
}
.NCFE {
height: auto;
width: 200px;
margin-top: 30px;
margin-left: 0px;
text-align: center !important;
}
.image-cache {
width: 100%;
height: 600px;
border-bottom-left-radius: 0px !important;
object-fit: cover;
}
.side-line {
background-color: #52EFBC;
width: 4px;
height: 160px;
margin-left: 0px;
margin-right: 0px;
display: none;
}
.cash-level-2-title1 {
font-size: 20px !important;
font-weight: bold;
font-family: 'Readex Pro Bold';
text-align: center;
border-bottom: #52EFBC 4px solid;
}
.cash-level-2-title2 {
font-size: 20px !important;
font-weight: 600;
color: #52EFBC;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title3 {
font-size: 20px !important;
font-weight: 600;
color: white;
font-family: 'Readex Pro SemiBold';
}
.logos-container {
margin-top: 50px;
margin-bottom: 50px;
}
.logos {
height: auto;
width: 130px;
padding: 20px;
}
.logo-description {
padding-left: 25px;
padding-right: 25px;
font-size: 13px;
font-weight: 300;
font-family: 'Readex Pro Regular';
}
.side-line2 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 200px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.cash-level-2-title4 {
font-size: 28px;
font-weight: bold;
font-family: 'Readex Pro Bold';
text-align: center !important;
}
.fifth-container {
padding: 0px 70px 0px 70px !important;
text-align: center !important;
}
.line-title {
display: flex;
align-items: center;
margin-top: 50px;
justify-content: center;
}
.description {
font-size: 18px;
font-weight: 500;
font-family: 'Readex Pro Medium';
}
.cash-level-2-title5 {
margin-top: 50px !important;
font-size: 20px;
font-weight: 700;
margin-left: 20px;
font-family: 'Readex Pro SemiBold';
}
.cash-level-2-title6 {
margin-top: 100px;
font-size:20px;
font-weight: 400;
margin-left: 20px;
font-family: 'Readex Pro Medium';
}
.more-information-text {
padding: 0 !important;
margin: 0 !important;
color: #8163E3 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: none !important;
margin-right: 15px !important;
font-family: 'Readex Pro Light';
}
.more-information-text:hover {
padding: 0 0 0 0 !important;
margin: 0;
color: #2a00b4 !important;
font-size: 19px !important;
font-weight: 300 !important;
text-decoration: underline !important;
}
.custom-container {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-bottom: 20px;
width: 250px;
border-radius: 20px;
margin-top: 50px;
height: auto;
}
.icon-circle {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background-color: #E6E0F9;
border-radius: 50%;
margin-bottom: 20px;
}
.icon-style {
font-size: 40px;
color: #8163e3 !important;
}
.card-title1 {
font-size: 22px;
font-weight: 700;
font-family: 'Readex Pro SemiBold';
}
.card-text1 {
font-size: 18px;
font-weight: 500;
font-family: 'Readex Pro SemiBold';
}
.side-line3 {
background-color: #52EFBC;
width: 4px;
height: 130px;
margin-left: 5px;
margin-right: 10px;
}
.cost-title {
font-family: 'Readex Pro Bold' !important;
font-weight: bold !important;
font-size: 18px;
text-align: center;
}
.cost-text {
font-family: 'Readex Pro Medium' !important;
font-weight: 500 !important;
font-size: 12px;
text-align: center;
}
.cash-level-2-title7 {
margin-top: 150px;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: 'Readex Pro Bold';
border-bottom: #52EFBC 4px solid;
}
.bottom-line {
background-color: #52EFBC;
width: 400px;
height: 6px;
margin-left: 5px;
margin-right: 10px;
display: none;
}
.register-container {
background-color: #8163E3;
width: 80%;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 70px;
padding: 25px;
margin-top: 50px;
margin-bottom: 25px;
text-decoration: none;
}
.register-text {
color: white;
text-decoration: none;
font-size: 22px;
font-family: 'Readex Pro Bold';
margin: 0;
}
.logo-f {
margin-bottom: 50px;
height: auto;
width: 200px !important;
}
.for-More-details-text {
font-size: 19px !important;
font-weight: 400;
font-family: 'Readex Pro SemiBold';
}
}
.arrow-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 75px;
margin-bottom: 75px;
}
.arrow-icon {
margin-right: 15px;
color: #8163E3;
margin-left: 15px;
font-size: 25px;
}
.for-More-details-text {
font-size: 25px;
font-weight: 400;
font-family: 'Readex Pro SemiBold';
}
.call-icon{
color:#6851b6;
font-size: 25px ;
}
.phone-number{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
width: 300px;
margin-bottom: 15px;
}
.phone-number:hover{
color:#6851b6;
text-decoration: none;
font-size: 25px;
font-family: 'Readex Pro Medium';
gap: 10px !important;
display: flex;
align-items: center;
justify-content: center;
border: #8163E3 solid 2px;
border-radius: 10px;
margin-bottom: 15px;
}
/* c-project */
@font-face {
font-family: 'Adobe Arabic';
src: url('../fonts-c-project/AdobeArabic-Regular.otf') format('opentype');
}
@font-face {
font-family: 'FF Shamel Sans One Bold';
src: url('../fonts-c-project/ArbFONTS-FFShamelFamily-SansOneBold.ttf') format('truetype');
}
@font-face {
font-family: 'FF Shamel Sans One Book';
src: url('../fonts-c-project/ArbFONTS-FFShamelFamily-SansOneBook.ttf') format('truetype');
}
@font-face {
font-family: 'GothamBold';
src: url('../fonts-c-project/GothamBold.ttf') format('truetype');
}
@font-face {
font-family: 'GothamBook';
src: url('../fonts-c-project/GothamBook.ttf') format('truetype');
}
.logo-img-lan2 {
height: auto;
width: 225px;
}
.img1-lan2 {
width: 100%;
object-fit: cover;
height: 500px;
position: relative;
}
.image-content-lan2 {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
display: grid;
}
.img1-title-lan2 {
color: white;
font-size: 27px;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img1-title2-lan2 {
color: white;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.img-logos-lan2 {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo1-lan2 {
height: auto;
width: 200px;
}
.line-lan2 {
height: 50px;
width: 2px;
background-color: white;
}
@media (max-width:1440px){
.image-content-lan2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: grid;
}
.img1-title-lan2 {
color: white;
font-size: 27px;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img1-title2-lan2 {
color: white;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.img-logos-lan2 {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo1-lan2 {
height: auto;
width: 200px;
}
.line-lan2 {
height: 50px;
width: 2px;
background-color: white;
}
}
@media (max-width:1024px){
.image-content-lan2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: grid;
}
.img1-title-lan2 {
color: white;
font-size: 24px;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img1-title2-lan2 {
color: white;
font-size: 24px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.img-logos-lan2 {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo1-lan2 {
height: auto;
width: 150px;
}
.line-lan2 {
height: 50px;
width: 2px;
background-color: white;
}
.img2-lan2 {
height: auto !important;
width: 400px !important;
}
.img2-title-lan2 {
color: white;
font-size: 22x;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img2-title2-lan2 {
color: white;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
}
@media (max-width:600px){
.image-content-lan2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: grid;
}
.img1-title-lan2 {
color: white;
font-size: 24px;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img1-title2-lan2 {
color: white;
font-size: 24px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.img-logos-lan2 {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo1-lan2 {
height: auto;
width: 150px;
}
.line-lan2 {
height: 50px;
width: 2px;
background-color: white;
}
.img2-lan2 {
width: auto !important;
transform: scale(0.7) !important;
}
.img2-title-lan2 {
color: white;
font-size: 12px !important;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
text-align: -webkit-center !important;
}
.img2-title2-lan2 {
color: white;
font-size: 10px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
text-align: -webkit-center !important;
}
.third-container-lan2 {
background-color: #383532;
padding: 0px !important;
display: grid !important;
gap: 0px !important;
align-items: center;
justify-content: center !important;
}
.img1-title3-lan2 {
color: #383532;
font-size: 22px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
margin-bottom: 15px;
}
.img1-title4-lan2 {
color: #383532;
font-size: 22px !important;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.program6-title {
padding: 25px;
color: #383532;
font-size: 22px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.program6-2-title{
padding: 25px;
color: white;
font-size: 22px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
}
@media (max-width:768px){
.image-content-lan2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: grid;
}
.img1-title-lan2 {
color: white;
font-size: 24px;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img1-title2-lan2 {
color: white;
font-size: 24px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.img-logos-lan2 {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo1-lan2 {
height: auto;
width: 150px;
}
.line-lan2 {
height: 50px;
width: 2px;
background-color: white;
}
.img2-lan2 {
height: auto !important;
width: 400px !important;
}
.img2-title-lan2 {
color: white;
font-size: 18px !important;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img2-title2-lan2 {
color: white;
font-size: 20px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.third-container-lan2 {
background-color: #383532;
padding: 75px;
display: flex;
gap: 25px !important;
align-items: center;
justify-content: space-around;
}
.img1-title3-lan2 {
color: #383532;
font-size: 22px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
margin-bottom: 15px;
}
.img1-title4-lan2 {
color: #383532;
font-size: 22px !important;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.program6-title {
padding: 25px;
color: #383532;
font-size: 22px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.program6-2-title{
padding: 25px;
color: white;
font-size: 22px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.logo-fotter-img-lan2 {
height: auto;
width: 150px !important;
}
.logo-small {
height: auto;
width: 100px !important;
}
.black-container-lan2 {
background-color: #383532;
width: 200px !important;
text-align: center !important;
}
.title-black-container-lan2 {
padding: 16px !important;
color: white;
font-size: 16px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.program6-title {
padding: 16px !important;
color: #383532;
font-size: 16px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
}
.third-container-lan2 {
background-color: #383532;
padding: 75px;
display: flex;
gap: 100px;
align-items: center;
justify-content: space-around;
}
.img2-lan2 {
height: auto;
width: 700px;
}
.img2-title-lan2 {
color: white;
font-size: 18px !important;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img2-title2-lan2 {
color: white;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.fourth-container-lan2 {
background-color: #ECECEC;
padding: 50px;
}
.img1-title3-lan2 {
color: #383532;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
margin-bottom: 15px;
}
.img1-title4-lan2 {
color: #383532;
font-size: 27px;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
margin-top: 15px;
margin-bottom: 15px;
}
.containersWithImage {
display: flex;
}
.container2-lan2 {
display: grid;
}
.container2-lan2 {
width: 60%;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.container3-lan2 {
text-align: center;
display: grid;
align-items: center;
justify-content: center;
text-align: center !important;
place-items: center !important;
}
.tour-image {
height: 650px;
width: 40%;
object-fit: cover;
}
.black-container-lan2 {
background-color: #383532;
width: 350px;
text-align: center !important;
}
.title-black-container-lan2 {
padding: 25px;
color: white;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.program6-title {
padding: 25px;
color: #383532;
font-size: 27px;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.container4-lan2 {
background-color: #A9CAD4;
width: 100% !important;
display: flex;
align-items: center;
justify-content: center;
}
.container-custom-lan2 {
background-color: white;
padding: 50px;
text-align: center;
display: grid;
justify-content: center;
align-items: center;
}
.bordered-title {
border: 4px solid #A9CAD4;
padding: 10px;
width: auto;
place-self: center;
}
.black-bg-button {
background-color: #383532;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
width: 300px;
place-self: center !important;
margin-bottom: 15px;
}
.black-bg-button:hover {
background-color: #383532;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
width: 300px;
place-self: center !important;
margin-bottom: 15px;
}
.footer-lan2{
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px;
background-color: #383532;
}
@media (max-width:425px){
.logo-img-lan2 {
height: auto;
width: 180px;
}
.img1-lan2 {
width: 100%;
object-fit: cover;
height: 500px;
position: relative;
}
.image-content-lan2 {
position: absolute;
top: 50% !important;
left: 50%;
transform: translate(-50%, -50%);
display: grid;
}
.img1-title-lan2 {
color: white;
font-size: 19px !important;
font-weight: 400;
font-family: 'FF Shamel Sans One Book', Arial, sans-serif;
}
.img1-title2-lan2 {
color: white;
font-size: 19px !important;
font-weight: bold;
font-family: 'FF Shamel Sans One Bold', Arial, sans-serif;
}
.img-logos-lan2 {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo1-lan2 {
height: auto;
width: 150px !important;
transform: scale(1.25);
}
.line-lan2 {
height: 50px;
width: 2px;
background-color: white;
}
.img2-title-lan2{
font-size: 12px !important;
}
.img2-title2-lan2{
font-size: 14px !important;
}
.third-container-lan2 {
background-color: #383532;
padding: 5px !important;
display: grid !important;
gap: 0px !important;
align-items: center;
}
.logo-fotter-img-lan2 {
height: auto;
width: 100px !important;
place-self: center !important;
}
.logo1-lan2 {
height: auto;
width: 100px !important;
}
.footer-lan2{
display: grid !important;
align-items: center;
justify-content: center;
}
.img1-title3-lan2{
font-size: 16px !important;
}
.img1-title4-lan2{
font-size: 16px !important;
}
.black-bg-button {
background-color: #383532;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
width: 200px;
place-self: center !important;
margin-bottom: 15px;
}
}
.lang-container-h{
background-color: #333 !important;
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
position: absolute;
top:15% !important;
width: 160px;
right:0;
padding: 2px;
text-decoration: underline;
color: white;
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width:1000px){
.language-link {
position: absolute;
top:17% !important;
right: 5%;
text-decoration: none;
color: white;
}
}
@media (max-width:425px){
.language-link {
position: absolute;
top: 15% !important;
right: 5%;
text-decoration: none;
color: white;
}
}
.language-link:hover {
position: absolute;
top: 15%;
right: 5%;
text-decoration: none;
color: white;
}
.container-custom-lan20 {
background-color: white;
padding: 20px;
}
.contact-us-career2e{
padding: 20px;
background-color: #F9E6C6;
display: grid;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 90%;
}
.contact-ea-title{
color: #333;
margin-bottom: 25px;
font-weight: bold;
font-family: 'GothamBold', sans-serif;
}
.contact-ea-title:hover{
color: #333;
margin-bottom: 25px;
font-weight: bold;
}
.contact-ea-text{
color: #333;
font-weight: bold ;
text-decoration: none;
}
.contact-ea-text:hover{
text-decoration: none;
color: #333;
}
@media (max-width:768px){
.contact-ea-text{
font-size: 16px !important;
}
}
@media (max-width:425px){
.contact-ea-text{
font-size: 13px !important;
}
}