html{
padding: 0;
margin: 0;
}
.sarSymbol{
overflow: hidden;
margin: 0 3px;
position: relative;
top: 2px;
margin-right: 1px;
}
#rhqMobileMenu{
position: fixed;
background: #fff;
top: 75px;
left: 0;
width: calc(100% - 15px);
z-index: 9999999999;
right: 0;
margin: auto;
border-radius: 4px;
overflow: hidden;
}
#rhqMobileMenu ul{
display: block;
}
#rhqMobileMenu ul li{
border-bottom: 1px solid #cccccc73;
}
#rhqMobileMenu ul li a{
color: #0c3957;
}
#rhqMobileMenu .colMenu .colMenuLink{
width: 100%;
padding: 15px 15px;
}
.leaflet-popup-content img{
display: none !important;
}
.leaflet-popup-content{
color: #0c3957;
font-weight: bold;
font-family: 'Plain-SemiBold';
line-height: 24px;
}
@font-face {
font-family: 'Plain';
src: url('../fonts/Plain.4e1bf26f8527ab04b6d3.woff2') format('truetype');
font-weight: 400; /* Normal weight */
font-style: normal;
}
@font-face {
font-family: 'Plain-SemiBold';
src: url('../fonts/Plain-SemiBold.12e39eb6f0fd31ce5dba.woff2') format('truetype');
font-weight: 600; /* SemiBold weight */
font-style: normal;
}
@font-face {
font-family: 'TheSansBold';
src: url('../fonts/TheSans-7_Bold_TRIAL.98a367.ttf') format('truetype');
font-weight: 700; /* Bold weight */
font-style: normal;
}
:root {
--siteBg: #f2fdf9;
--darkGreen : #0f4c44;
--clrWhite : #fff;
--clrBlack : #000;
--acient-green : #00a86b;
--sec-text-clr : #4d8c74;
--bdr-clr : #ccece3;
--light-primary : #33a27b;
--primary-clr : #00714d;
--theme-gray : #dbdad4;
}
/* Example usage */
body {
font-family: 'Plain', sans-serif;
}
h1, h2 {
font-family: 'Plain-SemiBold', sans-serif;
}
h2{
font-size: 40px;
line-height: 50px;
color: #0c3957;
font-weight: bold;
}
h5{
font-size: 18px;
line-height: 28px;
}
h6{
font-size: 28px;
line-height: 38px;
}
h4{
font-size: 28px;
line-height: 38px;
}
p, li{
color: #4d5761;
font-size: 14px;
margin-bottom: 0;
line-height: 24px;
}
.country-selector.weglot-dropdown .wgcurrent{
border: unset;
}
.country-selector.weglot-dropdown {
background-color: #00778e14;
/* border-radius: 15px; */
color: #fff;
border: 1px solid #ffffff;
}
.country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span{
line-height: 39px;
}
/* .country-selector.weglot-dropdown ul{
border: unset;
border-radius: 8px;
} */
.country-selector.weglot-dropdown li{
border-bottom: 0.5px solid #6f3f8130;
}
/* .country-selector.weglot-dropdown li:last-child{
border: unset;
} */
.country-selector.weglot-dropdown .wgcurrent:after{
filter: invert(100%) brightness(100%);
}
.headerSection.headerFixed .country-selector.weglot-dropdown {
color: #00778e;
border: 1px solid #00778e;
}
.headerSection.headerFixed .country-selector.weglot-dropdown .wgcurrent:after{
filter: invert(24%) sepia(69%) saturate(483%) hue-rotate(158deg) brightness(98%) contrast(92%);
}
#flipbookContainerWrap {
width: 100%;
height: 100%;
position: fixed !important;
top: 0;
left: 0;
z-index: 99999999;
}
#flipbookContainerWrap .flipClose {
position: absolute;
color: #fff;
z-index: 9;
right: 20px;
top: 20px;
display: inline-block;
cursor: pointer;
}
strong, b {
font-family: 'Plain-SemiBold', sans-serif;
}
.headerSection.headerFixed {
background: #fff;
z-index: 9999999;
box-shadow: -1px 2px 20px 11px #00000026;
}
.logoDark{
display: none;
}
.headerSection.headerFixed .colMenu .colMenuLink{
color: #0c3957;
}
.headerSection.headerFixed .logoWhite{
display: none;
}
.headerSection.headerFixed .logoDark{
display: block;
}
.colLogo{
width: 200px;
margin-right: 20px;
}
.colLogo a {
display: inline-block;
}
.colLogo img{
height: 55px;
}
@media(min-width:1399px){
.container{
max-width: 1370px;
}
}
.headerSection{
position: fixed;
width: 100%;
top: 0;
left: 0;
background-color: transparent;
padding: 15px 0;
z-index: 99;
}
.headerMenuWrap{
display: flex;
align-items: center;
justify-content: space-between;
}
ul{
padding: 0;
margin-bottom: 0;
list-style: none;
}
.colMenu ul {
display: flex;
}
.colMenu .colMenuItem{
margin-right: 15px;
}
.colMenu .colMenuLink{
display: inline-block;
padding: 30px 30px;
text-decoration: none;
color: #ffffff;
font-family: 'Plain';
font-weight: 400;
font-size: 14px;
}
#col-banner{
width: 100%;
height: 720px;
position: relative;
overflow: hidden;
}
#col-banner::after{
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248c4 70.24%);
position: absolute;
width: 100%;
height: 100%;
top: 0;
content: '';
left: 0;
}
.reLocationBnr::after{
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248c4 70.24%) !important;
}
/* section#col-banner::before {
background: url(https://pitoon-html.vercel.app/main-html/assets/images/shapes/contact-shape-3.png);
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
background-repeat: no-repeat;
z-index: 99;
opacity: 0.05;
transform: scale(-1);
background-position: right bottom;
bottom: -34px;
} */
#col-banner img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.bannerLayout{
background-color: #fff;
bottom: 10rem;
left: -96.8rem;
height: 3000px;
opacity: .75;
rotate: 30deg;
width: 3000px;
position: absolute;
}
.angled-div-opaque-light{
bottom: 19rem;
height: 3000px;
left: -67rem;
width: 3000px;
opacity: 1;
rotate: 58deg;
background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .7));
position:absolute
}
.gradient-triangle{
position: absolute;
z-index: 1003;
bottom: -15px;
left: 19rem;
}
.colBnrContent{
position: absolute;
top: 300px;
width: 100%;
z-index: 9999;
}
.colBnrContent h2{
font-size: 40px;
line-height: 59px;
color: #fff;
font-weight: bold;
}
.colBtn{
height: 48px;
background-color: #00778e;
width: 180px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-top: 20px;
transition: 0.3s ease-in;
font-size: 14px;
position: relative;
overflow: hidden;
}
.colBnrContent .colBtn{
margin: auto;
margin-top: 30px;
}
.colBtn svg{
position: absolute;
right: 0;
transform: scale(-1) translateX(-30px);
width: 25px;
height: 25px;
transition: 0.3s ease-in;
}
.colBtn:hover{
background-color: #028680;
transition: 0.3s ease-in;
color: #fff;
text-decoration: none;
}
.colBtn:hover svg{
transform: scale(-1) translateX(15px);
transition: 0.3s ease-in;
}
.colCalInfo{
background-color: #ffffff;
padding: 100px 0;
}
.colTitleTxt{
/* font-size: 45px; */
line-height: 49px;
margin-bottom: 0;
}
.colTitleInfo{
margin-bottom: 0;
}
.colCalInfoOption{
margin-top: 0px;
}
.colCalInfoOptionIcons{
height: 65px;
margin-bottom: 15px;
}
.colCalInfoOptionTitle{
font-size: 18px;
font-weight: bold;
color: #0c3957;
font-family: 'Plain-SemiBold';
}
.colCalInfoOptionItem{
text-align: center;
}
.colCalInfoOptionItem::after {
width: 1px;
height: 100%;
top: 1px;
right: 0;
background-color: #1d728e3b;
content: '';
position: absolute;
}
.col-md-6:last-child .colCalInfoOptionItem::after {
content: unset;
}
.colCalInfoOptionBtn {
margin: auto;
margin-top: 15px;
border-radius: 50px;
height: 38px;
background: #e7deeb;
width: 80%;
display: flex;
align-items: center;
justify-content: center;
color: #0c3957 !important;
font-weight: bold;
cursor: default;
font-size: 14px;
}
.colCalInfoOptionBtn:hover{
text-decoration: none;
}
.colDownloadGUide{
text-align: center;
padding: 50px 0;
width: 100%;
min-height: 450px;
position: relative;
background-image: url(../images/bg3.webp);
background-size: cover;
background-position: 0 -149px;
padding-bottom: 0;
}
.colDownloadGUide .container{
position: relative;
z-index: 1;
}
.colDownloadGUide::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: hsla(195, 66%, 32%, 1);
background: linear-gradient(90deg, #005a3e 0%, hsl(172deg 42.86% 93.14%) 100%);
background: -moz-linear-gradient(90deg, #005a3e 0%, hsla(43, 37%, 96%, 1) 100%);
background: -webkit-linear-gradient(90deg, #005a3e 0%, #e6f5f3 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#1C6D87", endColorstr="#F9F7F2", GradientType=1 ); */
background-color: #fff;
opacity: 1;
}
.colDownloadGUide .colTitleTxt{
font-size: 38px;
line-height: 53px;
color: #0c3957;
font-weight: bold;
margin-bottom: 15px;
}
.colDownloadGUide .colTitleInfo{
color: #4d5761;
font-size: 16px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 50px;
line-height: 29px;
}
.colDownloadGUide .ccolDownloadGUideBtn{
width: 200px;
margin: auto;
}
.colDownloadGUideContent{
width: 65%;
margin: auto;
}
.bookSwiperWrap{
margin-top: 50px;
}
.colDownloadGUide{
overflow: hidden;
}
.bookSwiperWrap .swiper{
overflow: visible;
}
.bookItem{
max-width: 100%;
height: 250px;
background: linear-gradient(47deg, #0c3957 4.01%, #804a95 70.24%);
position: relative;
margin-bottom: 0;
margin: auto;
}
.bookImgWrap{
/* background-color: #824b97; */
position: absolute;
top: 20px;
left: 20px;
box-shadow:-2px 6px 19px 0px #00000087;
}
.bookItemContent{
text-align: left;
padding: 40px;
padding-left: 15rem;
}
.bookItemContent h5{
font-size: 18px;
font-family: 'Plain-SemiBold';
color: #ffffff;
line-height: 27px;
height: 30px;
}
.bookItemContent p{
overflow: hidden;
color: #ffffff !important;
opacity: 0.8;
}
.bookImgWrap img{
width: 100%;
height: 100%;
object-fit: cover;
}
.bookItemContentBtn{
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
bottom: 20px;
left: 15rem;
}
.bookItemContentBtn a:last-child{
margin-right: 0;
}
.colDownloadBtn{
background: #00778e00;
width: 140px;
height: 40px;
color: #fff;
border-radius: 4px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
border: 1px solid #fff;
transition: 300ms all ease-in;
}
.colDownloadBtn:hover{
background-color: #00778e;
border-color: transparent;
transition: 300ms all ease-in;
}
.book-wrapper{
--sf-book-cover-bg: #212121;
--sf-book-cover-title: #fff;
--sf-book-cover-icon: #63d9b3;
--sf-book-cover-page-1: #efefef;
--sf-book-cover-page-2: #f5f5f5;
--sf-book-cover-page-3: #fafafa;
}
.book-wrapper {
display: block;
position: absolute;
width: 200px;
height: 280px;
perspective: 900px;
transition: all 0.2s ease-in-out;
border-radius: 0 5px 5px 0;
}
.book-wrapper > div {
display: flex;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 0 5px 5px 0;
box-shadow: 1px 0px 4px -1px rgba(0, 0, 0, 0.08);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out;
will-change: transform;
transform-origin: 0% 50% 0px;
}
.book-wrapper .cover {
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
padding: 30px;
z-index: 2;
background-color: var(--sf-book-cover-bg);
background-image: url(book-cover.png);
background-repeat: no-repeat;
background-size: cover;
color: var(--sf-book-cover-title);
overflow: hidden;
}
.book-wrapper .page-1 {
background-color: var(--sf-book-cover-page-1);
}
.book-wrapper .page-2 {
background-color: var(--sf-book-cover-page-2);
}
.book-wrapper .page-3 {
background-color: transparent;
}
/* .bookItem:hover .book-wrapper{
transform: rotate(3deg);
}
.bookItem:hover .page-1 {
transform: rotateY(0);
}
.bookItem:hover .page-2 {
transform: rotateY(-24deg);
}
.bookItem:hover .page-3 {
transform: rotateY(-31deg);
}
.bookItem:hover .cover {
transform: rotateY(-37deg);
} */
.colDownloadBtn:hover{
text-decoration: none;
color: #fff;
}
.colFooterSocialIcon a{
display: inline-block;
}
.colFooterSocialIcon svg{
height: 25px;
color: #00778e;
}
.colFooterSocialIcon{
display: flex;
align-items: center;
justify-content: flex-end;
}
.colFooterSocialIcon li{
margin-right: 15px;
}
.colFooter p{
margin-bottom: 0;
font-size: 14px;
}
.colFooter{
padding: 10px 0;
background-color: #f3f5f7;
}
.colCalInfo .colTitleInfo, .departure-checklist .colTitleInfo{
margin: auto;
margin-bottom: 30px;
margin-bottom: 30px;
}
.colCalInfo .colTitleTxt, .departure-checklist .colTitleTxt, .departure-checklist1 .colTitleTxt, .investingKsa .colTitleTxt{
color: #0c3957;
font-weight: bold;
margin-bottom: 15px;
}
.departure-checklist1 .colTitleTxt{
margin-bottom: 35px;
}
.departure-checklist1Item::after {
position: absolute;
content: '';
width: 90%;
height: 1px;
background: #7d4892;
bottom: 0;
right: 0;
/* left: 0; */
margin: auto;
}
.innerPages #col-banner{
height: 570px;
}
.colEstimationQuestions{
padding: 50px 0;
background-color:#ffffff;
}
.colEstimationQuestionsNavTab ul {
display: flex;
justify-content: flex-start;
box-shadow: 0px 12px 20px 11px #9f9f9f24;
border-radius: 15px;
overflow: hidden;
}
.colEstimationQuestionsNavTab ul li {
margin-right: 0;
width: calc(100% / 8);
}
.colEstimationQuestionsNavTab a{
color: #0c3957;
background: #fff;
display: inline-block;
display: flex;
align-items: center;
min-width: 170px;
padding: 10px 10px;
padding-left: 0;
border-radius: 0;
font-weight: bold;
font-size: 12px;
text-decoration: none;
flex-direction: column;
border-right: 1px solid #72468e4d;
text-align: center;
min-height: 100px;
justify-content: center;
font-family: 'Plain-SemiBold';
}
li.colEstimationActive a {
border-right: 1px solid #ffffff2b;
}
.colEstimationQuestionsNavTab li:last-child a{
border-right: unset;
}
.colEstimationQuestionsNavTab a span{
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
color: #fff;
font-weight: bold;
font-size: 22px;
margin-right: 0;
margin-bottom: 5px;
}
.colEstimationQuestionsNavTab a span img{
width: 100%;
}
.colEstimationQuestionsNavTab .colEstimationActive a{
color: #ffffff;
background: #72468e;
}
.colEstimationQuestionsNavTab .colEstimationActive a span{
/* background: #005a3e; */
}
.colEstimationQuestions .colTitleTxt{
text-align: center;
font-size: 28px;
line-height: 38px;
color: #0c3957;
font-weight: bold;
margin-bottom: 20px;
padding-top: 20px;
}
.colQuestionsWrapSection{
margin: auto;
display: flex;
min-height: 677px;
}
.colQuestionResultsCardTitleFlx{
display: flex;
align-items: center;
margin-bottom: 20px;
}
.colQustionsItemsWrap{
width: 65%;
}
.colQuestionResults{
width: 40%;
}
.colEstimationQuestionsNavTab{
margin: auto;
margin-bottom: 45px;
background: #ffffff;
position: sticky;
top: 20px;
padding: 0;
z-index: 99999;
padding-top: 10px;
}
.btn-select-input{
position: absolute;
opacity: 0;
}
.btn-select__label {
border: 1px solid #00778e;
padding: 10px 27px;
border-radius: 8px;
display: block;
color: #00778e;
margin-right: 5px;
margin-bottom: 20px;
transition: 0.3s all linear;
cursor: pointer;
font-family: 'Plain';
font-size: 14px;
background-color: #e5f1f300;
line-height: 24px;
padding-left: 40px;
position: relative;
font-family: 'Plain-SemiBold';
}
.btn-select__label span {
display: block;
font-size: 13px;
color: #4d5761;
font-style: italic;
margin-top: 5px;
font-family: 'Plain';
}
.colQuestionsWrapItemCheckItem {
width: 100%;
}
.colQuestionsWrapItem.viewXs .colQuestionsWrapItemCheckItem {
width: 25%;
}
.colQuestionsWrapItem.viewMd .colQuestionsWrapItemCheckItem {
width: 50%;
}
.colQuestionsWrapItem.view60 .colQuestionsWrapItemCheckItem {
width: 100%;
}
.colQuestionsWrapItem.view84 .colQuestionsWrapItemCheckItem{
width: 100%;
}
.colQuestionsWrapItem.view37 .colQuestionsWrapItemCheckItem{
width: 50%;
}
.colQuestionsWrapItem.view55 .colQuestionsWrapItemCheckItem{
width: 100%;
}
.colQuestionsWrapItem.view90 .colQuestionsWrapItemCheckItem{
width: 100%;
}
.colQuestionsWrapItem.view12 .colQuestionsWrapItemCheckItem{
width: 25%;
}
.colQuestionsWrapItem.view40 .colQuestionsWrapItemCheckItem{
width: 40%;
}
.btn-select__label::after{
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid #0c395763;
top: 10px;
left: 12px;
background: #cccccc24;
}
input[type="radio"]:checked+label.btn-select__label::after, input[type="checkbox"]:checked+label.btn-select__label::after{
background-image: url(../images/correct.png);
background-size: 110%;
border: 1px solid #fff;
background-repeat: no-repeat;
background-position: center;
}
.colQuestionsWrapItem {
position: relative;
}
.colQuestionsWrapItem .errorMeaasge{
font-size: 13px;
display: block;
width: 100%;
font-size: 13px;
position: absolute;
bottom: -11px;
color: red;
}
input[type="radio"]:checked+label.btn-select__label span, input[type="checkbox"]:checked+label.btn-select__label span{
color: #fff;
opacity: 0.9;
}
input[type="radio"]:checked+label.btn-select__label, input[type="checkbox"]:checked+label.btn-select__label {
background-color: #00778e;
color: #fff;
transition: 0.3s all linear;
}
.colQuestionsWrapItem h4{
font-size: 14px;
line-height: 24px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 20px;
color: #293d4a;
font-family: 'Plain-SemiBold';
}
.colQuestionsWrapItem .quesInfoLabel {
font-size: 12px;
color: #868686;
position: relative;
top: -11px;
margin-bottom: 7px;
display: block;
font-style: italic;
}
.colQuestionsWrapItem .quesInfoLabel img {
height: 15px;
margin-right: 4px;
position: relative;
top: -2px;
}
.colQuestionsWrapItemCheck{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.colQuestionResultsDetail{
width: 100%;
box-shadow: -1px 2px 20px 11px #e1e1e154;
background-color: #fff;
position: sticky;
top: 280px;
border-radius: 15px;
margin-bottom: 20px;
overflow: hidden;
}
.colQuestionItemWrapNxtBtns {
border-radius: 8px;
box-shadow: 0 5px 20px 0px #00000038;
position: relative;
}
/* .colQuestionItemWrapNxtBtns svg{
transform: scaleX(1);
}
.colQuestionItemWrapNxtBtns:hover svg{
transform: scaleX(1);
} */
.colQuestionItemWrapNxtBtns:hover {
border-radius: 8px;
box-shadow: 0 0px 0px 0px #00000038;
}
.colQuestionResultsCard {
text-align: center;
width: 100%;
margin: auto;
padding: 18px 15px;
border-radius: 0;
background: antiquewhite;
background-image: url(../images/sudiCard.jpg);
background-size: cover;
background-position: 0 -301px;
background-repeat: no-repeat;
position: relative;
background-position: top;
padding-bottom: 18px;
}
.colQuestionResultsCard::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(195, 66%, 32%, 1);
background: linear-gradient(90deg, #005a3e 0%, hsla(43, 37%, 96%, 1) 100%);
background: -moz-linear-gradient(90deg, #005a3e 0%, hsla(43, 37%, 96%, 1) 100%);
background: -webkit-linear-gradient(90deg, #72468e 0%, hsl(204deg 75.76% 19.41% / 77%) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#1C6D87", endColorstr="#F9F7F2", GradientType=1 );
/* opacity: 0.9; */
}
.colQuestionResultsCard h4{
color: #ffffff;
font-size: 18px;
margin-bottom: 0px;
position: relative;
z-index: 1;
font-weight: bold;
font-family: 'Plain-SemiBold';
}
.colTabImgLight{
display: none;
}
.colEstimationActive .colTabImgLight{
display: block;
}
.colEstimationActive .colTabImgDark{
display: none;
}
.overAllCostWrapper{
position: relative;
z-index: 1;
color: #ffffff;
}
.overAllCost{
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}
.monthYearBtnWrap{
/* background: #cce3db; */
width: 230px;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 50px;
display: flex;
position: relative;
z-index: 1;
}
.monthYearBtn {
display: inline-block;
width: 50%;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
transition: 0.3s all linear;
cursor: pointer;
background: #e5f1f3;
font-size: 14px;
/* font-weight: 600; */
}
.monthBtn{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.yearBtn{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.monthYearBtn.active{
background-color: #00778e;
transition: 0.3s all linear;
color: #fff;
}
.colSummaryRow {
display: flex;
}
.colSummaryCol1 {
width: 55%;
}
.colSummaryCol2 {
width: 45%;
}
.colSummaryCardHead {
background: #e5f1f3;
padding: 8px 10px;
margin-bottom: 0px;
/* font-weight: bold; */
}
.colSummaryCard{
margin-top: 10px;
min-height: 350px;
padding: 15px;
border-radius: 8px;
position: relative;
}
.colSummaryCardBody{
padding: 5px 10px;
}
.colSummaryCardBody .colSummaryRow{
padding: 8px 0;
border-bottom: 1px solid #e1e1e18a;
}
.colSummaryCardBody .colSummaryCol1{
font-weight: normal;
font-size: 14px;
}
.colSummaryCardBody .colSummaryCol2{
font-weight: 400;
font-size: 14px;
color: #000;
}
.colSummaryCard h4{
color: #0c3957;
font-size: 18px;
line-height: 28px;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.colQuestionItemWrapBtns {
display: flex;
justify-content: space-between;
width: 62%;
background-color: #fff;
}
.colQustionsItems h2 {
color: #0c3957;
font-size: 28px;
margin-bottom: 0;
}
.colQuestionItemWrapBtns a {
font-weight: bold;
letter-spacing: 0.7px;
}
.colCirleWrap{
width: 550px;
height: 550px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
border-radius: 100%;
/* border: 1px solid #00715D; */
position: relative;
left: 8rem;
top: 42px;
}
.colCirleInnerCircle{
width: 100%;
height: 100%;
/* background-color: #BCDFDA; */
border-radius: 100%;
position: relative;
}
.colCirleInnerCircle::after{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url('../images/solution-img-bg.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transform: scale(1.4);
z-index: -2;
animation-name: round-circle5;
animation-duration: 72s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
z-index: 0;
}
/* .outterCircle{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
animation-name: Rotate;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
background-image: url('../images/solution-img-bg.png');
background-repeat: no-repeat;
} */
.imageArea{
position: absolute;
width: 60%;
height: 60%;
background: #e6f1ec;
border-radius: 100%;
left: 0;
right: 0;
margin: auto;
bottom: 0;
top: 0;
overflow: hidden;
}
.imageArea img{
width: 100%;
height: 100%;
}
.imageArea::after{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248 70.24%) !important;
content: '';
left: 0;
top: 0;
bottom: 0;
right: 0;
letter-spacing: 0.2px;
opacity: 0.6;
}
h4#imgTextArea {
position: absolute;
z-index: 999;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: bold;
letter-spacing: 0.3px;
text-align: center;
}
/* keyframe animation */
@keyframes Rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes Rotate-reverse {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@-webkit-keyframes Rotate-reverse {
from {
-webkit-transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@keyframes circle-rotate {
from {
transform: translate(-50%, -50%) rotate(45deg);
}
to {
transform: translate(-50%, -50%) rotate(405deg);
}
}
@-webkit-keyframes circle-rotate {
from {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(405deg);
}
}
@keyframes img-rotate {
from {
transform: rotate(-45deg);
}
to {
transform: rotate(-405deg);
}
}
@-webkit-keyframes img-rotate {
from {
-webkit-transform: rotate(-45deg);
}
to {
-webkit-transform: rotate(-405deg);
}
}
@keyframes round-circle5 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media #{$md} {
@keyframes round-circle5 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg) ;
}
}
}
@media #{$xs} {
@keyframes round-circle5 {
0% {
transform: rotate(0deg) ;
}
100% {
transform: rotate(360deg) ;
}
}
}
.circleBox{
position: absolute;
width: 105px;
height: 105px;
border: 1px solid #03a69e;
border-radius: 100%;
background-color: #e5f6f5;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all linear;
}
.circleBox img{
height: 60px;
width: 60px;
transform: scale(0.7);
transition: 0.3s all ease-in;
}
.circleBox.active img{
transform: scale(1);
transition: 0.3s all ease-in;
}
.circleBox1{
top: -8%;
}
.circleBox2{
top: 11%;
left: 2%;
}
.circleBox3{
top: 11%;
right: 2%;
}
.circleBox4{
right: -8%;
}
/* .circleBox4{
bottom: -8%;
} */
.circleBox5 {
bottom: 11%;
right: 2%;
}
.circleBox6{
bottom: -6%;
}
.circleBox7{
bottom: 11%;
left: 2%;
}
.circleBox8{
left: -8%;
}
.container-fluid{
max-width: 1807px;
width: 95%;
}
.ColBnrBtn{
width: 222px;
height: 65px;
text-align: left;
justify-content: flex-start;
font-size: 15px;
border-radius: 50px;
}
.ColBnrBtn span{
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
background: #00778e;
border-radius: 100%;
margin-right: 15px;
box-shadow: 2px 1px 9px #00000047;
}
.ColBnrBtn span img{
height: 34px;
}
.circleBox span {
display: none;
}
.circleBox.active, .circleBox:hover{
background-color: #03a69e;
transition: 0.3s all linear;
}
.circleBocIconWhite{
display: none;
}
.circleBox.active .circleBocIconWhite, .circleBox:hover .circleBocIconWhite{
display: block;
}
.circleBox.active .circleBocIconDark, .circleBox:hover .circleBocIconDark{
display: none;
}
/* .circleBox span {
position: absolute;
display: inline-block;
width: 166px;
background: #00714d;
text-align: center;
border-radius: 8px;
bottom: 0;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.7px;
top: 0;
margin: auto;
left: 0;
right: 0;
} */
.colQuestionItemWrapPrevBtns svg{
left: 22px;
right: unset;
transform: scale(1) translateX(-47px);
}
.colQuestionItemWrapPrevBtns:hover svg{
transform: scale(1) translateX(-5px);
}
.colQuestionsWrapItem input[type="text"], .colQuestionsWrapItem select{
display: block;
background: #e5f1f333;
border: 1px solid #008ab2;
width: 180px;
height: 48px;
border-radius: 8px;
padding: 0 15px;
outline: none;
}
.circleBox{
/* background-color: #00714d; */
box-shadow: 2px 2px 8px 0px #00000000;
}
.circleBox:after {
content: '';
position: absolute;
/* border: 1px solid #f9f7f2; */
width: 90%;
height: 90%;
border-radius: 100%;
}
.colCalInfo{
position: relative;
}
.bgLayerImg img{
position: absolute;
opacity: 0.1;
height: 427px;
object-fit: cover;
bottom: -92px;
width: 100%;
}
#colEmptyCard {
width: 100%;
margin: auto;
text-align: center;
display: flex;
align-items: center;
}
#colEmptyCard h4{
font-size: 14px;
line-height: 24px;
font-weight: bold;
color: #0c3957;
}
#colEmptyCard p{
font-size: 14px;
color: #4d5761;
font-size: 14px;
margin-bottom: 30px;
}
.colEmptyCardWrap{
background: #eef1f3;
padding: 115px;
border-radius: 8px;
height: 325px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.colOverView{
padding: 50px 0;
background-color: #fff;
padding-bottom: 50px;
}
.colOverViewImag{
width: 100%;
border-radius: 0px;
}
.colOverView .colTitleTxt{
margin-bottom: 15px;
font-size: 38px;
line-height: 53px;
color: #0c3957;
font-weight: bold;
}
.colOverView .colTitleInfo{
color: #4d5761;
font-size: 16px;
margin: auto;
margin-bottom: 50px;
line-height: 29px;
}
.printShare{
position: absolute;
right: 0;
z-index: 9999999;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.printShare span{
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
width: 35px;
height: 35px;
margin-right: 15px;
background-color: transparent;
transition: 0.3s all linear;
}
.printShare span:hover{
background-color: #cce3dbb5;
transition: 0.3s all linear;
}
.printShare span img{
height: 25px;
}
.calculateAgainBtn{
/* margin: auto; */
/* margin-top: 10px; */
margin-bottom: 0px;
/* border-radius: 50px; */
/* width: 200px; */
position: relative;
/* font-weight: bold; */
font-size: 15px;
letter-spacing: 0.3px;
display: flex;
justify-content: center;
border-radius: 8px;
}
.calculateAgainBtn img{
position: relative;
height: 22px;
left: 0;
top: -2px;
bottom: 0;
/* margin: auto; */
/* display: none; */
margin-right: 6px
}
.colDisclimer{
font-size: 14px;
color: #0c3957;
line-height: 23px;
/* font-style: italic; */
background:linear-gradient(268deg, #0c395700 4.01%, #f8f4f9 70.24%);
padding: 10px 15px;
padding-right: 0;
margin-bottom: 18px;
}
.colDisclimer p {
margin-bottom: 0;
}
.colCalInfoTxtWrap .colBtn{
margin: auto;
margin-top: 40px;
line-height: 28px;
}
a.colBtn.colQuestionItemWrapFinishBtns {
color: #fff;
font-size: 16px;
letter-spacing: 0.2px;
cursor: pointer;
}
a.colBtn.colQuestionItemWrapFinishBtns:hover{
color: #fff;
}
@media(max-width:1599px){
.colCirleWrap{
left: 0;
}
.colCalInfoTxtWrap{
padding-left: 40px;
}
}
li.colMenuItem.languageLink a {
background: #00778e1a;
padding-top: 5px;
padding-bottom: 3px;
display: inline-block;
margin-top: 26px;
border: 1px solid #ffffff;
border-radius: 50px;
width: 114px;
text-align: center;
color: #ffffff;
display: flex;
align-items: center;
position: relative;
padding-left: 43px;
}
li.colMenuItem.languageLink a svg{
height: 25px;
width: 25px;
margin-right: 5px;
position: absolute;
left: 12px;
top: 3px;
}
.headerFixed li.colMenuItem.languageLink a {
border: 1px solid #00778e;
color: #00778e !important;
}
.setpByGuid{
padding: 100px 0;
background-color: #f8f4f9;
overflow-x: hidden;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/*.setpByGuid:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
background-image: url(../img/ptnBg-2.png);
background-attachment: fixed;
background-size: cover;
z-index: 0;
opacity: 0.2;
top: 0;
left: 0;
}*/
.sectionTitleDark{
position: relative;
z-index: 1;
color: #fff;
}
.sectionTitleDark p{
color: #fff;
opacity: 0.9;
}
.sectionTitleDark h2{
color: #fff;
}
.setpByGuidItem{
width: 100%;
min-height: 370px;
background-color: #f7f9fa;
border-radius: 4px;
padding: 40px 20px;
position: relative;
overflow: hidden;
box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 8%);
}
.stepItemWrapper{
position: relative;
z-index: 2;
}
.setpByGuidItemHoverEffect{
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: translateY(100%);
transition: 0.2s linear;
border-radius: 4px;
overflow: hidden;
z-index: 1;
}
.setpByGuidItem::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #f7f9fa;
background: linear-gradient(182deg, #0c395700 3.01%, #f7f9fa 44.24%) !important;
}
.setpByGuidItem:hover .setpByGuidItemHoverEffect{
transform: translateY(0%);
opacity: 1;
transition: 0.3s linear;
}
.setpByGuidItem:hover .stepCountLine{
background-color: #fff;
opacity: 0.5;
}
.setpByGuidItemHoverEffect::after{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(185deg, #0c395757 4.01%, #70418d 70.24%) !important;
content: '';
top: 0;
left: 0;
border-radius: 4px;
}
/*.setpByGuidItem:hover{
background-color: #241183;
transition-delay: 0.4s;
}*/
.setpByGuidItemHoverEffect img{
width: 100%;
height: 100%;
object-fit: cover;
}
.stepCountWrap{
display: flex;
align-items: center;
margin-bottom: 40px;
font-weight: 600;
color: #016b4763;
transition: 0.2s all linear;
font-size: 20px;
text-transform: capitalize;
}
.setpByGuidItem:hover .stepCountWrap{
color: #fff;
transition: 0.2s all linear;
}
.setpByGuidItem:hover li {
color: #fff;
transition: 0.2s all linear;
}
.setpByGuidItem .stepCount{
width: 60px;
height: 60px;
background-color: #e5eff1;
color: #00778e;
border-radius: 8px;
margin-left: 0px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
font-weight: bold;
position: relative;
z-index: 1;
transition: 0.2s all linear;
padding-top: 8px;
}
.setpByGuidItem:hover .stepCount{
font-size: 40px;
transition: 0.2s all linear;
}
.stepCountWrapper{
position: relative;
width: 100%;
}
.stepCountLine{
position: absolute;
width: 85%;
height: 2px;
background-color: #e5eff1;
top: 0;
bottom: 0;
margin: auto;
margin-left: 21%;
}
.stepCountArrow{
width: 40px;
height: 40px;
background-color: #e5f6f5;
border-radius: 50px;
position: absolute;
right: 50%;
top: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s all linear;
}
.stepCountArrow img{
height: 20px;
}
.setpByGuidItem:hover .stepCountArrow{
right: 10%;
transition: 0.3s all linear;
}
.stepCountArrow i {
color:#016b47 ;
font-size: 14px;
}
.setpByGuidItem h4{
font-size: 22px;
font-weight: 500;
color: #0c3957;
line-height: 36px;
font-weight: 600;
margin-bottom: 20px;
}
.setpByGuidItem:hover h4{
color: #fff;
transition: 0.3s ease-in;
}
.setpByGuidItem:hover .stepSortDesc{
color: #fff;
opacity: 0.9;
transition: 0.3s ease-in;
}
.setpByGuidItem:hover .linkBtn{
color: #fff;
transition: 0.3s ease-in;
}
.setpByGuidItem ul li {
margin-bottom: 7px;
font-size: 14px;
color: #4d5761;
line-height: 27px;
}
img.setpByGuidItemImg {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.stepBuGuidSwiper {
overflow: visible;
}
.stepBuGuidSwiper .swiper-horizontal>.swiper-pagination-bullets, .stepBuGuidSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .stepBuGuidSwiper .swiper-pagination-custom, .stepBuGuidSwiper .swiper-pagination-fraction{
bottom: var(--swiper-pagination-bottom,-60px);
}
.stepSortDesc{
font-size: 15px;
line-height: 24px;
margin-top: 0px;
min-height: 145px;
}
.stepIcon{
position: absolute;
height: 95px;
/* width: 95px; */
object-fit: cover;
opacity: 1;
bottom: 0;
right: 0;
transform: scaleX(-1);
z-index: 1;
}
.linkBtn{
font-weight: bold;
font-size: 16px;
color: #016b47;
margin-top: 40px;
}
.linkBtn i {
margin-right: 10px;
}
.linkBtn:hover{
color: #016b47;
transition: 0.3s ease-in;
}
.colCenterBtn{
margin: auto;
margin-top: 40px;
}
.preLocAboutSaudiArabia{
background-color: #fff;
padding-top: 40px;
padding-bottom: 60px;
}
.aboutContentWrap{
padding: 50px 0;
}
.colTitleTxtLg.text-center{
margin-bottom: 50px;
}
.geographical-fact .heigLvlItem:nth-child(1), .geographical-fact .heigLvlItem:nth-child(2){
border: unset;
}
.geographical-fact .heigLvlItem:last-child{
width: 100%;border-top: unset;
}
.preLocAboutSaudiArabia .colOverViewImag{
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
}
.colOverViewImagWrap{
width: 100%;
height: 620px;
position: relative;
}
.preLocAboutSaudiArabia .colOverViewImagWrap::after {
position: absolute;
width: 100%;
height: 100%;
content: '';
bottom: 0;
left: 0;
background: url(../images/curve.44a37d87cad80781e5ee5ea2ec52c626.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
z-index: 2;
opacity: 0.9;
transform: scaleX(-1);
}
.preLocAboutSaudiArabia .colOverViewImagWrap::before {
position: absolute;
width: 100%;
height: 100%;
content: '';
bottom: 0;
left: 0;
/* background-color: #000; */
opacity: 0.3;
z-index: 1;
}
.coverImgWrap{
width: 100%;
height: 380px;
position: relative;
}
.geographical-fact{
margin-top: 0px;
}
.geographical-fact h4{
font-size: 16px;
font-weight: bold;
background: #0c395717;
padding: 10px;
margin-bottom: 0px;
color: #020202;
}
/* .geographical-fact span{
display: inline-block;
width: 50px;
height: 50px;
padding: 8px;
background-color: #e5f6f5;
border-radius: 8px;
margin-right: 15px;
} */
.geographical-fact .heigLvlItem{
width: calc(100% / 2.1);
/* margin-bottom: 40px; */
border-bottom: 1px solid #824b9738;
padding-bottom: 27px;
border-top: 1px solid #824b9738;
padding-top: 27px;
}
.geographical-fact span img {
width: 100%;
}
.geographical-fact li{
margin-bottom: 15px;
font-weight: 600;
color: #0c3957;
}
.heighLevel-fact{
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 1;
}
.heighLevel-fact .heigLvlItem .highLvlIcon {
margin-right: 0;
}
.heighLevel-fact h4{
font-weight: bold;
margin-bottom: 30px;
color: #fff;
font-weight: normal;
padding-left: 20px;
font-family: 'Plain-SemiBold';
}
.heighLevel-factWrap{
width: 100%;
min-height: 150px;
background-color: #ffffff;
border-radius: 15px;
padding: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.heighLevel-fact .heighLevel-factWrap{
display: block;
}
.heighLevel-fact-itemwrap{
display: flex;
position: relative;
top: -8px;
}
.heighLevel-fact-itemwrap .heigLvlItem .highLvlIcon{
width: 86px;
height: 86px;
}
.heighLevel-fact-itemwrap .highLvlTxt{
font-size: 14px;
opacity: 0.9;
}
.heighLevel-fact-info {
display: block;
width: 100%;
text-align: center;
padding: 10px;
font-size: 15px;
background: #f8f4f9;
position: relative;
top: -17px;
z-index: 0;
padding-top: 30px;
font-family: 'Plain-SemiBold';
color: #0c3957;
border-radius: 15px;
}
.heighLevel-fact .heighLevel-factWrap{
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248 70.24%) !important;
padding: 15px;
padding-top: 30px;
}
.heighLevel-fact .highLvlTxt{
color: #fff;
}
.heighLevel-fact .heigLvlItem .highLvlIcon{
background-color: transparent;
}
.heigLvlItem{
width: 100%;
display: flex;
align-items: center;
}
.heigLvlItemWrap{
width: calc(100% / 4);
display: flex;
align-items: center;
flex-direction: column;
}
.heigLvlItemWrap p{
color: #fff;
font-size: 14px;
margin-top: 15px;
margin-bottom: 0;
}
.heigLvlItem .highLvlIcon{
width: 70px;
height: 70px;
margin-right: 10px;
border-radius: 4px;
background-color: #00778e;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
border-radius: 100%;
}
.geographical-fact .highLvlTxt{
width: calc(100% - 80px);
}
.heigLvlItem .highLvlIcon img {
width: 100%;
transform: scaleX(1);
transition: 0.3s all linear;
}
.heigLvlItem:hover .highLvlIcon img{
transform: scaleX(-1);
transition: 0.3s all linear;
}
.geographical-fact .heighLevel-factWrap{
box-shadow: unset;
border-radius: unset;
}
.highLvlTxt{
width: 80%;
color: #4d5761;
font-size: 14px;
line-height: 24px;
}
span.highLvlTxt h5 {
font-weight: bold;
color: #0c3957;
font-family: 'Plain-SemiBold';
}
.culture-Language{
width: 100%;
/* background-color: #ccc; */
margin-top: 50px;
/* background-image: url(../images/culture-language.webp); */
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 0px;
min-height: 500px;
}
.culture-Language .colTitleTxtLg.text-center, .culture-Language .colTitleInfoLg{
margin-bottom: 0;
}
.culture-Language .colTitleTxtLg.text-center{
font-size: 20px;
font-weight: bold;
font-weight: normal;
padding-left: 20px;
font-family: 'Plain-SemiBold';
}
.culture-Language-wrap{
margin-top: 50px;
}
.culture-Language-content{
position: relative;
z-index: 1;
}
.culture-Language-item{
width: 100%;
min-height: 100px;
/* border: 1px solid; */
margin-bottom: 40px;
border-radius: 4px;
/* box-shadow: -1px 2px 20px 1px #00000026; */
padding: 20px;
min-height: 285px;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.culture-Language-item-icon {
width: 70px;
height: 70px;
border-radius: 4px;
margin-bottom: 20px;
background: #03a8a0;
padding: 12px;
position: relative;
z-index: 1;
/* border: 5px solid #fff; */
/* top: 9px; */
}
.readMoreTwo{
position: absolute;
bottom: 0;
/* background: red; */
display: block;
width: 90%;
left: 0;
height: 30px;
border-top: 1px solid #0c375457;
display: flex;
align-items: center;
padding: 0 15px;
margin: auto;
right: 0;
}
.readMoreTwo a {
padding-top: 0 !important;
}
.culture-Language-item h5{
font-size: 16px;
font-family: 'Plain-SemiBold';
color: #0c3957;
}
.culture-Language-item-icon img{
width: 100% !important;
height: 100% !important;
}
.culture-Language-item p {
/* text-align: left; */
font-size: 14px;
color: #4d5761;
line-height: 24px;
}
.culture-Language-item::after {
width: 100%;
height: 72px;
position: absolute;
background: #824b97;
top: 0;
left: 0;
content: '';
}
.cultureLanguageItem{
width: 100%;
min-height: 340px;
background-color: #eceff2;
border-radius: 15px;
margin-bottom: 25px;
padding: 15px;
overflow: hidden;
position: relative;
}
.cultureLanguageItemTwo{
width: 100%;
height: 345px;
background: #eceff2;
position: absolute;
top: 0;
right: 0;
transform: translateX(100%);
transition: all 0.6s ease-in-out;
padding: 25px 25px;
padding-top: 50px;
}
.cultureLanguageItemTwo h5{
border-bottom: unset !important;
}
.cultureLanguageItemTwo p{
color: #4d5761;
margin: auto;
margin-bottom: 0;
}
.cultureLanguageItemOne{
transform: translateX(0%);
transition: all 0.6s ease-in-out;
}
.cultureLanguageItem:hover .cultureLanguageItemOne{
transform: translateX(-100%);
transition: all 0.6s ease-in-out;
}
.cultureLanguageItem:hover .cultureLanguageItemTwo{
transform: translateX(0%);
transition: all 0.6s ease-in-out;
}
.cultureLanguageItem h5{
font-family: 'Plain-SemiBold';
font-size: 18px;
margin-top: 25px;
margin-bottom: 0;
color: #0c3754;
/* border-bottom: 1px solid #0c375457; */
padding-bottom: 10px;
}
.cultureLanguageItem .colBtn{
margin: auto;
margin-top: 25px;
}
.cultureLanguageItem .colTextBtn{
display: flex
;
align-items: center;
justify-content: center;
padding-top: 15px;
}
.cultureLanguageItem .colTextBtn img{
width: auto;
margin-left: 10px;
}
.cultureLanguageItem img{
width: 100%;
height: 265px;
object-fit: cover;
margin: auto;
display: flex;
/* padding: 20px; */
border-radius: 4px;
}
.ambassador-story{
/* padding: 100px 0; */
background-color: #fff;
padding-bottom: 160px;
padding-top: 126px
}
.storyQuateTxt p .topQuote {
position: absolute;
top: 0px;
font-size: 18px;
left: 4px;
opacity: 0.5;
}
span.btnQuote {
font-size: 18px;
opacity: 0.5;
}
.keySites{
padding: 100px 0;
background-color: #f8f4f9;
position: relative;
}
section.keySites::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../images/map-ptn.png);
opacity: 0.7;
background-size: contain;
}
.keySiteLocation{
position: absolute;
top: 15px;
left: 20px;
color: #fff;
z-index: 1;
background: #00000052;
border-radius: 15px;
padding: 5px 15px;
font-size: 14px;
text-align: center;
display: flex;
}
.keySiteLocation img{
height: 18px;
object-fit: contain;
margin-right: 10px;
}
.mapSection{
width: 625px;
height: 515px;
position: relative;
}
.txt-Al-Jouf{
top: 15%;
left: 16%
}
.locationTxt{
color: #0c3957 !important;
font-size: 14px;
position: absolute;
}
.mapDatMark{
width: 15px;
height: 15px;
background-color: #824b97;
display: block;
border-radius: 100%;
box-shadow: 0px 3px 6px #000000ab;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
border: 3px solid #fff;
position: relative;
}
.mapDatMark:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px #824b97;
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.mapDatMark:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
.keyMapIcon:hover .mapDatMark, .keyMapIcon.active .mapDatMark {
background: #824b97;
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}
.keyMapIcon:hover .mapDatMark:after, .keyMapIcon.active .mapDatMark:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
animation: sonarEffect 1.3s ease-out 75ms infinite;
}
@keyframes sonarEffect {
0% {
opacity: 0.5;
}
40% {
opacity: 0.7;
box-shadow: 0 0 0 2px #824b97, 0 0 10px 10px #824b97, 0 0 0 10px #824b97;
}
100% {
box-shadow: 0 0 0 2px #824b97, 0 0 10px 10px #824b97, 0 0 0 10px #824b97;
transform: scale(1.5);
opacity: 0;
}
}
.keyMapIcon{
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
width: 65px;
color: #0c3957 !important;
font-size: 14px;
text-decoration: unset !important;
}
.classAlula{
top: 12.5rem;
left: 8rem;
}
.classRedSea{
top: 21rem;
left: 14rem;
}
.classJeddah{
top: 21rem;
left: 7rem;
}
.classDiryah{
top: 11rem;
left: 14rem;
}
.classDammam{
top: 13rem;
left: 24rem;
}
.classRiyadh{
top: 18rem;
left: 19rem;
}
.classMadina {
top: 16rem;
left: 7rem;
}
.classMakkah {
top: 20rem;
left: 10rem;
}
.classTabouk {
top: 9rem;
left: 1rem;
}
.classDiryahRy {
top: 17rem;
left: 16.5rem;
}
.classJubbah {
top: 8rem;
left: 11rem;
}
.classJazans {
top: 29rem;
left: 13rem;
}
.classRedSeaPro {
top: 18rem;
left: 6rem;
}
.classIthra {
top: 30%;
left: 63%;
}
.classNeom{
top: 24%;
left: -19px;
}
.classAljouf{
top: 13%;
left: 18%;
}
.classNp{
left: 42%;
top: 21%;
}
.classRaghadan{
top: 73%;
left: 28%;
}
.classOkhdood{
top: 81%;
left: 44%;
}
.classHabala{
top: 78%;
left: 34%;
}
.classRijal{
top: 82%;
left: 31%;
}
.mapSection img {
width: 625px;
height: 515px;
}
.storyComImg{
width: 300px;
height: 300px;
background-color: #e5f6f5;
border-radius: 143px 143px 0px 143px;
margin-right: 50px;
overflow: hidden;
padding: 5px;
}
.storyComImg img {
border-radius: 143px 143px 0px 143px;
}
.ambassador-story-wrap{
display: flex ;
align-items: center;
width: 100%;
margin: auto;
background: #eceff2;
padding: 10px;
border-radius: 4px;
min-height: 245px;
}
.boxTryAnglr{
width: 100px;
height: 100px;
position: absolute;
right: 0;
bottom: 0;
border-left: 50px solid transparent;
border-right: 50px solid #ffffff;
border-bottom: 50px solid #ffffff;
border-top: 50px solid transparent;
}
.linkImg{
width: 80px;
height: 80px;
padding: 2px;
position: absolute;
top: -85px;
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 2px 3px #00000073;
display: none;
z-index: 1;
}
.keyMapIcon:hover .linkImg, .keyMapIcon.active .linkImg{
display: block;
}
.linkImg img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.keySiteContent{
width: 100%;
background-color: #fff;
min-height: 500px;
border-radius: 8px;
padding: 40px 15px;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
align-items: center;
justify-content: center;
background-position: center;
left: 15px
}
.keySiteContent::after{
content: '';
width: 100%;
height: 100%;
background: linear-gradient(182deg, #00000057 4.01%, #0000007a 104.24%) !important;
position: absolute;
top: 0;
left: 0;
}
.reLocStory .colTitleInfoLg{
width: 85%;
margin: unset;
margin-bottom: 50px;
}
.keySiteContentWrap{
position: relative;
z-index: 9;
color: #fff;
}
.keySiteContent h4{
font-size: 35px;
line-height: 45px;
text-align: center;
font-weight: 600;
margin-bottom: 0px;
font-family: 'Plain-SemiBold';
}
.keySiteContent p{
color: #fff;
text-align: center;
}
.keySiteContentPonits{
display: flex;
margin-top: 50px;
justify-content: center;
}
.keySiteContentPonits h4 {
font-size: 18px;
line-height: 28px;
font-family: 'Plain-SemiBold';
color: #fff;
}
.keySiteContentPonits li {
width: calc(100% / 3);
background: #00000073;
padding: 15px;
margin-right: 15px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 15px;
}
.keySiteContentPonits li:last-child{
margin-right:0;
}
.keySiteContentPonits p{
margin-bottom: 0;
color: #fff;
opacity: 0.9;
margin: unset;
}
.storyQuateTxt{
position: relative;
}
.stroryPersionImg{
width: 50px;
height: 50px;
border-radius: 100%;
overflow: hidden;
margin-right: 20px;
}
.stroryPersionImg img{
width: 100%;
}
.stroryPersionInfoWrap{
display: flex;
position: relative;
}
/* .stroryPersionInfoWrap::after{
content: '';
position: absolute;
width: 40%;
height: 1px;
background-color: #e3f0ec;
top: 30px;
right: 70px;
} */
.storyQuateTxt p {
margin-bottom: 25px;
position: relative;
z-index: 1;
min-height: 92px;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.reLocStory{
width: 65%;
position: relative;
top: 50px;
}
.storyRightSideImg {
width: 600px;
background: linear-gradient(218deg, #0c3957 4.01%, #824b97 70.24%) !important;
height: 500px;
position: absolute;
right: -80px;
top: 0;
}
.reLocStoryWrap{
position: relative;
}
.stroryPersionInfo span{
display: block;
font-size: 12px;
color: #4d5761;
margin-bottom: 5px;
}
.stroryPersionInfo h5{
color: #0c3957;
font-size: 14px;
font-weight: 600;
}
.storyComImg img{
width: 100%;
height: 100%;
object-fit: cover;
}
.quoteImg {
position: absolute;
top: -62px;
right: 0;
width: 100px;
z-index: 0;
opacity: 0.1;
}
.clipImg{
width: 100%;
height: 100%;
position: relative;
top: -16px;
left: -15px;
/* -webkit-mask-image: url(https://web.moxcreative.com/rekrutmen/wp-content/uploads/sites/23/2023/03/Masking-2.png); */
/* -webkit-mask-size: cover; */
/* -webkit-mask-position: center center; */
/* clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%); */
clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 82%, 85% 100%, 0 100%, 0% 80%, 0% 20%);
border-radius: 4px;
object-fit: cover;
}
.storyBtn{
width: 40px;
height: 40px;
background-color: #e5f6f5;
border-radius: 100%;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
/* border: 1px solid #00714d; */
cursor: pointer;
}
.storyBtn img{
height: 20px;
}
.nxtPrevBtnWrapperStory{
position: absolute;
z-index: 99;
display: flex;
bottom: 5rem;
right: 10rem;
}
.saudiColEvent{
padding: 100px 0;
/* background-image: url(../images/eventBg.png); */
min-height: 730px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom right;
background-color: #f8f4f9;
}
.saudiColEvent .nav-pills .nav-link {
background-color: #ffffff;
height: 65px;
border-radius: 6px;
margin-bottom: 15px;
display: flex;
align-items: center;
color: #4d5761;
font-weight: 600;
transition: 0.3s all linear;
overflow: hidden;
font-family: 'Plain-SemiBold';
font-size: 18px;
line-height: 28px;
}
.saudiColEvent .nav-pills .nav-link img {
height: 35px;
margin-right: 15px;
}
.saudiColEvent .nav-pills .nav-link.active, .saudiColEvent.nav-pills .show>.nav-link {
background-color: #824b97 !important;
border: 1px solid #824b97;
color: #fff !important;
transition: 0.3s all linear;
color: #fff;
}
.saudiColEvent .nav-pills .nav-link svg{
position: absolute;
width: 25px;
height: 25px;
right: -33px;
transform: scale(-1);
transition: 0.3s all ease-in;
opacity: 0;
color: #fff;
}
.saudiColEvent .nav-pills .nav-link.active svg, .saudiColEvent.nav-pills .show>.nav-link svg{
opacity: 1;
right: 33px;
transition: 0.3s all ease-in;
}
.eventIconWhite{
display: none;
}
.saudiColEvent .nav-pills .nav-link.active .eventIconDark, .saudiColEvent.nav-pills .show>.nav-link .eventIconDark {
display: none;
}
.saudiColEvent .nav-pills .nav-link.active .eventIconWhite, .saudiColEvent.nav-pills .show>.nav-link .eventIconWhite {
display: block;
}
.saudiColEvent .nav-pills{
margin-top: 50px;
}
.saudiEventWrap{
/* width: 100%;
background-color: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
min-height: 565px; */
}
.swiper.mySwiper.cultureEvent.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden{
width: 100%;
background-color: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
min-height: 565px;
}
.swiper.mySwiper.cultureEvent .swiper-pagination{
position: unset;
margin-bottom: 20px;
}
.eventBanner{
width: 100%;
height: 320px;
object-fit: cover;
}
.eventLogo{
width: 300px;
margin-right: 20px;
}
.eventDesc{
width: calc(100% - 400px);
position: relative;
}
.eventDesc h4{
font-size: 18px;
line-height: 28px;
font-weight: bold;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin: 15px 0;
}
.eventDesc::after{
position: absolute;
content: '';
width: 1px;
height: 100%;
left: -31px;
background-color: #def2ec;
top: 0;
bottom: 0;
margin: auto;
}
.saudiEventInfo .eventLogo img {
height: 100px;
width: 100%;
object-fit: contain;
}
.saudiEventInfo{
display: flex;
align-items: center;
padding: 15px;
justify-content: space-evenly;
}
.colTextBtn{
font-size: 14px;
color: #00778e;
font-weight: 600;
display:inline-block
}
.colTextBtn:hover{
color: #00778e;
}
.colTextBtn img{
height: 17px;
margin-left: 2px;
}
.swiper-pagination-bullet{
width: 12px;
height: 12px;
background-color: #42beb8;
}
section.keySites{
position: relative;
}
section.keySites .container{
position: relative;
z-index: 1;
}
section.keySites .container .mapSection-col1{
justify-content: flex-end;
}
/* section.keySites::after {
background-image: url('../images/bg3.webp');
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
filter: grayscale(1);
opacity: 0.2;
background-size: cover;
} */
/* asif css */
.marqueeSection {
width: 100%;
background-color: #fff;
padding: 50px 0;
min-height: 850px;
overflow: hidden;
position: relative;
}
.marqueetext-section {
display: flex;
width: 200%; /* Ensure enough space for seamless scrolling */
animation: back-horizontal-normal-text-marquee 20s linear infinite;
white-space: nowrap;
}
.marqueetext-section.forward-move {
animation:unset;
width: 100%;
justify-content: flex-end;
}
.marqueetext-section.forward-move3{
animation : front-move-horizontal-normal-text-marquee 20s linear infinite
}
.marqueetxt-one {
display: flex;
white-space: nowrap;
justify-content: flex-end;
}
.marquee-text {
color: #0c39721f;
font-size: 200px;
font-weight: 900;
text-transform: uppercase;
line-height: 1em;
padding: 0 25px; /* Adjusted padding */
font-family: 'Plain-SemiBold';
position: relative;
}
.marquee-text:nth-child(even){
-webkit-text-stroke-width: 1px;
stroke-width: 1px;
-webkit-text-stroke-color: #0c39725c;
stroke: #0c39721f;
color: transparent;
}
.marquee-text:nth-child(even) .marqueeStar{
stroke: transparent;
-webkit-text-stroke-color:transparent;
stroke-width: 0px;
}
.marquee-text.marquee-text-color {
color: #824b97;
font-size: 130px;
/* margin: 29px 0; */
/* margin-top: 60px; */
/* margin-bottom: 10px; */
background: linear-gradient(218deg, #0c3957 4.01%, #824b97 70.24%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bolder;
padding: 40px 0;
padding-bottom: 25px;
position: relative;
left: -52px;
}
.marqueetext-section-one{
margin-top: 100px;
}
.marqueetxt1 .marquee-text {
font-size: 80px;
margin: 0 0;
}
.marqueetxt3 .marquee-text {
font-size: 80px;
margin: 0 0;
}
.marqueeStar{
position: absolute;
font-size: 180px;
top: 49px;
bottom: 0;
margin: auto;
color: #03a8a029;
right: -6rem;
opacity: 0;
}
.frontshow-img {
position: absolute;
top: 0;
left: 0;
right: 0;
/* margin: auto; */
width: 820px;
height: 820px;
z-index: 99;
margin-right: auto;
}
.frontshow-img img {
width: 100%;
height: 100%;
object-fit: contain;
position: absolute;
opacity: 0; /* Initially hidden */
transform: scale(0.6); /* Initial zoom out */
transition: all 1.4s ease; /* Smooth transition for zoom and fade */
left: 0;
right: unset;
}
.frontshow-img img.active {
opacity: 1; /* Fully visible */
transform: scale(1); /* Zoom in */
}
.benefitSection {
width: 100%;
min-height: 100vh;
background-color: #f8f4f9;
padding: 50px 0;
min-height: 450px;
overflow: hidden;
position: relative;
margin-top: -196px;
padding-top: 140px;
}
.benefititle-sec {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
margin-bottom: 80px;
}
.benisub-tittle {
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #191717;
margin-bottom: 10px;
}
.benimian-tittle {
margin-bottom: 15px;
font-size: 38px;
line-height: 53px;
color: #0c3957;
font-weight: bold;
}
.benefitile-one {
width: 55%;
}
.benefitile-two {
width: 45%;
}
/* .hl-text {
color: #00ae6c;
} */
.benefitile-two p{
color: #65605c;
font-size: 16px;
line-height: 29px;
}
.benifitbox-sec {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(1, 1fr); /* Defines 1 row */
gap: 39px; /* Gap between rows and columns */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.benifitBox {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 41px 0px;
padding: 10px;
overflow: hidden;
border-radius: 4px;
}
.benifitbox-img {
margin-bottom: 0;
background: #e3f3f1;
position: relative;
width: 70px;
height: 70px;
margin-right: 10px;
border-radius: 100%;
/* background: red; */
display: flex;
align-items: center;
justify-content: center;
}
.benifitBox svg{
position: absolute;
transform: scale(-1) rotate(0deg);
right: 14px;
z-index: 99;
color: #fff;
width: 40px;
height: 40px;
padding: 5px;
border: 1px solid #fff;
border-radius: 100%;
top: 18px;
bottom: 0;
margin: auto;
transition: 0.3s all ease-in;
}
.benifitBox:hover svg{
transform: scale(-1) rotate(-45deg);
transition: 0.3s all ease-in;
}
.benifitBox::after {
content: '';
position: absolute;
background: url('../images/curve.44a37d87cad80781e5ee5ea2ec52c626.svg');
bottom: 0;
right: 0;
width: 51%;
height: 127px;
background-repeat: no-repeat;
background-position: bottom right;
transform: scaleX(-1);
background-size: contain;
}
.benifitBox::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.benifitBox:hover::before{
height: 419%;
background-color: transparent;
transition: 600ms linear;
}
.benifitbox-img img {
/* width: 70px; */
/* height: 70px; */
object-fit: contain;
position: absolute;
width: 40px;
height: 40px;
}
.benifitBox-title {
font-size: 15px;
color: #0c3957;
font-weight: 700;
/* text-align: center; */
width: calc(100% - 80px);
margin-bottom: 0;
}
.benifitbox-img .img-green {
opacity: 1;
visibility: visible;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.benifitbox-img .img-black {
opacity: 0;
visibility: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.benifitBox:hover .benifitbox-img .img-green {
opacity: 0;
visibility: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.benifitBox:hover .benifitbox-img .img-black {
opacity: 1;
visibility: visible;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.benifitBox:hover .benifitbox-img{
background-color: #dbecef;
transition: all 0.3s linear;
}
@keyframes back-horizontal-normal-text-marquee {
0% {
transform: translateX(0); /* Start position */
}
100% {
transform: translateX(-50%); /* Move by half the container width */
}
}
@keyframes front-move-horizontal-normal-text-marquee {
0% {
transform: translateX(-50%); /* Start at -50% for seamless loop */
}
100% {
transform: translateX(0); /* End at the original position */
}
}
/* Banner video */
.bnrvideo{
content: '';
width: 100%;
position: absolute;
height: 100%;
background-color: #000;
top: 0;
left: 0;
z-index: 2;
opacity: 0.6;
}
#col-banner.hero-videoSec{
height: 820px;
}
.hero-videoSec video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
section#col-banner::before {
bottom: -16%;
}
#col-banner.hero-videoSec .colBnrContent{
top: 350px;
}
/* Footer Section */
.ftrdesc-sec {
width: 100%;
}
.ftrsec-logo {
display: block;
}
.ftrsec-logo img {
margin-bottom: 30px;
height:53px;
object-fit:contain;
}
.footerSection {
padding: 50px 0;
width: 100%;
background-color: #ffffff;
}
.ftr-subtitle {
color:#0c3957;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #dee2e6;
height: 39px;
width: 94%;
}
.ftrdesc-sec.ftrquick-links {
padding-left: 50px;
}
.ftrquickLink {
text-decoration: none;
font-size: 14px;
padding: 5px 0;
display: inline-block;
color: #0c3957;
padding-left: 2px;
}
.ftrquickLink:hover {
color:#6d889a;
transition: 0.2s all linear;
text-decoration: none;
}
span.mapMarkName {
position: relative;
top: 7px;
}
.colBtn .iconImg{
height: 32px;
position: relative;
left: -10px;
}
.swiper-pagination-bullet{
transition: 0.3s all linear;
}
.swiper-pagination-bullet-active{
width: 50px !important;
border-radius: 10px;
transition: 0.3s all linear;
}
.exploringKsa{
padding: 100px 0;
background-image: url(../images/explor-bg.png);
background-attachment: fixed;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
}
.exploreImg{
width: 100%;
height: 400px;
/* padding: 25px; */
border-radius: 4px;
overflow: hidden;
}
.exploreImg img{
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 4px;
}
.exploringKsaItemImgWrap img{
height: 480px;
width: 300px;
object-fit: cover;
border-radius: 8px;
background: #fff;
padding: 9px;
box-shadow: 2px 5px 20px 3px #5a5a5a30;
}
.exploringKsaItemContent {
width: calc(100% - 270px);
min-height: 510px;
display: flex;
position: relative;
left: -9px;
align-items: center;
}
/* .exploringKsa-tab-content .fade:not(.show) {
transform: translate3d(0px, 0px, 0px) rotateY(-87.0849deg);
opacity: 0;
}
.exploringKsa-tab-content .fade:is(.show) {
transform: translate3d(0px, 0px, 0px) rotateY(0deg);
transition: 0.5s ease;
opacity: 1;
} */
.exploringKsaItemColumn{
width: 38%;
margin-right: 7%;
justify-content: center;
}
.exploringKsaItemColumn .nav-link{
padding-left: 80px;
font-size: 28px;
margin-bottom: 20px;
border-radius: 0 50px 50px 0;
/* padding: 15px; */
padding-top: 20px;
padding-bottom: 15px;
color: #0c3957;
font-weight: bold;
font-family: 'Plain-SemiBold';
position: relative;
overflow: hidden;
}
.exploringKsaItemColumn .nav-link::after{
position: absolute;
width: 0%;
height: 100%;
background-color: #824b97;
content: '';
left: 0;
top: 0;
transition: all 500ms ease;
border-radius: 0 50px 50px 0;
z-index: 1;
}
.exploringKsaItemColumn .nav-link span{
position: relative;
z-index: 2;
}
.exploringKsa-tab-logos a{
display: inline-block;
margin-right: 10px;
margin-bottom: 15px;
}
.exploringKsa-tab-logos a img {
height: 70px;
width: 120px;
object-fit: contain;
/* border: 1px solid #e3e3e3; */
border-radius: 4px;
padding: 3px;
background: #fff;
}
.exploringKsa-tab-contentTxt p {
margin-bottom: 30px !important;
}
.exploringKsa-tab-contentTxt h6{
font-family: 'Plain-SemiBold';
color: #0c3957;
font-size: 18px;
line-height: 28px;
margin-top: 5px;
}
.exploringKsa-tab-contentTxt li {
margin-bottom: 20px;
font-size: 14px;
line-height: 24px;
color: #0c3957;
display: flex;
}
.exploringKsa-tab-contentTxt li .checkPoint{
height: 18px;
}
.exploringKsaItemColumn .nav-link:hover:after{
width: 100%;
transition: all 500ms ease;
}
.exploringKsaItemColumn .nav-link:hover{
color: #fff;
transition: 0.6s all linear;
}
.exploringKsaItemColumn .nav-link.active, .exploringKsaItemColumn .show>.nav-link{
background-color:#824b97;
box-shadow: -1px 5px 20px 0px #5a5a5a6b;
}
.exploringKsaWrap{
display: flex;
align-items: center;
}
.exploringKsa-tab-content{
width: calc(100% - 483px);
}
.exploringKsa p{
margin-bottom: 0px;
}
.exploringKsa h4{
font-size: 24px;
font-weight: bold;
color: #0c3957;
margin-bottom: 20px;
}
.expLogoList{
display: flex ;
flex-wrap: wrap;
}
.expLogoList img {
height: 120px;
width: 120px;
object-fit: contain;
padding: 15px;
}
.exploringKsaItem:nth-child(odd) .exploringKsaItemCol1{
order: 2;
}
.exploringKsaItem:nth-child(odd) .exploringKsaItemCol2{
order: 1;
}
.exploringKsaItemCol2{
display: flex
;
flex-direction: column;
}
.exploringKsaItemCol2 .colBtn{
margin-top: 50px;
}
.sports-and-wellness{
padding: 100px 0;
padding-top: 0;
/* background-image: url('../images/line-ptn.png'); */
}
.sports-and-wellness-wrap{
width: 100%;
display: flex;
justify-content: space-between;
}
.sports-and-wellness-item{
width: calc(100% / 4.2);
height: 600px;
background-color: #f8f9fb;
border-radius: 20px;
transition: 0.3s all linear;
margin-left: 20px;
overflow: hidden;
position: relative;
}
.sports-and-wellness-item::after{
position: absolute;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(4deg, #000000 4.01%, #3d124838 70.24%);
top: 0;
left: 0;
/* opacity: 0.3;*/
}
.sports-and-wellnessBoxItem{
width: 100%;
margin-bottom: 50px;
/* box-shadow: 0px 0px 12px 0px rgba(4, 23, 26, 0.15); */
border-radius: 15px;
padding: 30px 40px;
background: #f8f6f9;
border: 1px solid #79468c;
}
.sports-and-wellness .col-lg-6:first-child .sports-and-wellnessBoxItem{
background: #e3f5f5;
border: 1px solid #03a8a0;
}
.sports-and-wellnessBoxItem h4{
font-size: 18px;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.sports-and-wellnessBoxItem li {
margin-bottom: 10px;
display: flex;
}
.sports-and-wellnessBoxItem li img {
height: 18px;
width: 18px;
margin-right: 10px;
position: relative;
top: 1px;
}
.sports-and-wellnessBoxItem img{
height: 65px;
width: 65px;
margin-right: 15px;
}
.saw-content .openLink{
color: #59cbe1;
font-size: 12px;
border: 1px solid #17c7e9;
padding: 5px 15px;
border-radius: 50px;
text-decoration: none;
transition: 0.3s all linear;
margin-right: 10px;
margin-top: 10px !important;
display: inline-block;
padding-bottom: 2px;
}
.saw-content .openLink:last-child{
margin-right: 0;
}
.saw-content .openLink svg{
height: 12px;
width: 12px;
margin-left: 5px;
position: relative;
top: 1px;
}
.saw-content .openLink:hover{
transition: 0.3s all linear;
background-color: #00778e;
color: #fff;
border-color: transparent;
}
.sports-and-wellness-bg{
width: 100%;
height: 100%;
object-fit: cover;
}
.sports-and-wellness-item.active{
width: 100%;
transition: 0.3s all linear;
}
.sports-and-wellness-content{
position: absolute;
z-index: 2;
bottom: 255px;
padding: 20px 0px;
transition: 0.8s alllinear;
width: 500px;
left: -170px;
}
.sports-and-wellness-content h4{
font-weight: bold;
color: #fff;
letter-spacing: 0.5px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-bottom: 0;
transition: 0.1s all linear;
}
.sports-and-wellness-item.active .sports-and-wellness-content h4{
/* transform: none; */
transition: 0.1s all linear;
visibility: hidden;
}
.sports-and-wellness-item .sports-and-wellness-content p{
color: #fff;
font-size: 14px;
line-height: 29px;
margin-bottom: 0;
display: none;
overflow: hidden;
transition: 0.3s all linear;
}
.sports-and-wellness-item.active .sports-and-wellness-content p{
transition: 0.8s ease;
}
.sports-and-wellness-item.active .sports-and-wellness-content{
padding: 20px 40px;
transition: 0.8s ease;
}
.lisBtn {
position: absolute;
bottom: 60px;
z-index: 99;
right: 40px;
background: transparent;
border: 1px solid #fff;
color: #fff !important;
width: 130px;
text-align: center;
font-size: 14px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
transform: translateY(10px); /* Start slightly offset for animation */
}
.saw-content {
position: absolute;
bottom: 50px;
z-index: 99;
left: 40px;
opacity: 0;
transition: opacity 0.1sease, transform 0.1sease;
transform: translateY(10px);
width: 90%;
}
.saw-content h4 {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
color: #fff;
font-family: 'Plain-SemiBold';
}
.saw-content li {
margin-bottom: 15px;
color: #fff;
opacity: 0.9;
}
.saw-content li:last-child{
margin-bottom: 10px;
}
.sports-and-wellness-item.active .saw-content {
opacity: 1;
transform: translateY(0); /* Moves to its final position */
transition: opacity 0.8s ease, transform 0.8s ease;
transition-delay: 0.5s;
}
.lisBtn:hover{
text-decoration: none;
}
.sports-and-wellness-item.active .lisBtn {
opacity: 1;
transform: translateY(0); /* Moves to its final position */
}
.Food-beverages{
padding-top: 50px;
padding-bottom: 100px;
background: #f8f4f9;
}
.Food-beverages .nav-tabs{
border: none;
justify-content: center;
margin-bottom: 60px
}
.Food-beverages .nav-tabs .nav-link{
font-size: 15px;
padding: 15px 20px;
border: none;
color: #0c3957;
background: #0c395712;
margin-right: 20px;
width: 300px;
text-align: center;
border-radius: 50px;
transition: 0.3s all ease-in;
}
.nav-tabs .nav-link:hover{
border: none;
}
.Food-beverages .nav-tabs .nav-item.show .nav-link, .Food-beverages .nav-tabs .nav-link.active{
background-color: #824b97;
border: unset;
border-radius: 50px;
color: #fff;
transition: 0.3s all ease-in;
}
.Food-beverages .nav-tabs .nav-link:hover {
background-color: #824b97;
border: unset;
border-radius: 50px;
color: #fff;
transition: 0.3s all ease-in;
}
.Food-beverages p{
color: #4d5761;
font-size: 16px;
margin-bottom: 30px;
margin-top: 30px;
line-height: 29px;
}
.Food-beverages ul li{
margin-bottom: 20px;
font-size: 14px;
color: #0c3957;
display: flex;
}
.Food-beverages ul li img{
height: 20px;
margin-right: 15px;
}
.Food-beverages .tab-content>.tab-pane{
position: relative;
}
.Food-beverages-swiper-item{
width: 100%;
height: 530px;
background: #ffffff;
padding: 10px;
display: block;
text-decoration: unset !important;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 41px 0px;
}
.Food-beverages-swiper .swiper-wrapper{
padding: 30px;
}
.Food-beverages-swiper-wrap {
width: 50%;
position: absolute;
top: -23px;
right: 0;
}
.Food-beverages-image {
width: 100%;
height: 100%;
object-fit: cover;
margin-bottom: 20px;
border-radius: 0px;
transform: scale(1.0) rotate(0deg);
transition: transform 0.3s ease-in-out;
}
.Food-beverages-swiper-item:hover {
cursor: pointer;
}
.Food-beverages-swiper-item:hover .Food-beverages-image {
transform: scale(1.1) rotate(2deg); /* Slight scaling and rotation on hover */
}
.Food-beverages-image-wrap{
width: 100%;
height: 300px;
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.Food-beverages-swiper-wrap .select2-container--default .select2-selection--single {
border: unset;
}
.dropdownWrap{
position: absolute;
right: 0;
z-index: 99;
}
.dropdown-el {
margin-top: 0;
width: 175px;
position: relative;
display: inline-block;
margin-right: 1em;
min-height: 44px;
max-height: 2em;
overflow: hidden;
top: 0.5em;
cursor: pointer;
text-align: left;
white-space: nowrap;
color: #0c3957;
outline: none;
border: 0.06em solid transparent;
border-radius: 1em;
background-color: #cdd2dc05;
transition: 0.3s all ease-in-out;
border: 1px solid #03a8a0;
}
.dropdown-el input:focus + label {
background: #def;
}
.dropdown-el input {
width: 1px;
height: 1px;
display: inline-block;
position: absolute;
opacity: 0.01;
}
.dropdown-el label {
/* border-top: 0.06em solid #d9d9d9; */
display: block;
height: 35px;
line-height: 46px;
padding-left: 1em;
padding-right: 3em;
cursor: pointer;
position: relative;
transition: 0.3s color ease-in-out;
font-size: 14px !important;
}
.dropdown-el label:nth-child(2) {
margin-top: 3em;
/* border-top: 0.06em solid #d9d9d9; */
}
.dropdown-el input:checked + label {
display: block;
border-top: none;
position: absolute;
top: 0;
width: 100%;
}
.dropdown-el input:checked + label:nth-child(2) {
margin-top: 0;
position: relative;
}
.dropdown-el::after {
content: "";
position: absolute;
right: 0.8em;
top: 18px;
border: 8px solid #03a8a0;
border-color: #03a8a0 transparent transparent transparent;
transition: 0.4s all ease-in-out;
}
.dropdown-el.expanded {
border: 0.06em solid #03a8a0;
background: #fff;
border-radius: 0.25em;
padding: 0;
box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
max-height: 15em;
}
.dropdown-el.expanded label {
border-top: 0.06em solid #d9d9d9;
font-size: 13px;
}
.dropdown-el.expanded label:hover {
color: #03a8a0;
}
.dropdown-el.expanded input:checked + label {
color: #03a8a0;
}
.dropdown-el.expanded::after {
transform: rotate(-180deg);
top: 0.55em;
}
.Food-beverages-swiper-wrap .select2-container{
width: 150px !important;
display: flex
;
/* align-items: center; */
/* justify-content: center; */
margin-left: auto;
margin-right: 35px;
}
.Food-beverages-cityName{
position: absolute;
bottom: 10px;
left: 15px;
z-index: 1;
background: #00000070;
color: #fff;
padding: 4px 15px;
font-size: 13px;
border-radius: 50px;
line-height: 17px;
width: 106px;
}
.Food-beverages-cityName img{
height: 18px;
margin-right: 5px;
}
.Food-beverages-image-wrap::after{
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
content: '';
background: linear-gradient(183deg, #0c395700 4.01%, #00000063 63.24%) !important;
}
.Food-beverages-image-wrap svg{
position: absolute;
color: #fff;
z-index: 99;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 100%;
padding: 5px;
transform: scale(-0.1) rotate(-45deg);
opacity: 0;
transition: 0.3s all ease-out;
}
.Food-beverages-swiper-item:hover .Food-beverages-image-wrap svg{
transform: scale(-1) rotate(-45deg);
opacity: 1;
transition: 0.3s all ease-in;
}
.Food-beverages-swiper-item:hover {
cursor: pointer;
}
.Food-beverages-swiper-item h4{
font-size: 18px;
font-weight: bold;
padding: 0 15px;
position: relative;
z-index: 1;
color: #0c3957;
line-height: 28px;
margin-bottom: 0;
}
.Food-beverages-swiper-item p{
margin-bottom: 0;
padding: 0 15px;
position: relative;
z-index: 1;
}
.Food-beverages-swiper-row{
min-height: 530px;
display: flex;
}
.food-beverage-wrap .colTitleTxtLg {
font-size: 30px;
}
.deliveryApplicationList{
margin-top: 20px;
}
.grocerySection .deliveryApplicationList{
text-align: center;
}
.grocerySection .appDesclimer{
text-align: center;
}
.deliveryApplicationList a {
display: inline-block;
margin-right: 6px;
margin-bottom: 15px;
}
.deliveryApplicationList a img{
border-radius: 4px;
height: 65px;
object-fit: contain;
background-color: #fff;
}
.deliveryApplicationList h5{
font-size: 18px;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin-bottom: 15px;
margin-top: 0px;
}
.rhqContent{
position: relative;
background-color: #fff;
}
.rhqStickeContainer{
width: 75%;
}
.rhqSticke{
position: relative;
top: -59px;
z-index: 9999998;
background-color:transparent;
/* border-bottom: 1px solid #cbd5e1; */
height: 126px;
display: flex;
align-items: center;
}
/* .rhqSticke ul li a::after {
content: '';
position: absolute;
width: 50px;
height: 50px;
border-radius: 100%;
background: #eef9f9;
top: 13px;
left: -62px;
right: 0;
margin: auto;
transition: 0.3s all linear;
}
.rhqSticke ul li.active a::after{
background: #e6f7f62b;
transition: 0.3s all linear;
} */
.rhqSticke ul li a img{
position: relative;
z-index: 1;
transform: scale(1.0);
transition: 0.3s all linear;
}
.rhqSticke ul li a:hover img{
transform: scale(1.1);
transition: 0.3s all linear;
}
.rhqSticke ul {
list-style-type: none;
display: flex;
align-items: center;
align-items: center;
justify-content: space-between;
/* overflow: hidden;*/
width: 100%;
margin: 0;
border-radius: 0;
position: relative;
}
.rhqSticke::after{
width: 858px;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 60px;
/* background-color: #fff;*/
/* box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);*/
border-radius: 50px;
}
.rhqSticke ul li{
width: calc(100% / 4);
position: relative;
z-index: 2;
border-right: 1px solid #0c39573b;
background-color: #fff;
margin-right: 0;
}
.rhqSticke ul li:last-child{
margin-right: 0;
}
.rhqSticke ul li a{
font-size: 14px;
line-height: 24px;
font-weight: bold;
color: #0c3957;
text-decoration: none;
text-align: center;
height: 180px;
display: flex;
align-items: center;
padding: 15px;
border-radius: 50px;
cursor: pointer;
flex-direction: column;
padding-top: 25px;
letter-spacing: 0;
font-family: 'Plain';
font-weight: 400;
}
.rhqSticke ul li a::after {
content: '';
position: absolute;
width: 100px;
height: 100px;
border-radius: 100%;
background: #f8f4f9;
top: 55px;
left: 0px;
right: 0;
margin: auto;
transition: 0.3s all linear;
overflow: hidden;
}
.rhqSticke ul li.active a::before{
content: unset;
}
.rhqSticke ul li a::before{
width: 100%;
content: '';
height: 0%;
position: absolute;
left: 0;
bottom: 0;
background-color: #824b97;
opacity: 0;
transition: 0.3s all ease-in;
}
.rhqSticke ul li:hover a::before{
height: 100%;
opacity: 1;
transition: 0.3s all ease-in;
}
.rhqSticke ul li.active a::after, .rhqSticke ul li:hover a::after{
background: #ffffff1c;
}
.rhqSticke ul li a span{
display: inline-block;
min-height: 50px;
position: relative;
z-index: 9;
}
.rhqSticke ul li a img{
margin-bottom: 10px;
width: 65px;
height: 65px;
object-fit: cover;
}
.rhqSticke ul li.active a, .rhqSticke ul li:hover a{
/* background-color: #00a6be;*/
color: #fff;
transition: 0.3s;
}
/*.rhqSticke ul li:hover a{
color: #00a6be;
}*/
.rhqSticke ul li.active a:hover{
color: #fff;
}
.rhqSticke ul{
position: relative;
background: transparent;
box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
}
.rhqSticke ul .moveAni{
opacity: 0;
display: inline-block;
content: "";
position: absolute;
top: 0;
left: 0px;
z-index: 2;
width: calc(100% / 4);
height: 100%;
border-radius:0;
/* background-color: #824b97; */
pointer-events: none;
transition: transform 1s cubic-bezier(.23,1,.32,1), background-color 1s cubic-bezier(.23,1,.32,1);
transform: translate(calc(0* 100%));
bottom: 0;
margin: auto;
}
.rhqSticke ul li.active{
background-color: #824b97;
}
.rhqSticke ul .moveAni::after{
position: absolute;
width: 40px;
height: 40px;
background-color: #824b97;
content: '';
bottom: -4px;
left: 0;
right: 0;
margin: auto;
border-radius: 5px;
transform: rotate(45deg);
z-index: -12
}
/* .rhqSticke .menuIconDark{
position: absolute;
} */
.menuIconLight{
opacity: 0;
transition: 0.5s all ease-in;
}
.rhqSticke ul li.active .menuIconDark, .rhqSticke ul li:hover .menuIconDark{
opacity: 0;
transition: 0.5s all ease-in;
}
.rhqSticke ul li.active .menuIconLight, .rhqSticke ul li:hover .menuIconLight{
opacity: 1;
transition: 0.5s all ease-in;
}
img.menuIconDark {
position: absolute;
top: -76px;
}
.colEstimationQuestionsFix{
padding: 0;
background: linear-gradient(178deg, #ffffff 44.01%, #ffffff00 120.24%);
width: 100%;
/* left: 0; */
z-index: 999999;
min-height: auto;
padding-top: 0;
position: relative;
margin-top: 100px;
}
.animationLayer{
position: absolute;
width: 100%;
height: 100%;
background: #fff;
z-index: 999999;
bottom: 0;
}
#colEstimationQuestionsID.active .animationLayer{
height: 0%;
transition: 2s all ease-in-out;
}
.colEstimationQuestionsFix .colQuestionsWrap{
width: 95%;
height: auto;
overflow: hidden;
overflow-y: auto;
padding-bottom: 0;
}
#education .colQuestionsWrap{
height: auto;
}
.colEstimationQuestionsFix .colQuestionResults{
width: 35%;
}
.colCloseButton{
position: absolute;
width: 40px;
height: 40px;
right: 40px;
top: 20px;
background: #00778e;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
z-index: 9;
}
.colCloseButton svg{
width: 15px;
height: 15px;
}
/*
* STYLE 2
*/
.colEstimationQuestionsFix .colQuestionsWrap::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 0px;
background-color: #F5F5F5;
}
.colEstimationQuestionsFix .colQuestionsWrap::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}
.colEstimationQuestionsFix .colQuestionsWrap::-webkit-scrollbar-thumb
{
border-radius: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #824b97;;
}
.hollyDayTableRow{
display: flex ;
align-items: stretch;
width: 100%;
border: 1px solid #fff;
padding: 0px;
margin: 10px 0;
}
.hollyDayTableBody .hollyDayTableRow{
display: flex;
align-items: stretch;
width: 100%;
padding: 0px;
border-radius: 20px;
overflow: hidden;
margin: 10px 0;
background: linear-gradient(268deg, #0c395700 4.01%, #f8f4f9 70.24%);
}
.hollyDayTableItem h4{
font-size: 18px;
font-family: 'Plain-SemiBold';
color: #0c3957;
text-transform: capitalize;
}
.hollyDayTableItem{
color: #fff;
font-size: 14px;
display: flex;
/* align-items: center; */
flex-direction: column;
justify-content: center;
}
.hollyDayTableBody .hollyDayTableItem{
color: #000;
}
.hollyDayTableItem span{
padding: 15px;
display: inline-block;
}
.hollyDayTableBody .hollyDayTableItem span{
padding: 0;
}
.hollyDayTableBody .hollyDayTableItem {
padding: 15px;
}
.hollyDayTableBody .hollyDayTableRow .hollyDayTableItem:nth-child(2){
color: #4d5761;
line-height: 24px;
}
.hollyDayTableBody .hollyDayTableRow .hollyDayTableItem:nth-child(1) span:first-child{
font-size: 16px;
text-transform: uppercase;
}
.hollyDayTableBody .hollyDayTableItem:nth-child(1) {
font-family: 'Plain-SemiBold';
color: #0c3957;
}
span.publicdateCol {
font-family: 'Plain-SemiBold';
font-size: 12px;
margin-top: 4px;
color: #4b4444;
}
/* .hollyDayTableBody .hollyDayTableItem:nth-child(3){
color: #4d5761;
line-height: 24px;
font-size: 13px;
} */
.hollyDayTableRow .hollyDayTableItem:nth-child(1){
width: 18%;
border-right: 1px solid #fff;
}
.hollyDayTableRow .hollyDayTableItem:nth-child(2){
width: 82%;
/* border-right: 1px solid #fff; */
}
/* .hollyDayTableRow .hollyDayTableItem:nth-child(3){
width: 48%;
} */
.hollyDayTable{
margin-top: 0px;
background: #fff;
border-radius: 0;
overflow: hidden;
padding: 0;
height: 0;
position: relative;
height: 100vh;
padding-top: 200px;
position: fixed;
width: 100%;
top: 0;
z-index: 99;
left: 0;
overflow-y: auto;
padding-bottom: 50px;
}
.hollyDayTable .colTitleTxtLg.text-center{
margin-bottom: 0px;
}
.hollyDayTable .colTitleTxtLg.text-center{
background: #fff;
/* margin-bottom: 0; */
padding: 30px;
padding-top: 0;
}
.hollyDayTableCol{
width: 100%;
min-height: 500px;
}
.hollyDayTableColItem {
width: 100%;
height: 210px;
/* background: red; */
margin-bottom: 2px;
background: #ffffff;
/* box-shadow: 0px 0px 7px 0px rgba(4, 23, 26, 0.15); */
padding: 15px;
display: flex ;
align-items: center;
border-bottom: 1px solid #e9e9e9;
}
.hollyDayTableColItem:last-child{
border-bottom: unset;
}
.hollyDayTableColItemCalander span{
display: block;
font-size: 14px;
color: #824b97;
}
.hollyDayTableColItemCalander{
width: 190px;
height: 120px;
background-color: #f8f4f9;
border-radius: 15px;
/* border: 1px solid #e2dee3; */
/* border-bottom: 8px solid #e2dee3; */
/* border-bottom-right-radius: 37px; */
padding: 20px;
margin-right: 15px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
background: url(../images/event-bg.png);
background-size: cover;
background-position: center;
}
.hollyDayTableBody{
margin-top: 0px;
border: 1px solid #e9e9e9;
border-radius: 15px;
overflow: hidden;
}
.hollyDayTableColItemCalander span.dateNo{
display: inline-block;
font-size: 24px;
font-weight: bold;
font-family: 'Plain-SemiBold';
margin-right: 5px;
position: relative;
top: 2px;
border: 1px solid #e9e9e9;
}
.aroundLabel{
font-size: 12px;
color: #824b97;
margin-bottom: -5px;
font-family: 'Plain-SemiBold';
}
.hollyDayTableColItemCalanderItem:last-child{
margin-right: 0;
}
.hollyDayTableColItemCalander .calDate{
font-size: 55px;
font-family: 'Plain-SemiBold';
margin-right: 8px;
}
.myWrap{
position: relative;
top: -4px;
}
.hollyDayTableColItemContent{
width: 90%;
}
.hollyDayTableColItemContent h4{
font-size: 16px;
font-family: 'Plain-SemiBold';
color: #0c3957;
text-transform: capitalize;
}
.hollyDayTableColItemContent p{
color: #4d5761;
font-size: 13px;
line-height: 24px;
margin-bottom: 0;
}
.hollyDayTableCol:last-child .hollyDayTableColItem {
height: auto;
width: 100%;
}
.dateTxt{
color: #fff !important;
font-size: 18px !important;
font-family: 'Plain-SemiBold';
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
text-transform: uppercase;
top: 0;
display: flex !important;
align-items: center;
text-align: center;
justify-content: center;
align-items: center;
margin: auto;
right: 0;
}
/* .hollyDayTableCol:last-child .hollyDayTableColItemCalander{
width: 300px;
height: 235px;
} */
.hollyDayTableRowWrap{
display: flex;
justify-content: space-between;
}
.holiydayClose{
cursor: pointer;
position: absolute;
right: unset;
top: 23%;
display: inline-block;
width: 35px;
height: 35px;
background: #00778e;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: #ffffff;
left: 94%;
z-index: 99999;
}
span.holiydayClose svg {
width: 15px;
height: 15px;
}
.toLabel{
position: absolute;
font-size: 19px;
font-family: 'Plain-SemiBold';
display: block;
color: #824b97;
right: 19px;
top: 47%;
opacity: 0.2;
z-index: 0;
text-transform: lowercase;
}
.showHoloday .showDateBtn{
display: none;
}
.showDateBtn:hover{
background-color: #03a8a0 !important;
transition: 0.3s all linear;
border-color: transparent !important;
}
.hollyDayTableHead .hollyDayTableRow{
background-color:#00778e;
border-radius: 15px;
}
.hollyDayTableHead .hollyDayTableItem {
font-family: 'Plain-SemiBold';
}
.jobDemandSection{
width: 100%;
min-height: 720px;
background-color: #0c3957;
position: relative;
padding: 100px 0;
}
.jobDemandSection .globalList p, .jobDemandSection .OnlinePlotformList p{
opacity: 0.8;
}
.jobDemandSection::after{
content: '';
position: absolute;
width: 50%;
height: 100%;
background-image: url(../images/zigzag-object-left2.png);
background-repeat: no-repeat;
background-size: 36%;
background-position: left bottom;
top: 0;
background-attachment: fixed;
}
.jobDemandSectionRight{
width: 49%;
position: absolute;
right: 0;
height: 100%;
top: 0;
background-image: url(../images/job-bnr-1.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 100% -24%;
background-size: 38%;
}
.jobDemandSectionRight::after{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(88deg, #6e408c 0.01%, #00000094 220.24%);
content: '';
}
.jobDemandSectionRight img {
width: 100%;
height: 100%;
object-fit: cover;
}
.txtWhite{
color: #fff;
}
.colTitleTxt.txtWhite{
margin-bottom: 25px;
}
p.colTitleInfo.txtWhite {
opacity: 0.8;
}
.colSmallTxt{
color: #fff;
margin-top: 40px;
margin-bottom: 20px;
}
.jpbLogoWrap img{
height: 55px;
background: #ffffff;
padding: 13px;
margin-right: 18px;
margin-bottom: 20px;
border-radius: 8px;
width: 130px;
object-fit: contain;
cursor: pointer;
transition: 300ms all ease-in;
}
.jpbLogoWrap img:hover{
padding: 10px;
}
.globalList {
margin-bottom: 30px;
}
.globalList:last-child, .globalList:last-child img {
margin-bottom: 0px !important;
}
.jobStatisWrap {
width: 100%;
padding: 0;
text-align: center;
color: #fff;
display: flex;
margin: auto;
flex-direction: column;
position: sticky;
top: 225px;
z-index: 9;
padding-top: 0;
padding-bottom: 0;
padding-left: 60px;
}
.jobSecItem ul li {
color: #fff;
font-size: 14px;
line-height: 24px;
margin-bottom: 15px;
opacity: 0.8;
position: relative;
padding-left: 30px;
}
.jobSecItem .colBtn{
background: transparent;
border: 1px solid #fff;
height: 38px;
width: max-content;
/* text-decoration: underline; */
justify-content: f;
/* margin-right: auto; */
margin-top: 15px;
margin-left: 33px;
font-size: 13px;
padding-top: 1px;
opacity: 0.9;
padding: 15px;
padding-top: 16px;
}
.jobSecItem ul li:last-child{
margin-bottom: 0;
}
.jobSecItem ul li::after {
content: '';
width: 10px;
height: 10px;
position: absolute;
top: 5px;
left: 0px;
background-color: #03a8a0;
border-radius: 100%;
}
.jpbLogoWrap {
margin: 20px 0;
}
.jobStatisWrap .colTitleTxt.txtWhite{
text-align: left;
font-size: 28px;
line-height: 38px;
}
.jobSecItem h4{
font-size: 18px;
line-height: 28px;
}
.jobStatisWrapItem img {
height: 80px;
width: 80px;
background: #03a8a0;
border-radius: 100%;
padding: 10px;
margin-bottom: 20px;
transform: scaleX(1);
transition: 0.3s all ease-in;
margin-right: 15px;
}
.jobStatisWrapItem:hover img{
transform: scaleX(-1);
transition: 0.3s all ease-in;
}
.jobStatisWrapItem{
margin-bottom: 60px;
text-align: left;
display: flex;
}
.jobStatisWrapItem>div{
width: calc(100% - 80px);
margin-left: 0;
}
.jobStatisWrapItem>div h4{
font-size: 18px;
/* font-family: 'Plain-SemiBold'; */
margin-bottom: 15px;
line-height: 28px;
}
.jobDemandSection .container, .jobDemandSection .container-fluid{
position: relative;
z-index: 9999;
}
.jobStatisWrapItem:last-child{
margin-bottom: 0;
}
.jobStatisWrapItem>div p{
opacity: 0.9;
margin-bottom: 0;
color: #fff;
}
.taxImplementation{
padding: 100px 0;
}
.taxImplementationWrapper{
display: flex;
flex-wrap: wrap;
}
.taxImplementationItem{
width: calc(50% - 20px);
height: 280px;
background-color: #fff;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 41px 0px;
}
.circleImg{
width: 230px;
position: absolute;
right: 0;
height: 230px;
overflow: hidden;
bottom: 0;
}
.circleImg {
border-radius: 400px 0 0;
}
.taxImplementationItem:nth-child(2) .circleImg{
right: unset;
left: 0;
}
.taxImplementationItem:nth-child(2) .circleImg {
border-radius: 0px 400px 0 0;
}
.taxImplementationItem:nth-child(2), .taxImplementationItem:nth-child(4){
padding-left: 270px;
}
.taxImplementationItem:nth-child(1), .taxImplementationItem:nth-child(3){
padding-right: 270px;
}
.taxImplementationItem:nth-child(3) .circleImg{
right: 0;
left: unset;
bottom: unset;
top: 0;
}
.taxImplementationItem:nth-child(3) .circleImg {
border-radius: 0 0px 0 400px;
}
.taxImplementationItem:nth-child(4) .circleImg{
right: unset;
left: 0;
bottom: unset;
top: 0;
}
.taxImplementationItem:nth-child(4) .circleImg {
border-radius: 0 0 400px 0px;
}
.circleImg img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: 300ms all ease-in;
}
.taxImplementationItem:hover .circleImg img{
transform: scale(1.2);
transition: 300ms all ease-in;
}
.taxImplementationItem{
padding: 40px 40px;
}
.taxImplementationItem p{
color: #4d5761;
margin: auto;
margin-bottom: 30px;
position: relative;
z-index: 1;
transition: 0.5s all ease-in;
}
.taxImplementationItem h4{
font-weight: bold;
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
color: #0c3957;
position: relative;
z-index: 1;
transition: 0.5s all ease-in;
font-family: 'Plain-SemiBold';
}
.circleImgIcon{
width: 80px;
display: inline-block;
position: absolute;
height: 80px;
background: #03a8a0;
border-radius: 100%;
left: 30rem;
top: 3rem;
display: flex
;
align-items: center;
justify-content: center;
/* transform: rotate(0deg) scale(1); */
transition: 300ms;
z-index: 9;
}
.taxImplementationItem:hover .circleImgIcon{
transform: rotate(180deg) scale(-1);
/* transition: 0.4s all ease-in; */
}
.taxImplementationItem:nth-child(2) .circleImgIcon{
left: 5rem;
}
.taxImplementationItem:nth-child(3) .circleImgIcon{
left: 30rem;
top: 9rem;
}
.taxImplementationItem:nth-child(4) .circleImgIcon{
left: 5rem;
top: 9rem;
}
.section-background {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(137deg, #0c3957 4.01%, #824b97 70.24%);
/* clip-path: circle(17% at 92% 12%); */
clip-path: circle(22% at 100% 100%);
transition: 0.3s all ease-in;
/* z-index: -2; */
}
.taxImplementationItem:nth-child(2) .section-background{
clip-path: circle(22% at 0% 100%);
}
.taxImplementationItem:nth-child(3) .section-background{
clip-path: circle(22% at 100% 0);
}
.taxImplementationItem:nth-child(4) .section-background{
clip-path: circle(22% at 0% 0%);
}
.taxImplementationItem:hover .section-background {
clip-path: circle(100%);
}
.taxImplementationItem:hover h4{
color: #fff;
transition: 0.5s all ease-in;
transform-style: 0.5s;
}
.taxImplementationItem:hover p{
color: #fff;
opacity: 0.8;
transition: 0.5s all ease-in;
transform-style: 0.5s;
}
.circleImgIcon img{
height: 45px;
width: 45px;
object-fit: contain;
border-radius: unset !important;
}
.visaProcess{
padding: 100px 0;
background-color: #f8f4f9;
position: relative;
}
.visaProcessItem{
margin-bottom: 100px;
}
.visaProcessItem:last-child{
margin-bottom: 0;
}
.visaProcessItemImgWrap{
width: 100%;
height: 600px;
position: sticky;
top: 178px;
}
.visaProcessItemImg{
width: 100%;
height: 100%;
object-fit: cover;
}
.visaProcess h4{
font-size: 18px;
font-weight: bold;
color: #0c3957;
margin-bottom: 10px;
margin-top: 30px;
}
.visaProcess h4.visaTitle{
font-size: 28px;
margin-top: 0;
}
.visaProcess li{
color: #4d5761;
font-size: 14px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 13px;
line-height: 24px;
display: block;
}
.visaProcess p{
margin-bottom: 15px;
}
.visaProcess h6{
background: linear-gradient(268deg, #ffffff00 4.01%, #6f3f810d 70.24%);
padding: 8px;
color: #6f3f81;
font-family: 'Plain-SemiBold';
font-size: 18px;
}
.visa-process-item{
margin-bottom: 20px;
}
.resedentialTab .nav-tabs li{
margin: unset;
width: 50%;
}
.resedentialTab .nav-tabs {
width: 70%;
margin: auto;
margin-bottom: 30px;
border: unset;
background: transparent;
padding: 5px 5px;
border-radius: 50px;
border: 1px solid #6f3f81
}
.resedentialTab .nav-tabs .nav-item.show .nav-link, .resedentialTab .nav-tabs .nav-link.active{
color: #ffffff;
background-color: #6f3f81;
border: unset !important;
}
.resedentialTab .nav-tabs .nav-link{
border-radius: 50px;
outline: none;
background: #e9e0ec00;
font-size: 14px;
padding: 10px 30px;
border: unset;
margin-right: 15px;
color: #0c3957;
cursor: pointer;
width: 100%;
}
.resedentialTab .nav-tabs li:last-child button{
margin-right: 0;
}
.resedentialTabContentWrap p {
margin-bottom: 30px;
}
.settingSaudiProcess h5{
height: 33px;
font-weight: bold;
color: #0c3957;
}
.settingSaudiProcess .visa-process-steps-item a {
height: 35px;
margin: auto;
width: 121px;
}
.visa-process{
margin-bottom: 30px;
}
.visa-process:last-child{
margin-bottom: 0;
}
.visa-process-steps{
display: flex;
align-items: center;
}
.visa-process-steps-item{
height: 220px;
background: #ffffff;
margin-right: 15px;
width: calc(100% / 3);
padding: 15px;
text-align: center;
display: flex;
font-size: 14px;
/* box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 15px 0px; */
border-radius: 4px;
position: relative;
overflow: hidden;
flex-direction: column;
color: #4d5761;
justify-content: center;
}
.stepIcons{
background: #03a8a0;
height: 70px;
width: 70px;
margin: auto;
border-radius:100%;
padding: 12px;
margin-bottom: 15px;
}
.stepIcons img{
width: 100%;
height: 100%;
object-fit: contain;
}
.visa-process-steps-item .stepCount{
width: 50px;
height: 50px;
background: linear-gradient(218deg, #0c3957 4.01%, #824b97 70.24%);
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-top: 0;
margin-bottom: 15px;
border-radius: 4px;
color: #fff;
font-weight: bold;
font-size: 20px;
}
.visa-process-steps-item:last-child{
margin-right: 0;
}
.checkPoint img {
height: 16px;
margin-right: 15px;
}
.visaProcessItem .colBtn{
margin-top: 30px;
}
span.colBtn{
align-items: center;
line-height: 37px;
justify-content: flex-start;
padding-left: 15px;
}
span.colBtn svg {
position: unset;
justify-content: flex-start;
margin-right: 10px;
transform: unset !important;
}
.visaProcessItemImgWrap::after {
position: absolute;
width: 100%;
height: 100%;
content: '';
bottom: 0;
left: 0;
/* background: url(../images/curve.44a37d87cad80781e5ee5ea2ec52c626.svg); */
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
z-index: 2;
opacity: 1;
transform: scaleX(-1);
}
.visaProcessItemImgTwo, .visaProcessItemImgTwo img{
height: 700px;
}
.visaProcessItemImgWrap::before{
position: absolute;
width: 100%;
height: 100%;
content: '';
bottom: 0;
left: 0;
/* background:linear-gradient(89deg, #000000 -316.99%, #ffffff00 269.24%); */
}
.visaProcessItemImgWrap h4{
position: absolute;
bottom: 30px;
z-index: 3;
color: #fff;
width: 60%;
line-height: 33px;
right: 16px;
font-size: 23px;
}
.departure-checklist::before {
position: absolute;
width: 100%;
height: 100%;
content: '';
bottom: 0;
left: 0;
background: url(../images/curve.44a37d87cad80781e5ee5ea2ec52c626.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
z-index: 1;
opacity: 0.9;
transform: scaleX(-1);
}
.departure-checklist{
padding: 50px 0;
background-image: url(../images/checklist.jpeg);
background-size: cover;
position: relative;
background-position: -283px 0;
}
.departure-checklist .container{
position: relative;
z-index: 1;
}
.departure-checklist::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(89deg, #0c3957 -154.99%, #ffffff00 269.24%);
}
.departure-checklist .colTitleTxt, .departure-checklist .colTitleInfo{
color: #fff;
}
.departure-checklist li {
background: #ffffff;
margin-bottom: 20px;
padding: 15px;
height: 75px;
display: flex;
justify-content: center;
border-radius: 4px;
width: 75%;
margin: auto;
margin-bottom: 20px;
font-size: 14px;
position: relative;
box-shadow: -1px 2px 20px 11px #00000024;
padding-left: 70px;
padding-right: 90px;
line-height: 24px;
flex-direction: column;
border: 1px solid #03a8a024;
overflow: hidden;
}
.departure-checklist li img {
position: absolute;
height: 45px;
right: 9px;
bottom: 13px;
}
.departure-checklist li span {
display: block;
color: #6a6a6a;
font-size: 13px;
}
.chkListCount {
position: absolute;
left: 23px;
font-size: 38px;
font-weight: bolder;
top: 27px;
bottom: 0;
margin: auto;
color: #824b97;
font-family: 'Plain-SemiBold';
transform: scale(1);
transition: 300ms all ease-in;
}
.departure-checklist li:hover .chkListCount{
transform: scale(1.1);
}
.departure-checklist1{
padding: 100px 0;
background: linear-gradient(269deg, #ffffff 4.01%, #f8f4f9 70.24%);
position: relative;
background-image: url('../images/checklist.jpeg');
background-size: cover;
}
.departure-checklist1 .colBtn{
margin: auto;
margin-top: 30px;
height: 55px;
width: 217px;
}
.departure-checklist1 .colBtn span{
display: inline-block;
width: 40px;
height: 40px;
/* background: #fff; */
margin-left: 5px;
border-radius: 4px;
}
.departure-checklist1 .colBtn span img{
width: 100%;
height: 100%;
padding: 10px;
}
.departure-checklist1 .container{
position: relative;
z-index: 1;
}
.departure-checklist1ItemWrap{
margin-top: 0px;
position: relative;
display: flex ;
flex-wrap: wrap;
justify-content: space-between;
}
div#checklist1::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(269deg, #ffffffeb 4.01%, #f8f4f9f7 70.24%);
top: 0;
left: 0;
}
.departure-checklist1Item {
display: flex;
flex-direction: column;
/* justify-content: space-between; */
padding: 20px 0;
margin: 0px 0;
/* border-bottom: 1px solid #814b9629; */
width: 47%;
position: relative;
}
.departure-checklist1Item-count-title{
width: 100%;
display: flex;
align-items: center;
position: relative;
}
.departure-checklist1Item-count-title svg{
position: absolute;
width: 40px;
height: 40px;
right: -40px;
top: 0;
bottom: 0;
margin: auto;
color: #814b9669;
opacity: 0;
transition: 300ms all ease-in;
transform: translateX(-20px);
}
.departure-checklist1Item:hover .departure-checklist1Item-count-title svg{
opacity: 1;
transform: translateX(0px);
transition: 300ms all ease-in;
}
.departure-checklist1Item:hover .departure-checklist1Item-count-title svg{
opacity: 1;
transform: translateX(0px);
transition: 300ms all ease-in;
}
.checklist1ImageList img{
width: 100%;
height: 500px;
object-fit: cover;
border-radius: 15px;
}
.checklistListImgWrap{
position: fixed;
top: 18rem;
right: 10rem;
width: 310px;
height: 500px;
}
.checklist1ImageList{
width: 100%;
height: 100%;
position: sticky;
top: 100px;
}
.checklist1ImageListItem{
position: absolute;
transition: 300ms all linear;
width: 100%;
height: 100%;
}
.checklist1ImageListItem svg{
position: absolute;
top: 3rem;
right: -3rem;
width: 100px;
height: 100px;
color: #814b96;
transform: translateX(-42px);
/* transition: 300ms all linear; */
}
#stickyDiv {
transition: opacity 0.3s ease, top 0.3s ease;
}
.checklist1ImageListItem.active svg{
transform: translateX(0px);
transition: 300ms all linear;
}
.departure-checklist1Item-count-title span{
font-size: 35px;
font-weight: bold;
display: inline-block;
margin-right: 15px;
font-family: 'Plain-SemiBold';
color: #814b96;
}
.departure-checklist1Item-count-title h5{
font-size: 18px;
/* font-weight: bold; */
font-family: 'Plain-SemiBold';
width: 100%;
line-height: 28px;
color: #0c3957;
}
.departure-checklist1Item-content{
width: 100%;
padding-left: 55px;
}
.departure-checklist1Item-content li {
color: #4d5761;
font-size: 14px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 13px;
line-height: 24px;
display: flex;
}
.departure-checklist1Item-content li:last-child{
margin-bottom: 0;
}
.socialExpert{
padding: 100px 0;
background-color: #133a5c;
position: relative;
min-height: 600px;
}
.socialExpert::after{
content: '';
width: 50%;
right: 0;
top: 0;
height: 100%;
background: url('../images/homeCtaRightSectionPurpleCurve.f498835f6c9116ea9a4e.svg');
background-size: contain;
position: absolute;
background-repeat: no-repeat;
background-position: right;
}
.socialExpertLeft{
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
background: url(../images/happyland.webp);
background-position: -336px 0;
background-attachment: fixed;
}
.socialExpertLeft::after{
background: linear-gradient(268deg, #6e408c 5.01%, #000000c4 113.24%);
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.socialExpertLeft img {
width: 100%;
height: 100%;
object-fit: cover;
}
.settingSaudiProcessNav{
padding: 100px 0;
}
.settingSaudiProcess .colTitleTxtLg{
margin-bottom: 30px;
}
#educationChildcarePopup {
background: linear-gradient(358deg, #ffffff 4.01%, #f8f4f9 70.24%);
}
.settingSaudiProcess .colTitleInfo, .investingKsa .colTitleInfo{
margin: auto;
margin-bottom: 30px;
}
.settingSaudiProcessWrap{
display: flex ;
align-items: center;
justify-content: flex-start;
}
.settingSaudiProcessItemRow{
width: calc(100% / 3);
margin-right: 20px;
}
.settingSaudiProcessItem{
width: 100%;
height: 250px;
background-color: #ccc;
border-radius: 20px;
overflow: hidden;
margin-bottom: 20px;
position: relative;
}
.settingSaudiProcessItem::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(185deg, #0c3957 4.01%, #3d124838 70.24%);
top: 0;
left: 0;
}
.settingSaudiProcessItem img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
transition: all 300ms ease;
transform: scale(1);
}
.settingSaudiProcessItem:hover img{
transition: all 300ms ease;
transform: scale(1.1);
}
.settingSaudiProcessItemContent{
position: absolute;
top: 0;
padding: 40px 20px;
color: #fff;
z-index: 9;
}
.settingSaudiProcessItemContent h4{
font-family: 'Plain-SemiBold';
font-size: 28px;
line-height: 38px;
}
.settingSaudiProcessItemContent p {
color: #fff;
margin-top: 0px;
font-weight: 400;
}
.settingSaudiProcessItem .lisBtn{
position: absolute;
left: 27px;
/* background: red; */
opacity: 1;
backdrop-filter: blur(3px);
border: unset;
background: #ffffff2e;
width: 85%;
height: 55px;
justify-content: flex-start;
padding: 20px;
bottom: 40px;
}
.settingSaudiProcessItem .lisBtn img{
position: absolute;
width: 35px;
height: 35px;
right: 15px;
top: 2px;
bottom: 0;
margin: auto;
transform: rotate(0deg) scale(1);
transition: 300ms all linear;
}
.settingSaudiProcessItem:hover .lisBtn img{
transform: rotate(180deg) scale(-1);
}
.settingSaudiProcessItemRow:nth-child(odd) .settingSaudiProcessItem{
width: 100%;
height: 460px;
}
.settingSaudiProcessItemRow:nth-child(odd) .settingSaudiProcessItem:last-child{
width: 100%;
height: 300px;
}
.settingSaudiProcessItemRow:nth-child(even) .settingSaudiProcessItem{
width: 100%;
height: 300px;
}
.settingSaudiProcessItemRow:nth-child(even) .settingSaudiProcessItem:last-child{
width: 100%;
height: 460px;
}
.settingSaudiPOpup{
padding: 100px 0;
width: 100%;
position: relative;
top: unset;
left: unset;
background-color: #fff;
}
.educationChildcareContent{
display: flex;
justify-content: flex-start;
}
.custom-select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none;
background-image: url(../images/down.png) !important;
background-position: right 10px center !important;
background-repeat: no-repeat !important;
padding-right: 30px !important;
background-size: 17px !important;
}
.educationChildcareLeft{
width: 30%;
height: 675px;
background-color:unset;
/* box-shadow: inset 9px 1px 20px 0px #00000045; */
border-right: unset;
height: 675px;
position: sticky;
top: 200px;
padding: 0px 20px;
padding-left: 0;
}
.educationChildcareRight{
width: 70%;
min-height: calc(100vh - 95px);
background-color: unset;
overflow-y: auto;
}
.educationOverView{
margin-top: 30px;
padding-left: 20px;
padding-top: 0;
}
.settingSaudiContentWrapper{
width: 100%;
min-height: calc(100vh - 395px);
overflow: hidden;
overflow-y: auto;
}
.settingSaudiContentWrapper .colBtn{
margin: unset;
margin-top: 20px;
margin-left: 20px;
}
.settingSaudiPOpup h4{
color: #0c3957;
font-weight: bold;
}
.settingSaudiPOpupBnrImg{
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
}
.settingSaudiPOpupBnrImg::after{
content: '';
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background :linear-gradient(90deg,rgba(23,29,53,.7) 0,rgba(23,29,53,0) 70%)
}
.settingSaudiPOpupBnrImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.settingSaudiPOpup .colCloseButton{
background: #ffffff;
color: #00778e;
right: 25px;
top: 150px;
}
.settingSaudiPOpupBnrImg h4{
position: absolute;
bottom: 0;
padding: 20px;
color: #fff;
font-weight: bold;
z-index: 1;
min-height: 40px;
}
.overViewContentWrap{
display: flex;
align-items: center;
margin-top: 30px;
justify-content: space-between;
}
.overViewContentItem {
width: calc(100% / 4.1);
text-align: center;
margin-right: 0px;
background: #fff;
padding: 10px;
min-height: 260px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.overViewContentItem:last-child{
margin-right: 0;
}
.overViewContentItem p {
font-size: 14px;
line-height: 23px;
color: #4d5761;
margin-bottom: 0;
}
.overViewContentItemIcon {
width: 65px !important;
height: 65px;
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.overViewContentItemIcon img{
width: 100%;
}
.overViewContentItem h4{
color: #0c3957;
font-size: 18px;
font-weight: bold;
min-height: auto;
line-height: 28px;
}
.tutionFee{
background: unset;
margin-top: 0;
padding-top: 30px;
}
.tutionFee h4{
text-align: left;
}
.tutionFee ul{
margin-top: 30px;
width: 100%;
display: flex;
justify-content: space-between;
}
.tutionFee ul li span{
display: block;
font-size: 18px;
line-height: 28px;
font-weight: bold;
color: #0c3957;
margin-bottom: 0px;
}
.tutionFee ul li{
width: calc(100% / 3.1);
margin-bottom: 0;
color: #4d5761;
display: block;
align-items: flex-start;
border: 1px solid #25b3ac;
border-radius: 8px;
padding: 10px;
}
.tutionFeeIcon{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.tutionFeeIcon img{
width: 55px !important;
height: 55px;
margin-right: 15px;
}
.tutionFeeWrapTxt {
width: 100%;
}
.tutionFeeIcon img{
width: 100%;
}
.feeDetail{
width: 100%;
margin-top: 30px;
min-height: auto;
}
.tutionFeeWrap{
display: block;
justify-content: space-between;
}
.feeDetailHead{
background-color: #824b97;
color: #fff;
}
.feeDetailRow{
display: flex ;
align-items: center;
justify-content: flex-start;
padding: 15px;
}
.feeDetailBody{
background-color: #fff;
border: 1px solid #824b974f;
border-top: unset;
max-height: max-content;
overflow: hidden;
overflow-y: auto;
}
.feeDetailBody::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
}
.feeDetailBody::-webkit-scrollbar-thumb {
background-color: #7f4a94;
}
.feeDetailBody::-webkit-scrollbar-track {
background-color: #F5F5F5;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.feeDetailBody::-webkit-scrollbar {
background-color: #F5F5F5;
}
.feeDetailCol{
width: 50%;
text-align: center;
font-size: 18px;
line-height: 28px;
}
.feeDetailBody .feeDetailRow{
padding: 10px 15px;
}
.feeDetailBody .feeDetailRow .feeDetailCol{
font-size: 14px;
line-height: 28px;
}
.feeDetailBody .feeDetailRow:first-child{
padding-top: 15px;
}
.feeDetailBody .feeDetailRow:nth-child(even){
background-color: #f8f4f9;
}
.select2-container{
z-index: 999999;
/* width: 100% !important;*/
}
.select2-container--default .select2-selection--single{
height: 45px;
border: 1px solid #0c395754;
display: flex;
align-items: center;
font-size: 14px;
}
.maplocationSearch label{
font-size: 14px;
line-height: 24px;
color: #0c3957;
display: block;
font-weight: bold;
}
.maplocationSearch select{
font-size: 14px;
line-height: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color: #03a8a0 transparent transparent transparent;
border-width: 10px 8px 0 8px;
left: -15%;
top: 86%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color: #0c3957;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
display: none;
}
.select2-dropdown {
border: 1px solid #f8f4f9;
box-shadow: -1px 2px 6px 3px #00000024;
border-radius: 15px;
overflow: hidden;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f8f4f9;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #824b97;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #824b979c;
border-radius: 4px;
outline: unset;
padding: 4px 15px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #03a8a0 transparent;
border-width: 0 8px 10px 8px;
}
.iniSchoolsTitle{
display: flex ;
align-items: center;
justify-content: space-between;
margin: 20px 0;
}
.iniSchoolsTitle span{
font-size: 13px;
width: 120px;
height: 35px;
margin-top: 0;
display: flex;
}
.iniSchoolsTitle h4{
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
}
.viewListWrap .nav-tabs{
border: unset;
border-radius: 4px;
overflow: hidden;
box-shadow: -1px 2px 8px 0px #00000021;
}
.viewListWrap .nav-tabs .nav-link{
border: unset;
outline: unset;
width: 100%;
background-color: #fff;
height: 55px;
font-size: 14px;
color: #868686;
cursor: pointer;
}
.viewListWrap .nav-tabs .nav-item{
width: 50%;
position: relative;
}
.viewListWrap .nav-tabs .nav-item:first-child::after{
content: '';
position: absolute;
width: 2px;
height: 100%;
background-color: #824b9742;
top: 0;
right: 0;
}
.viewListWrap .nav-tabs .nav-item.show .nav-link, .viewListWrap .nav-tabs .nav-link.active {
color: #03a8a0 !important;
}
.viewListWrap .nav-tabs .nav-link svg {
width: 20px;
height: 20px;
margin-right: 5px;
position: relative;
top: 2px;
}
.viewListWrap .nav-tabs .nav-item:last-child .nav-link svg{
top: 5px;
}
.mapViewWrap{
margin-top: 0px;
width: 100%;
height: 555px;
max-height: 100%;
background-color: #f8f4f9;
position: relative;
}
.mapImgWrap{
width: 100%;
height: 100%;
}
.mapImgWrap img{
width: 100%;
height: 100%;
object-fit: cover;
}
.applicationProcess {
padding-top: 30px;
width: 100%;
display: flex;
align-items: center;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
.applicationProcess::after {
content: '';
position: absolute;
width: 90%;
height: 2px;
background-color: #00778e;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: none;
}
.applicationStepsItemsIcon{
width: 90px;
height: 90px;
background-color: #e5f1f3;
border-radius: 100%;
position: relative;
z-index: 1;
padding: 20px;
margin-right: 10px;
}
.applicationStepsItemsIcon img{
width: 100%;
height: 100%;
object-fit: contain;
transform: scaleX(1);
transition: 300ms all ease-in;
}
.applicationProcess .applicationStepsItems{
width: calc(100% / 2.1);
min-height: 100px;
/* background-color: #ccc; */
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
margin-bottom: 20px;
}
.applicationProcess .applicationStepsItems:hover img{
transform: scaleX(-1);
}
.applicationStepsItemsLine{
display: none;
position: absolute;
height: 50%;
width: 2px;
background-color: #00778e;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.applicationStepsItemsLine::after{
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background-color: #00778e;
top: -1px;
left: -6px;
right: 0;
margin: auto;
}
.applicationProcess .applicationStepsItems:nth-child(even) .applicationStepsItemsLine::after{
top: unset;
bottom: -1px;
}
.applicationProcess .applicationStepsItems:nth-child(even) .applicationStepsItemsLine{
top: unset;
bottom: 0;
}
.applicationProcessTxt{
position: unset;
top: -100px;
color: #4d5761;
font-size: 14px;
width: calc(100% - 100px);
height: auto;
display: block;
align-items: flex-end;
justify-content: center;
padding-top: 50px;
}
.applicationProcess .applicationStepsItems:nth-child(even) .applicationProcessTxt{
top: unset;
bottom: -100px;
align-items: flex-start;
}
.processCount {
font-size: 36px;
font-weight: bold;
top: 0px;
position: absolute;
left: 100px;
color: #824b97;
}
.socailExpNavItem {
display: flex ;
align-items: center;
padding: 30px 30px;
border: 1px solid transparent;
cursor: pointer;
margin-bottom: 20px;
position: relative;
left: -30px;
border-radius: 15px;
transition: 0.5s all ease;
background: transparent;
}
.socailExpNavItem.active{
border: 1px solid #fff;
background: #00000026;
transition: 0.5s all ease;
}
.socailExpNavItem .socailExpIcon{
width: 120px;
height: 120px;
background-color: #fff;
border-radius: 100%;
margin-right: 15px;
padding: 30px;
}
.socailExpNavItem::after {
content: '';
width: 50px;
height: 50px;
position: absolute;
right: -75px;
background: #133a5c;
transform: rotate(45deg);
opacity: 0;
transition: 300ms all ease-in;
}
.socailExpNavItem.active::after {
opacity: 1;
}
.socailExpNavItem .socailExpIcon img{
width: 100%;
height: 100%;
object-fit: contain;
}
.socailExpContent{
width: calc(100% - 135px);
padding-right:0px;
}
.socailExpNavItem h4{
color: #fff;
font-size: 18px;
font-weight: bold;
font-family: 'Plain-SemiBold';
}
.socailExpNavItem p{
margin-bottom: 0;
color: #fff;
opacity: 0.9;
}
.socailExpNavItem img{
transform: scaleX(1);
transition: 300ms all ease-in;
}
.socailExpNavItem:hover img{
transform: scaleX(-1);
}
.socailExpoContent{
padding-left: 60px;
position: relative;
z-index: 1;
}
.socailExpoContent ul{
margin-top: 30px;
}
.socailExpoContent ul li {
color: #fff;
opacity: 0.8;
position: relative;
padding-left: 25px;
margin-bottom: 15px;
}
.socailExpoContent ul li::after{
content: '';
width: 10px;
height: 10px;
position: absolute;
top: 5px;
left: 0px;
background-color: #03a8a0;
border-radius: 100%;
}
.socailExpoContent h2{
color: #fff;
font-family: 'Plain-SemiBold';
margin-bottom: 20px;
font-size: 28px;
line-height: 38px;
}
.socailExpoContent p{
color: #fff;
}
.emegencyContactList p{
margin-top: 30px;
color: #0c3957;
}
.emegencyContactItem {
display: flex;
justify-content: space-between;
/* background: linear-gradient(47deg, #0c3957 4.01%, #804a95 70.24%); */
background: #fff;
padding: 15px;
/* align-items: center; */
padding-right: 15px;
margin-bottom: 30px;
position: relative;
box-shadow: 0px 0px 11px 0px rgba(4, 23, 26, 0.15);
border-radius: 15px;
}
.emergencyContactSection .colBtn{
margin: auto;
margin-top: 10px;
}
span.appStoreLogos img {
width: 30px;
height: 30px;
}
span.appStoreLogos{
display: inline-block;
text-decoration: unset;
}
.appStoreLogos{
position: absolute;
top: 82px;
display: inline-block;
width: 80px;
right: 12px;
}
.emegencyContactItem .callBtn{
position: absolute;
bottom: 84px;
right: 135px;
font-size: 12px;
color: #00778e;
border: 1px solid #00778e;
display: inline-block;
width: 70px;
text-align: center;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
line-height: 19px;
text-decoration: none;
transform: scale(0);
opacity: 0;
transition: 300ms all ease-in;
padding-top: 3px;
}
.emegencyContactItem .callBtn:hover, .emegencyContactItem:hover .callBtn{
background-color: #00778e;
border-color: transparent;
transition: 300ms all ease-in;
color: #fff;
}
.emegencyContactItem .callBtn{
transform: scale(1);
opacity: 1;
transition: 300ms all ease-in;
}
.emegencyContactItem:hover h4{
transform: scale(1.1);
transition: 300ms all ease-in;
}
.emegencyContactItemTxt img{
height: 50px;
margin-right: 15px;
}
.emegencyContactItemTxt p{
margin-bottom: 0;
}
.emegencyContactItem h4{
transform: scale(1);
transition: 300ms allease-in;
color: #0c3957;
font-family: 'Plain-SemiBold';
font-size: 28px;
margin-bottom: 0;
position: relative;
top: 6px;
left: -8px;
}
.emeContactItem{
box-shadow: 0px 0px 11px 0px rgba(4, 23, 26, 0.15);
display: flex;
align-items: center;
padding: 20px 15px;
border-radius: 4px;
margin-bottom: 30px;
cursor: pointer;
transition: 0.3s all ease-in;
transform: translateY(0);
}
.emeContactItem:hover{
transition: 0.3s all ease-in;
transform: translateY(-10px);
}
.emeContactItem p{
margin-bottom: 0;
font-size: 14px;
color: #4d5761;
}
.emeContactItem h4{
font-family: 'Plain-SemiBold';
font-size: 28px;
color: #0c3957;
margin-bottom: 0;
transition: 0.3s all ease-in;
transform: scale(1.0);
}
.emeContactItem:hover h4{
transition: 0.3s all ease-in;
transform: scale(1.1);
}
.emeContactItemIcon {
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px solid #03a8a0;
margin-right: 15px;
rotate: 0deg;
transition: 0.5s all ease-in;
background: #03a8a0;
}
.emeContactItem:hover .emeContactItemIcon{
rotate: 360deg;
transition: 0.5s all ease-in;
}
.emeContactItemIcon img {
width: 100%;
height: 100%;
padding: 15px;
}
.socailExpoContentImg{
margin-top: 0px;
width: 100%;
height: 250px;
margin-bottom: 30px;
}
.socailExpoContentLink{
display: flex;
}
.socailExpoContentLink a {
display: inline-block;
margin-right: 20px;
border-radius: 4px;
overflow: hidden;
}
.socailExpoContentLink img {
height: 80px;
background-color: #fff;
width: 130px;
object-fit: contain;
padding: 10px;
}
.visibleLis{
opacity: 1;
transform: unset;
display: flex;
width: 180px;
position: relative;
top: unset;
bottom: unset;
left: unset;
right: unset;
}
.visibleLis:hover{
background-color: transparent;
}
.socailExpoContentImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.faqSection{
padding: 100px 0;
padding-top: 0;
}
.faqSection p{
margin-bottom: 30px;
}
.faqImgWrap{
width: 100%;
height: 400px;
position: relative;
}
.faqImgWrap::after{
position: absolute;
width: 70%;
height: 61%;
content: '';
bottom: 0;
left: 0;
background: url(../images/curve.44a37d87cad80781e5ee5ea2ec52c626.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
z-index: 2;
opacity: 1;
/* transform: scaleX(-1); */
}
.faqBnrImg{
width: 100%;
height: 400px;
object-fit: cover;
}
.faqQuestionWrap{
background-color: #faf6ff;
}
.faqQuestionWrap .card-header, .faqQuestionWrap .card{
background-color: transparent;
border: unset;
padding: 0;
border-bottom: 1px solid #f2ebfd;
border-radius: unset;
}
.faqQuestionWrap .card {
transition: 300ms all ease-in;
}
.faqQuestionWrap .card:has(.collapse.show) {
background-color: #f2ebfd !important;
transition: 300ms all ease-in;
}
.faqQuestionWrap .card-body{
padding-top: 0;
}
.faqQuestionWrap .card-body{
color: #5A5365 !important;
font-size: 14px;
line-height: 24px;
padding-left: 80px;
padding-bottom: 35px;
}
.faqQuestionWrap .btn-link{
padding: 0;
width: 100%;
text-align: left;
min-height: 45px;
font-size: 18px;
line-height: 28px;
font-family: 'Plain-SemiBold';
color: #0c3957;
padding: 20px;
padding-left: 80px;
text-decoration: none;
position: relative;
padding-top: 35px;
padding-bottom: 25px;
white-space: normal;
}
.faqQuestionWrap .btn-link .faqCount{
position: absolute;
left: 20px;
top: 38px;
font-family: 'Plain-SemiBold';
display: inline-block;
font-size: 28px;
color: #d9c7e3;
}
.faqIconBtn{
position: absolute;
right: 18px;
left: unset;
background: #fff;
color: #0c3957;
width: 35px;
height: 35px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 7px #00000029;
top: 22px;
}
.faqIconBtn svg{
width: 18px;
height: 18px;
}
.faqQuestionWrap .btn-link.collapsed .faqIconBtn svg{
rotate: 0deg;
transition: 300ms all ease-in;
}
.faqQuestionWrap .card ul li{
margin: 5px 0;
position: relative;
padding-left: 20px;
}
.faqQuestionWrap .card ul li::after{
content: '';
width: 10px;
height: 10px;
position: absolute;
top: 5px;
left: 0px;
background-color: #03a8a0;
border-radius: 100%;
}
.faqQuestionWrap .btn-link.collapsed .faqIconBtn{
background-color: #fff;
color: #03a8a0;
}
.faqQuestionWrap .btn-link .faqIconBtn {
background: #03a8a0;
color: #fff;
}
.faqQuestionWrap .btn-link .faqIconBtn svg{
rotate: 45deg;
transition: 300ms all ease-in;
}
.faqContentWrap{
position: sticky;
top: 200px;
}
.essentialWebItem{
width: 48%;
min-height: 100px;
border-bottom: 1px solid #6f3f8130;
/* border-top: 1px solid #6f3f8130; */
display: flex
;
justify-content: space-between;
position: relative;
align-items: center;
transition: 300ms all ease-in;
/* padding-top: 10px; */
/* padding-bottom: 10px; */
padding: 15px;
}
.essentialWebItem:hover .essentialwebContentTxt p{
opacity: 0.8;
}
.essentialWebsitesSectopn{
padding: 100px 0;
}
.essentialWebItemTitle h4{
font-size: 18px;
font-family: 'Plain-SemiBold';
margin-left: 0;
color: #0c3957;
transition: 300ms all ease-in;
}
.essentialWebItem:hover .essentialWebItemTitle h4, .essentialWebItem:hover .essentialwebContentTxt p{
color: #fff;
transition: 300ms all ease-in;
}
.essentialWebContent{
transform: translateX(0px);
transition: 300ms all ease-in;
width: calc(100% - 160px);
margin-left: 10px;
}
.essentialwebContentTxt{
font-size: 14px;
line-height: 24px;
padding-left: 15px;
}
.essentialwebContentTxt p {
margin-bottom: 0;
transition: 300ms all ease-in;
}
.essentialWebItemTitle img {
height: 130px;
width: 150px;
object-fit: cover;
border-radius: 15px;
}
.essentialWebItemTitle{
display: flex;
transform: translateX(0px);
transition: 300ms all ease-in;
}
.essentialWebWrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.essentialWebLogos a {
display: inline-block;
border-radius: 15px;
overflow: hidden;
margin-top: 10px;
color: #118096;
margin-right: 8px;
/* text-decoration: underline; */
border: 1px solid;
padding: 2px 20px;
font-size: 13px;
line-height: 22px;
transition: 0.3s all ease-in;
}
.essentialWebLogos a svg{
height: 12px;
width: 12px;
margin-left: 5px;
position: relative;
top: 1px;
}
.essentialWebLogos a:last-child{
margin-right: 0;
}
.essentialWebItem:hover .essentialWebLogos a{
background: #12819600;
border-color: #fffffff0;
color: #fff;
transition: 0.3s all ease-in;
text-decoration: none;
}
.essentialWebItem:hover .essentialWebLogos a:hover {
background-color: #00778e;
border-color: transparent;
transition: 0.3s all ease-in;
}
.essentialWebLogos a span{
position: relative;
top: 1px;
}
.essentialWebLogos img {
width: 85px;
height: 40px;
display: inline-block;
object-fit: contain;
}
.essentialWebItem .essentialwebIcon{
position: absolute;
right: 0;
background: #fff;
width: 35px;
height: 35px;
border-radius: 100%;
transform: translateX(0px);
transition: 300ms all ease-in;
}
.essentialWebItem .essentialwebIcon img{
width: 100%;
height: 100%;
padding: 5px;
}
.essentialWebItem:hover{
background-color: #6f3f81;
transition: 300ms all ease-in;
}
.essentialWebItem:hover .essentialWebItemTitle{
/* transform: translateX(20px); */
transition: 300ms all ease-in;
}
.essentialWebItem:hover .essentialWebContent, .essentialWebItem:hover .essentialwebIcon{
/* transform: translateX(-20px); */
transition: 300ms all ease-in;
}
@media(min-width:768px){
.rhqSticke{
top:-59px;
}
.rhqSticke.rhqStickeLgActive, .rhqSticke.rhqStickeLgActive a, .rhqSticke.rhqStickeLgActive .moveAni{
height:60px !important;
/*transition:0.3s;*/
}
.rhqSticke.rhqStickeLgActive a{
padding-top:10px;
justify-content:center;
padding:10px;
}
.rhqSticke.rhqStickeLgActive img, .rhqSticke.rhqStickeLgActive ul li a::after{
display:none !important;
}
.btmBar{
content: '' !important;
position: absolute;
width: 100%;
height: 5px;
background-color: #03a8a0;
bottom: 0;
left: 0;
top: unset;
border-radius: unset;
opacity: 0;
}
.rhqSticke.rhqStickeLgActive ul li:hover .btmBar{
opacity: 1;
transition: 0.3s all ease-in;
}
}
@media(min-width:768px){
.rhqStickeLgActive .moveAni{
background-color: transparent !important;
border-bottom: 5px solid #03a8a0;
z-index: 999 !important;
}
.rhqStickeLgActive ul{
background-color: transparent;
}
.rhqStickeLgActive ul li{
margin-right: 0;
background-color: transparent;
border-right: 1px solid #824b9721;
box-shadow: unset;
}
.rhqStickeLgActive ul li span{
min-height: auto !important;
}
.rhqStickeLgActive ul li a {
font-size: 14px;
}
.rhqStickeLgActive {
background-color: #f9f9f9;
}
.rhqStickeLgActive .rhqStickeContainer{
width: 100%;
}
.rhqStickeLgActive ul li.active a{
color: #fff;
}
.rhqStickeLgActive ul li.active a:hover{
color: #fff;
}
.rhqStickeLgActive ul .moveAni::after{
content: unset;
}
}
.rhqSticke.rhqStickeLgActive {
position: sticky;
top: 111px;
}
.rhqSticke.rhqStickeLgActive ul{
background-color: transparent;
box-shadow: unset;
border: unset;
}
.rhqSticke ul li:last-child::before{
content: unset;
}
.callToAction {
position: fixed;
z-index: 99999;
bottom: 0;
right: -5px;
bottom: 40px;
background: #6f3f81;
border-radius: 4px;
width: 195px;
height: 60px;
box-shadow: rgba(2, 6, 16, 0.2) 0px 4px 24px;
display: flex ;
align-items: center;
padding: 15px;
color: #fff;
font-size: 14px;
cursor: pointer;
overflow: hidden;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.callToAction::after {
width: 45px;
height: 45px;
background-color: #ffffff;
content: '';
left: 9px;
top: 0px;
position: absolute;
border-radius: 100%;
bottom: 0;
margin: auto;
}
.callToAction svg {
width: 25px;
height: 25px;
position: relative;
top: 8px;
margin-right: 25px;
left: 4px;
color: #6f3f81;
}
.callToAction span {
position: relative;
z-index: 1;
}
.departure-checklist li::after {
content: '';
position: absolute;
width: 70px;
height: 70px;
background: #03a8a01c;
border-radius: 100%;
right: -29px;
top: 39px;
transition: 300ms all ease-in;
}
.departure-checklist li:hover:after{
width: 90px;
height: 90px;
right: -19px;
top: 4px;
}
.investingKsa{
padding: 100px 0;
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248 70.24%) !important;
}
.investingLogos a {
display: inline-block;
}
.investingLogosNoWrap{
white-space: nowrap;
z-index: 9;
position: relative;
left: -8px;
margin-top: 10px;
width: 100%;
}
.investingLogos a img{
width: 110px;
height: 50px;
object-fit: cover;
border: 1px solid #7d489242;
border-radius: 6px;
margin-top: 10px;
padding: 2px;
background: #fff;
}
.investingKsaImg {
width: 100%;
height: 725px;
border: 5px solid #824b974a;
border-radius: 10px;
padding: 10px;
}
.investingKsa .appDesclimer span{
display: inline-block;
}
.investingKsaImgFixed{
width: 100%;
height: 100%;
background: #fff;
border-radius: 15px;
/* background-attachment: fixed; */
background-size: cover;
/* background-position: -79px -1px; */
background-image: url(../images/stock-bg3.jpg);
}
.investingKsaImg img{
width: 100%;
height: 600px;
object-fit: contain;
}
.investingKsaItem {
display: flex;
font-size: 14px;
background: #f9f7fa;
margin-bottom: 3px;
border-radius: 15px;
overflow: hidden;
width: 100%;
margin: auto;
margin-bottom: 5px;
}
.investingKsaItem p {
margin-bottom: 0;
}
.investingKsaItemTtitle{
width: 20%;
font-family: 'Plain';
color: #ffffff;
display: flex;
align-items: center;
background: #00778e;
padding: 20px;
font-size: 18px;
line-height: 28px;
text-align: center;
justify-content: center;
text-transform: capitalize;
}
.investLgClm{
background: #fff;
padding: 30px;
border-radius: 15px;
}
.investingKsa .colTitleTxt {
color: #fff;
}
.investingKsa .colTitleInfo {
color: #fff;
}
.investingKsaItemContent{
width: 40%;
padding: 20px 20px;
/* border-bottom: 1px solid #7f499347;
border-right: 1px solid #7f499347; */
}
.investingKsaItemContent:last-child {
margin-right: 0;
background-color: #f4f0f6;
border-left: 5px solid #fff;
}
.investingKsaItemHead{
background-color: transparent;
border-radius: unset;
margin-bottom: 0;
}
.investingKsaItemHead .investingKsaItemTtitle{
background-color: transparent;
}
.investingKsaItemHead .investingKsaItemContent{
background-color: #7d4892;
}
.investingKsaItemHead .investingKsaItemContent:last-child {
border-top-right-radius: 15px;
border-left: 5px solid #fff;
}
.investingKsaItemHead .investingKsaItemContent:last-child{
border-top-right-radius: 15px;
border-left: 3px solid #fff;
}
.investingKsaItemHead .investingKsaItemContent p {
color: #fff;
font-family: 'Plain';
font-size: 18px;
line-height: 28px;
}
.investingTaxation{
margin-top: 50px;
width: 100%;
background-color: #fff;
border-radius: 15px;
display: flex;
}
.investingTaxationHead {
margin-bottom: 20px;
}
.investingTaxationHead h4 {
font-weight: bold;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin-bottom: 0;
}
.investingTaxationItem li {
margin-bottom: 20px;
display: flex;
}
.investingTaxationItem li:last-child {
margin-bottom: 0;
}
.investingTaxationItem li img {
height: 18px;
margin-right: 15px;
position: relative;
top: 3px;
}
.investingTaxationItem {
padding: 30px 40px;
width: 50%;
position: relative;
}
.investingTaxationItem:first-child::after{
content: '';
position: absolute;
width: 1px;
height: 80%;
top: 0;
bottom: 0;
right: 0;
margin: auto;
border-right: 1px dashed #7f4993;
}
.investingTaxationHead{
display: flex;
align-items: center;
}
.investingTaxIcon {
width: 75px;
height: 75px;
/* background-color: #00778e; */
display: inline-block;
border-radius: 50px;
margin-right: 15px;
padding: 15px;
position: absolute;
right: 20px;
opacity: 0.5;
}
.investingTaxIcon img{
width: 100%;
height: 100%;
}
.investingNewBanner{
width: 100%;
height: 500px;
background-color: #000;
margin-top: 50px;
}
.emergencyContactSection{
padding: 100px 0;
background-color: #fff;
position: relative;
}
.emergencyContactSection::after{
background-image: url(../images/saudi-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 42%;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.1;
}
.emergencyContactSection .container{
position: relative;
z-index: 1;
}
.opportunitiesKsaItem{
background-color: #fff;
box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.15);
min-height: 410px;
padding: 72px 40px 50px;
margin-bottom: 60px;
border-radius: 15px;
overflow: hidden;
position: relative;
}
.services-one__shape-1 {
position: absolute;
top: -39px;
left: -38px;
width: 80px;
height: 200px;
background-color: #f8f4f9;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
transform: rotate(-40deg);
}
.opportunitiesKsaItemCount{
position: absolute;
top: -8px;
right: 10px;
font-size: 70px;
font-weight: bold;
opacity: 0.2;
color: #6f3f81;
font-family: 'Plain-SemiBold';
}
.opportunitiesKsaItemWrapper{
position: relative;
}
.opportunitiesKsaItemWrap{
position: relative;
transform: translateY(0px);
transition: all 500ms ease;
}
.opportunitiesKsaItemWrap:hover{
transform: translateY(-10px);
transition: all 500ms ease;
}
.opportunitiesKsaItemIcon {
position: absolute;
width: 80px;
height: 80px;
background-color: #00778e;
bottom: -36px;
z-index: 1;
left: 39px;
border-radius: 15px;
overflow: hidden;
}
.opportunitiesKsaItemIcon img {
width: 100%;
height: 100%;
padding: 10px;
position: relative;
z-index: 1;
}
.opportunitiesKsaItemIcon::after{
content: '';
position: absolute;
width: 100%;
height: 0;
background-color: #6f3f81;
bottom: 0;
left: 0;
transition: all 500ms ease;
}
.opportunitiesKsaItemWrap:hover .opportunitiesKsaItemIcon::after{
height: 100%;
transition: all 500ms ease;
}
.opportunitiesKsaTitle{
font-size: 18px;
margin-bottom: 20px;
color: #0c3957;
font-family: 'Plain-SemiBold';
}
.opportunitiesKsaItem li{
color: #4d5761;
margin-bottom: 12px;
}
.richFoodSection{
padding: 100px 0;
background-color: #f8f4f9;
}
.classsaudiNationalFood {
display: none;
}
.classRiyadhfood {
top: 59%;
left: 48%;
}
.classEasternProvincefood {
top: 64%;
left: 73%;
}
.classMakkahRegionfood{
top: 61%;
left: 26%;
}
.classMadinahRegionfood{
top: 50%;
left: 18%;
}
.classNorthernBordersRegionfood{
left: 37%;
top: 20%;
}
.classHailRegionfood{
top: 30%;
left: 26%;
}
.classQaseemRegionfood{
top: 36%;
left: 37%;
}
.classJazanRegionfood{
top: 95%;
left: 34%;
}
.classJoufRegionfood{
left: 14%;
top: 12%;
}
.classAsreenRegionfood{
top: 79%;
left: 35%;
}
.classBahaRegionfood{
top: 74%;
left: 28%;
}
.classNajranRegionfood{
top: 83%;
left: 47%;
}
.classTabukRegionfood{
top: 29%;
left: 4%;
}
.regionFoodWrapper{
width: 100%;
height: 511px;
background-color: #ffffff;
border-radius: 15px;
box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.15);
}
[lang="zh"] .regionFoodWrapper{
height: 450px;
}
.regionFoodImage{
height: 275px;
position: relative;
}
.regionFoodImage img{
width: 100%;
height: 275px;
border-radius: 15px;
margin: auto;
display: flex;
object-fit: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* .richFoodSection .mapSection{
left: -92px;
} */
.regionFoodTitle {
position: absolute;
bottom: 45px;
left: 57px;
color: #fff;
font-weight: bold;
font-family: 'Plain-SemiBold';
margin-bottom: 0;
z-index: 1;
}
.regionFoodTitle span{
display: block;
font-size: 14px;
font-family: 'Plain';
font-weight: normal;
margin-top: 7px;
line-height: 24px;
}
.regionFoodContent {
padding: 57px;
padding-bottom: 30px;
padding-top: 20px;
}
[lang="zh"] .regionFoodContent{
padding-top: 40px;
}
.regionFoodImage::after {
position: absolute;
background: linear-gradient(182deg, #00000000 1.01%, #0000007a 68.24%) !important;
width: 100%;
height: 100%;
content: '';
top: 0;
border-radius: 15px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.mainSectionTitle{
text-align: center;
padding: 50px 0;
text-transform: uppercase;
color: #0c3957;
font-size: 38px;
font-family: 'Plain-SemiBold';
background: #f8f4f9;
margin-bottom: 0;
}
.foodAppDetRow{
margin-top: 80px;
}
.foodAppDetRow p {
margin-bottom: 20px;
color: #4d5761;
}
.foodAppDetRow li{
color: #4d5761;
}
.foodAppDetRow .colTitleTxtLg{
font-size: 28px;
line-height: 38px;
}
.foodAppDetRow .deliveryApplicationList{
margin-top: 20px;
}
.foodAppDetRow .deliveryApplicationList h5{
margin-top: 0;
}
.foodAppDetRow li {
font-size: 14px;
display: flex;
line-height: 24px;
margin-bottom: 15px;
}
.foodAppDetRow li img{
height: 18px;
margin-right: 10px;
}
.grocerySection{
padding: 100px 0;
position: relative;
}
.grocerySection .colTitleTxtLg.text-center{
margin-bottom: 20px;
}
@media(min-width:1399px){
.grocerySection .container, .grocerySection .container-fluid{
max-width: 1807px;
}
}
.grocerySection .container, .grocerySection .container-fluid{
position: relative;
z-index: 1;
}
.custLg2{
flex: 0 0 19.666667%;
max-width: 19.666667%;
}
.grocerySection::after{
background-image: url(../images/mall-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.05;
}
.grocerySectiontxt{
text-align: center;
margin-bottom: 30px;
}
.grocerySection .Food-beverages-swiper-item{
margin-bottom: 40px;
height: 380px;
}
.grocerySection .Food-beverages-image-wrap{
height: 200px;
}
.groceryItemList{
margin-top: 30px;
}
.groceryItemList .colBtn{
margin: auto;
}
.grocerySectiontxt p {
color: #4d5761;
}
.Food-beverages-swiper-item p{
margin-bottom: 0;
padding: 0 15px;
position: relative;
z-index: 1;
}
.grocerySection .nav-tabs{
border: unset;
border-radius: 50px;
overflow: hidden;
}
.grocerySection .nav-tabs .nav-link {
border: unset;
font-size: 14px;
padding: 15px 15px;
border-radius: 50px;
min-width: 250px;
text-align: center;
color: #0c3957;
font-family: 'Plain-SemiBold';
position: relative;
overflow: hidden;
transition: 0.4s all ease-in;
}
.grocerySection .nav-tabs .nav-link span{
position: relative;
z-index: 1;
}
.grocerySection .nav-tabs .nav-link::after{
position: absolute;
width: 0%;
height: 0%;
/* content: ''; */
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #804a95;
transition: 0.3s all ease-in;
z-index: 0;
}
.grocerySection .nav-tabs .nav-link:hover:after, .grocerySection .nav-tabs .nav-link.active:after{
width: 100%;
height: 100%;
transition: 0.3s all ease-in;
}
.grocerySection .nav-tabs .nav-link:hover{
/* color: #fff; */
transition: 0.4s all ease-in;
}
.grocerySection .nav.nav-tabs{
padding: 0px;
/* background-color: #f2ebfd; */
margin: auto;
margin-top: 25px;
width: max-content;
padding: 5px 5px;
border: 1px solid #7e4992;
}
.grocerySection .nav-tabs .nav-item.show .nav-link, .grocerySection .nav-tabs .nav-link.active{
color: #ffffff;
border-color: transparent;
background-color: #7e4992;
}
.mainTitle{
background: #f2eef4;
padding: 20px 0;
background-image: url('../images/blog-bg-shape-3-1.png');
background-size: cover;
background-position: center;
position: relative;
}
.mainTitle h1{
margin-bottom: 0;
text-align: center;
font-size: 45px;
/* opacity: 0.4; */
color: #6f3f81;
position: relative;
z-index: 1;
top: 6px;
}
.mainTitle::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #ffffff00 70%, #804a9554 100%);
top: 0;
left: 0;
}
.mainTitle::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #ffffff00 70%, #03a8a061 100%);
top: 0;
left: 0;
}
.appDesclimer {
/* background: linear-gradient(268deg, #0c395700 4.01%, #ffffff 70.24%); */
/* padding: 15px; */
margin-top: 20px;
}
.appDesclimer span{
font-size: 14px;
font-weight: bold;
font-family: 'Plain-SemiBold';
/* font-style: italic; */
color: #0c3957;
margin-bottom: 5px;
display: block;
margin-right: 5px;
/* text-transform: uppercase; */
}
.appDesclimer p{
margin-bottom: 0;
font-size: 12px;
font-style: italic;
color: #0c3957;
}
#transportationPopup{
width: 100%;
min-height: 500px;
background: linear-gradient(358deg, #ffffff 96.01%, #f8f4f9 97%);
padding: 100px 0;
}
.transpotationContentWrapper{
margin-top: 50px;
}
.transpotationContentTab a {
display: inline-block;
background: linear-gradient(269deg, #ffffff 4.01%, #f8f4f9 70.24%);
width: 100%;
height: 140px;
margin-bottom: 20px;
border-radius: 4px;
position: relative;
overflow: hidden;
transition: 300ms all ease-in;
}
.transpotationContentTab a.transpotationContentTabLink::after{
position: absolute;
background: linear-gradient(35deg, #00000061 13.01%, #0c3957 157.24%);
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
transition: 300ms all ease-in;
}
.transpotationContentTab a.active::after, .transpotationContentTab a:hover::after{
background: linear-gradient(35deg, #00000061 13.01%, #0c395738 157.24%);
transition: 300ms all ease-in;
}
.transpotationContentTab a span{
display: inline-block;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 1;
color: #fff;
font-size: 18px;
line-height: 28px;
font-family: 'Plain-SemiBold';
}
.transpotationContentTab a .bgImgTransTab{
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1);
transition: 300ms all ease-in;
}
.transpotationContentTab a.active .bgImgTransTab{
filter: grayscale(0);
transition: 300ms all ease-in;
}
.transpotationContentTab a:hover .bgImgTransTab{
filter: grayscale(0);
transition: 300ms all ease-in;
}
.transpotationContentTab li:hover a .activeArrowImg{
opacity: 1;
transform: rotate(180deg) scale(-1);
transition: 300ms all ease-in;
}
.transpotationContentTab li:last-child a{
margin-bottom: 0;
}
.transpotationContentTab li a .activeArrowImg{
position: absolute;
right: 30px;
z-index: 1;
width: 50px;
height: 50px;
bottom: 18px;
opacity: 0;
transform : rotate(0deg) scale(1)
transition: 300ms all ease-in;
}
.transpotationContentTab a.active .activeArrowImg{
opacity: 1;
transition: 300ms all ease-in;
}
.transpotationContentItemTitle{
font-size: 24px !important;
font-family: 'Plain-SemiBold';
}
.localAirlinrs{
margin-top: 50px;
border: 1px solid #6f3f81;
padding: 45px 20px;
border-radius:30px;
background: #faf9fb;
margin-bottom: 50px;
}
.localAirlinrs p {
color: #0c3957;
font-size: 18px;
line-height: 28px;
margin-bottom: 15px;
font-family: 'Plain-SemiBold';
}
.airlineInnersecTitle{
margin-bottom: 25px;
}
.localAirlinrs li{
color: #4d5761;
font-size: 14px;
line-height: 25px;
margin-bottom: 15px;
position: relative;
display: flex;
}
.flightRoot h4, .flightRoot p{
text-align: center;
margin-bottom: 0;
}
.flightRoot h4{
margin-bottom: 20px;
}
.transpotationContentTab{
margin-bottom: 20px;
}
.transpotationContentItem {
margin-bottom: 50px;
}
.flightRootItem {
width: 100%;
min-height: 460px;
background-color: #ffffff14;
margin-top: 0px;
border-radius: 15px;
box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.15);
overflow: hidden;
max-height: 460px;
overflow-y: auto;
position: relative;
}
.flightRootItem::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
}
.flightRootItem::-webkit-scrollbar-thumb {
background-color: transparent;
}
.flightRootItem::-webkit-scrollbar-track {
background-color: transparent;
}
.flightRootItem:hover::-webkit-scrollbar-thumb {
background-color: #7f4a94;
}
.flightRootItem:hover::-webkit-scrollbar-track {
background-color: #F5F5F5;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.flightRootItem:hover::-webkit-scrollbar {
background-color: #F5F5F5;
}
.flightRootItemHead{
text-align: center;
background-color: #fff;
}
.flightRootItemHead img{
width: 180px;
height: 100px;
margin: auto;
margin-top: 15px;
object-fit: contain;
}
.flightRootItemHead h4{
font-size: 18px;
font-family: 'Plain-SemiBold';
margin-bottom: 4px;
}
.flightRootItemHead span{
display: block;
font-size: 14px;
color: #0c3957;
}
.flightRootItemList h5{
margin-bottom: 0;
}
.flightRootItemList{
width: 100%;
margin: auto;
margin-top: 10px;
padding: 15px;
border-radius: 15px;
margin-bottom: 0px;
}
.flightRootItemList li{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #6f3f811f;
}
.flightRootItemList li:last-child{
border-bottom: unset;
padding-bottom: 0;
}
.flightRootItemList li h5{
margin-bottom: 0;
font-size: 14px;
font-family: 'Plain-SemiBold';
display: flex;
align-items: center;
}
.flightCount{
font-size: 16px;
text-align: center;
font-family: 'Plain-SemiBold';
color: #6f3f81;
}
.flightRootItemList li span{
display: block;
font-size: 12px;
font-family: 'Plain';
color: #4d5761;
margin-top: -6px;
}
.booking-andTips{
width: 100%;
min-height: 200px;
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248 70.24%) !important;
padding: 30px 40px;
border-radius: 15px;
overflow: hidden;
position: relative;
margin: 50px 0;
}
.booking-andTips .bgAirImg{
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 200px;
object-fit: contain;
transform: scaleX(-1);
opacity: 0.5;
}
.booking-andTips h4{
color: #fff;
font-weight: bold;
font-family: 'Plain-SemiBold';
margin-bottom: 30px ;
}
.booking-andTips ul{
width: 70%;
}
.booking-andTips li{
color: #fff;
opacity: 0.9;
font-size: 14px;
margin-bottom: 15px;
}
.booking-andTips li:last-child{
margin-bottom: 0;
}
.majorAirPortListItem{
width: 100%;
min-height: 430px;
/* background-color: #e9e9e9; */
padding: 0px;
}
.majorAirPortListItem h4{
font-family: 'Plain-SemiBold';
}
.majorAirPortListItem p{
color: #4d5761;
margin: auto;
margin-bottom: 0px;
}
.majorAirPortListItem{
background-size: cover !important;
background-position: center !important;
position: relative;
}
/* .majorAirPortListItem::after {
content: '';
background: linear-gradient(14deg, #000000 4.01%, #00000021 70.24%) !important;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} */
.majorAirPortListItemContent{
position: relative;
z-index: 1;
}
.airportImg{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
#publicTransportConnectivityId .airportImg{
height: 580px;
}
.majorAirPortListItemContent span{
font-size: 14px;
}
.majorAirPortListItemContent span img{
height: 18px;
margin-right: 5px;
}
.majorAirPortListItemContent h5{
margin-top: 30px;
font-size: 18px;
line-height: 28px;
font-weight: bold;
margin-bottom: 5px;
}
.howToGet{
display: flex ;
justify-content: space-between;
text-align: center;
}
.howToGet p{
font-family: 'Plain-SemiBold';
color: #0c3957;
}
.howToGetItem span{
font-size: 13px;
color: #4d5761;
line-height: 18px;
display: inline-block;
}
.howToGetIcon{
display: inline-block;
width: 50px;
height: 50px;
background: #e5dce8;
border-radius: 100%;
margin-right: 10px;
}
.howToGetIcon img {
width: 100%;
height: 100% !important;
padding: 10px;
}
.howToGetItem {
width: 49.5%;
border: 1px solid #e5dce8;
padding: 10px;
border-radius: 15px;
display: flex;
align-items: flex-start;
}
.howToGetItemInfo {
width: 70%;
text-align: left;
}
.majorAirPortListItemContent li{
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
.majorAirPortListItemContent li::after{
content: '';
position: absolute;
width: 10px;
height: 10px;
background: #03a8a0;
left: 0;
border-radius: 100%;
top: 6px;
}
.transOption{
font-size: 16px !important;
}
.majorAirPortListItem{
margin-bottom: 100px;
position: relative;
padding-bottom: 0;
}
.majorAirPortListItem:last-child{
margin-bottom: 50px;
}
.majorAirPortListItem::after {
position: absolute;
bottom: -50px;
content: '';
width: 100%;
height: 2px;
background: #6f3f8136;
z-index: 0;
}
.majorAirPortListItem:last-child:after{
content: unset;
}
.majorAirPortListItem .row{
position: relative;
z-index: 1;
}
.majorAirPortListItem .deliveryApplicationList a img{
width: 235px;
height: 80px;
object-fit: cover;
padding: 0px 10px;
}
.localAirlinrs .deliveryApplicationList img{
width: 180px;
height: 65px;
object-fit: contain;
}
.localAirlinrs .deliveryApplicationList{
text-align: center;
}
.transpotationContentItem .deliveryApplicationList{
/* text-align: center; */
margin-top: 0;
}
.transpotationContentItem .deliveryApplicationList a{
border:1px solid #6f3f812e;
margin-right: 12px;
}
.majorAirPortListItemContent{
min-height: 500px;
}
.appDesclimer p{
font-size: 13px;
}
.flightRoot .appDesclimer {
text-align: center;
/* margin-top: -20px; */
margin-bottom: 40px;
}
.flightRoot .appDesclimer p{
text-align: left;
padding-left: 0px;
}
.flightRoot .appDesclimer p span{
display: inline-block;
margin-right: 5px;
}
.owningaCarDetail{
padding: 50px 50px;
}
.owningaCarDetail{
width: 100%;
min-height: 600px;
background-color: #f8f4f9;
margin-top: 50px;
/* background: linear-gradient(180deg, #6f3f81 4.01%, #ffffff 70.24%); */
border-radius: 20px;
}
.owningaCarDetail .colTitleTxtLg{
font-size: 28px;
line-height: 38px;
}
.owningaCarDetail p{
color: #4d5761;
margin: auto;
margin-bottom: 15px;
}
.owningaCarDetailNavTab li a{
display: block;
background: #fff;
margin-bottom: 20px;
padding: 20px;
border-radius: 15px;
color: #0c3957;
font-family: 'Plain-SemiBold';
font-size: 14px;
position: relative;
transition: 300ms all ease-in;
text-decoration: unset;
}
.owningaCarDetailNavTab li svg{
width: 18px;
height: 18px;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
}
.ownCarDetItemImg{
border-radius: 15px;
overflow: hidden;
position: relative;
/* margin-bottom: 40px; */
}
.ownCarDetItemImg::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(199deg, #0c395700 4.01%, #040404 107.24%) !important;
}
.ownCarDetItemImg img{
width: 100%;
height: 250px;
object-fit: cover;
}
.ownCarDetItemImg h4{
position: absolute;
bottom: 40px;
z-index: 1;
color: #fff;
left: 40px;
font-family: 'Plain-SemiBold';
}
.ownCarDetailContentWrapper{
padding: 40px 40px;
padding-right: 0;
padding-bottom: 0;
}
.ownCarDetailContentWrapper h5{
height: auto;
font-size: 18px;
line-height: 28px;
font-family: 'Plain-SemiBold';
margin-bottom: 20px;
}
.ownCarDetailContentWrapper li {
margin-bottom: 15px;
position: relative;
padding-left: 20px;
}
.ownCarDetailContentWrapper li::after{
content: '';
position: absolute;
width: 10px;
height: 10px;
background: #03a8a0;
left: 0;
border-radius: 100%;
top: 6px;
}
.owningaCarDetailNavLink.active{
background-color: #6f3f81;
color: #fff;
transition: 300ms all ease-in;
}
.communicationUtilityItemWrapper{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.communicationUtilityItem {
width: calc(100% / 4.2);
min-height: 370px;
background-color:#ebebeb;
margin-bottom: 25px;
border-radius: 15px;
padding: 40px;
overflow: hidden;
position: relative;
}
.poviderListItemWrap{
position: absolute;
width: 100%;
height: 100%;
background-color: #f2edf4;
top: 0;
left: 0;
padding: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: auto;
transform: translateX(100%);
transition: all 0.6s ease-in-out;
}
.communicationUtilityItem.active .poviderListItemWrap{
transform: translateX(0%);
transition: all 0.6s ease-in-out;
}
.simClose{
cursor: pointer;
}
.simClose:hover img{
transform: translateX(10px) !important;
}
.simClose img{
background-color: transparent !important;
height: 38px !important;
transform: translateX(0px) !important;
}
.poviderListItemWrap a{
display: inline-block;
overflow: hidden;
}
.poviderListItemWrap a img{
width: 110px;
height: 50px;
background-color: #fff;
object-fit: contain;
border-radius: 8px;
padding: 4px;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.poviderListItemWrap a:hover img{
transform: scale(1.02);
transition: all 0.3s ease-in-out;
}
.poviderListItemWrap a{
width: calc(100% / 3);
justify-content: center;
}
.communicationUtilityItemBg{
padding: 0;
}
.communicationUtilityItemBg img{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transform: scale(1);
transition: 400ms all ease-out;
}
.communicationUtilityItemBg.active img{
transform: scale(1.1);
transition: 400ms all ease-out;
}
.communicationUtilityItem:nth-child(2){
background-color:#f2edf4;
}
.communicationUtilityItem .essentialWebLogos a{
display: inline-block;
margin-top: 0px;
}
.communicationUtilityItem .essentialWebLogos{
margin-top: 10px;
}
.communicationUtilityItem:nth-child(4){
background-color:#00778e;
}
.communicationUtilityItem:nth-child(5){
background-color:#caedeb;
}
.communicationUtilityItem:nth-child(7){
background-color:#0c3957;
}
.communicationUtilityItem a {
display: flex;
align-items: center;
}
.colTextBtn svg {
width: 18px;
height: 18px;
margin-left: 5px;
}
.communicationUtilityItem:nth-child(4) a, .communicationUtilityItem:nth-child(7) a{
color: #fff;
}
.communicationUtilityItemTitle{
font-size: 18px;
font-family: 'Plain-SemiBold';
margin-bottom: 15px;
}
.communicationUtilityItemDarkContent .communicationUtilityItemTitle{
color: #fff;
}
.communicationUtilityItem p{
font-size: 13px;
line-height: 24px;
color: #4d5761
}
.communicationUtilityItemDarkContent p{
color: #fff;
opacity: 0.9;
}
.companyListWrap {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 8px;
align-items: center;
}
.companyListWrap a {
display: inline-block;
background-color: transparent;
border: 1px solid #fff;
width: calc(100% / 3.5);
height: 60px;
margin-bottom: 6px;
/* margin-right: 4px; */
}
.companyListWrap a img{
width: 100%;
height: 100%;
object-fit: contain;
padding: 10px;
position: unset;
}
.communicationUtilityItemIcon{
height: 80px;
width: 80px;
margin-bottom: 30px;
display: block;
}
.communicationUtilityItemIcon img {
width: 100%;
height: 100%;
}
.bankItemWrapper {
display: flex;
border-radius: 15px;
overflow: hidden;
}
.bankBanner{
width: 35%;
height: 600px;
background-image: url('../images/kafd-building.jpg');
background-position: left;
background-size: cover;
background-repeat: no-repeat;
}
.bankContentBgPattern{
position: absolute;
right: 0;
top: 0;
transform: scale(-1);
z-index: 0;
}
.bankContent{
width: 65%;
background-color: #000;
padding: 40px;
overflow: hidden;
position: relative;
}
.bgColor1{
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0%;
right: -18%;
background: #3d1248;
background: radial-gradient(circle, rgba(61, 18, 72, 1) 0%, rgba(2, 0, 36, 1) 56%, rgba(0, 0, 0, 1) 100%);
z-index: 0;
}
div#bankingPopup {
padding-bottom: 0;
}
/* .bgColor2{
width: 100%;
height: 100%;
position: absolute;
background: rgb(8,42,64);
background: radial-gradient(circle, rgba(8,42,64,1) 0%, rgba(2,0,36,1) 56%, rgba(0,0,0,1) 100%);
} */
.bankContent h2{
color: #fff;
font-family: 'Plain';
font-weight: 400;
position: relative;
z-index: 1;
}
.bankRequirement{
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.bankRequirement:last-child{
margin-bottom: 0
}
.bankRequirement h4{
font-family: 'Plain';
font-weight: 400;
color: #fff;
margin-bottom: 15px;
font-size: 18px;
line-height: 28px;
}
.bankRequirement li{
color: #fff;
font-size: 14px;
margin-bottom: 4px;
opacity: 0.9;
margin-right: 5px;
}
.majarBnrkListLink{
display: inline-block;
width: 100%;
height: 75px;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
}
.majarBnrkListLink img{
width: 100%;
height: 100%;
object-fit: contain;
padding: 6px;
}
.majarBnrkList ul {
display: flex ;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.majarBnrkList ul li {
width: calc(100% / 6.3);
opacity: 1;
background-color: transparent;
}
.bankRequirement .essentialWebLogos a{
color: #12e4e7;
}
.essentialWebLogos a:hover{
background-color: #00778e;
color: #fff;
transition: 300ms all ease-in;
text-decoration: none;
border-color: transparent;
color: #fff;
}
#supportServicePopup{
width: 100%;
min-width: 500px;
padding: 100px 0;
}
.supportServicesWrapper .card-header{
background-color: transparent;
border: unset;
padding: 25px 0;
}
.supportServicesWrapper .card-body{
padding: 0;
padding-bottom: 40px;
}
.supportServicesWrapper .card{
border: unset;
border-bottom: 1px solid #7f4993;
border-radius: unset;
}
.supportServicesWrapper .card-header button{
color: #0c3957;
text-decoration: unset;
font-size: 22px;
font-family: 'Plain-SemiBold';
padding: 0;
width: 100%;
text-align: left;
display: flex;
align-items: center;
position: relative;
}
.supportServicesWrapper .card-header button svg{
position: absolute;
width: 30px;
height: 30px;
right: 20px;
rotate: -45deg;
top: 0;
bottom: 0;
margin: auto;
transition: 300ms all linear;
color: #6f3f81;
}
.supportServicesWrapper .card-header button:not(.collapsed) svg {
transform: rotate(180deg);
transition: 300ms all linear;
}
.supportServicesWrapper .card-header h5{
height: auto;
}
.supportServicesIcon{
width: 70px;
height: 70px;
background-color: #00778e;
border-radius: 100%;
margin-right: 15px;
display: inline-block;
}
.supportServicesIcon img{
width: 100%;
height: 100%;
padding: 13px;
}
.supportServicesWrapper .card-header p{
font-size: 14px;
font-family: 'Plain';
color: #4d5761;
margin-bottom: 0;
margin-top: 5px;
}
.supportServiceBnr{
height: 100%;
width: 100%;
}
.supportServiceBnr img{
width: 100%;
height: 350px;
border-radius: 15px;
object-fit: cover;
}
.supportServiceContent h5{
height: auto;
font-size: 18px;
font-family: 'Plain-SemiBold';
}
.supportServiceContent p{
margin-bottom: 0;
margin-top: 5px;
}
.supportServiceContentItem h5{
color: #6f3f81;
}
.supportServiceContentItem{
margin-bottom: 15px;
}
.supportServiceContentItem h6{
color: #0c3957;
background: linear-gradient(269deg, #ffffff 61.01%, #ede7ef 94.24%);
padding: 7px 11px;
font-size: 14px;
font-family: 'Plain-SemiBold';
}
.housingWrapperItem{
width: 100%;
min-height: 500px;
background-color: #efeaf1;
margin-bottom: 50px;
border-radius: 15px;
position: sticky;
top: 200px;
padding: 40px;
padding-bottom: 20px ;
}
#housingPopup{
padding-bottom: 0;
}
.housingWrapperItem1, .housingWrapperItem3{
background-color: #fff;
border: 1px solid #0c395730;
box-shadow: 0px 4px 0 #0c39573d;
}
.housingWrapperItem2{
background-color: #0c3957;
top: 200px;
height: auto;
}
.housingWrapperItem3{
background-color: #fff;
top: 220px;
margin-bottom: 0;
}
.houseStepCount{
position: absolute;
top: 0;
right: 8px;
font-size: 80px;
font-family: 'Plain-SemiBold';
color: #f0e9f2;
display: flex;
align-items: center;
}
.housingWrapperItem2 .houseStepCount{
color: #ffffff33
}
.housingWrapperItem .houseStepCount span{
font-size: 40px;
}
.guidMapLink {
background: #804a951f;
padding: 20px;
border-radius: 15px;
}
.guidMapLink p {
border-radius: 15px;
font-family: 'Plain-SemiBold';
color: #0c3957 !important;
}
.housingWrapperItemTitle{
font-weight: 400 !important;
font-family: 'Plain-SemiBold';
text-transform: uppercase;
}
.housingWrapperItem p{
margin: auto;
}
.housePointImg{
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 15px;
}
.housingWrapperItem1 .housePointImg {
height: 415px;
}
.housingWrapperItem3 .housingWrapperItemSections{
margin-top: 50px;
}
.housingWrapperItemSections ul {
margin-bottom: 20px;
}
.housingWrapperItemSections {
margin: 20px 0;
margin-bottom: 30px;
}
.guidMapLink p {
margin-bottom: 15px;
}
.housingWrapperItemSections li{
color: #4d5761;
font-size: 14px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 13px;
line-height: 24px;
display: flex;
}
.housingWrapperItemSections li:last-child{
margin-bottom: 0;
}
.housingWrapperItemSections h5 {
height: auto;
margin-bottom: 12px;
font-family: 'Plain-SemiBold';
}
.housingWrapperItem2 h4, .housingWrapperItem2 h5{
color: #fff;
}
.housingWrapperItem2 p, .housingWrapperItem2 li{
color: #fff;
opacity: 0.9;
}
.housingWrapperItem2 .housePointImg{
width: 92%;
height: 289px;
object-fit: cover;
border-radius: 15px;
margin-top: 25px;
}
.housingWrapperItem2 .housingWrapperItemSections li{
margin-bottom: 10px;
}
.housingWrapperItem2 .housingWrapperItemSections:first-child{
margin-top: 0;
}
.keyEcnomic{
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.keyEcnomic .container{
background: linear-gradient(94deg, #0c395700 4.01%, #f8f4f9 70.24%);
padding: 20px;
border-radius: 20px;
padding-bottom: 20px;
/* border: 1px solid #6f3f81; */
box-shadow: 1px -1px 20px 0px #00000036;
}
.keyEcoWrapper{
display: flex;
position: relative;
}
.keyEcoBnr{
width: 30%;
height: 450px;
overflow: hidden;
}
.keyEcoBnr img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.2);
object-position: 0px;
}
.keyEcoContent{
width: 70%;
padding: 40px;
padding-right: 0;
padding-top: 20px;
padding-bottom: 0;
}
.keyEcoContent h4{
color: #0c3957;
margin-bottom: 50px;
font-family: 'Plain-SemiBold';
}
.keyEcoContentPosPoint{
width: 72%;
height: 190px;
/* background: linear-gradient(89deg, #ffffff 4.01%, #f8f4f9 70.24%); */
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
padding-left: 68px;
border-radius: 0px;
border-bottom-left-radius: 0;
}
.keyEcoItemWrap{
display: flex;
justify-content: space-between;
width: 100%;
}
.keyEcoItem{
width: calc(100% / 5);
/* padding: 12px; */
padding-left: 0;
text-align: center;
position: relative;
}
.keyEcoItem::after{
content: '';
position: absolute;
right: -29px;
width: 1px;
height: 100%;
background-color: #6f3f8159;
top: 0;
bottom: 0
}
.keyEcoItem:last-child:after{
content: unset;
}
.keyEcoItem h6 {
font-size: 28px;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin-bottom: 15px;
}
.keyEcoItem span{
font-size: 13px;
line-height: 23px;
/* font-family: 'Plain-SemiBold'; */
color: #4d5761;
display: inline-block;
min-height: 72px;
}
.keyEcoContentPosPoint::after{
position: absolute;
width: 68%;
right: -26%;
height: 1px;
/* background-color: #439bac54; */
top: 0;
content: '';
left: 0;
margin: auto;
}
.keyEcoItem h6 span {
font-size: 24px;
color:#0c3957;
min-height: auto;
}
.cultural-commissions{
padding: 50px 0;
position: relative;
}
.cultural-commissions .container{
position: relative;
z-index: 1;
}
.cultural-commissions::after{
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
right: 0;
background-image: url(../images/explor-bg.png);
background-attachment: fixed;
opacity: 0.5;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
}
.cultural-commissions-new{
padding: 100px 0;
}
.cultural-commissions-new .container-fluid{
max-width: 1808px;
}
.cultural-commissions .colTitleTxtLg.text-center, .cultural-commissions-new .colTitleTxtLg.text-center{
margin-bottom: 20px
}
.cultural-commissions .colTitleTxt, .cultural-commissions-new .colTitleTxt{
font-size: 14px;
margin-bottom: 30px;
text-align: center;
line-height: 24px;
}
.cultuuralCommissionItem{
border: 1px solid #dadee2;
border-radius: 20px;
border-bottom-width: 6px;
height: 102px;
width: calc(100% / 6.5);
overflow: hidden;
display: flex;
align-items: center;
/* flex-direction: column; */
position: relative;
margin-bottom: 30px;
background-color: #fff;
}
.cultuuralCommissionItem img{
width: 100%;
transition: all .6s cubic-bezier(.645,.045,.355,1);
padding: 10px;
}
.cultuuralCommissionItemImg1{
transform: translatey(-120%);
position: absolute;
}
.culturalCommissionWrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cultuuralCommissionItem:hover .cultuuralCommissionItemImg1{
transform: translatey(0%);
transition: all .6s cubic-bezier(.645,.045,.355,1);
}
.cultuuralCommissionItem:hover .cultuuralCommissionItemImg2{
transform: translatey(120%);
transition: all .6s cubic-bezier(.645,.045,.355,1);
}
.cultural-commissions-new-wrap{
display: flex;
}
.cultural-commissions-new-view{
width: 60%;
height: 700px;
background-color: #000;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.cultural-commissions-new-view-Item{
display: block;
width: 100%;
height: 100%;
position: relative;
}
.cultural-commissions-new-view-Item::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: linear-gradient(180deg, #0c395757 10.01%, #0000008a 48.24%);
z-index: 0;
}
.viewCommissionContent{
position: absolute;
bottom: 0;
left: 0;
padding: 40px;
z-index: 1;
transform: translateY(10px);
opacity: 0;
transition: opacity 0.1s ease, transform 0.1s ease;
}
.cultural-commissions-new-view-Item.active .viewCommissionContent{
transform: translateY(0);
opacity: 1;
transition: opacity 0.8s ease, transform 0.8s ease;
transition-delay: 0.1s;
}
.viewCommissionContent .lisBtn{
position: unset;
opacity: 1;
width: 180px;
padding-right: 10px;
}
.viewCommissionContent .lisBtn svg{
transform: scale(-0.1);
width: 20px;
height: 20px;
position: absolute;
right: 20px;
opacity: 0;
transition: 0.3s ease;
}
.viewCommissionContent .lisBtn:hover svg{
opacity: 1;
transform: scale(-1);
transition: 0.3s ease;
}
.viewCommissionContent img{
height: 120px;
width: auto;
object-fit: contain;
margin-bottom: 30px;
}
.viewCommissionContent h4{
color: #fff;
text-transform: capitalize;
font-family: 'Plain-SemiBold';
}
.viewCommissionContent p{
color: #fff;
opacity: 0.9;
}
.cultural-commissions-new-list{
width: 40%;
}
.cultural-commissions-new-list-wrap{
display: flex ;
justify-content: space-between;
margin-bottom: 20px;
margin-left: 20px;
}
.cultural-commissions-new-list-item{
width: 48%;
background-color: #ccc;
height: 124px;
border-radius: 4px;
}
.cultural-commissions-new-list-wrap:nth-child(odd) .cultural-commissions-new-list-item:first-child{
width: 58%;
}
.cultural-commissions-new-list-wrap:nth-child(odd) .cultural-commissions-new-list-item:last-child{
width: 40%;
}
.cultural-commissions-new-list-wrap:nth-child(even) .cultural-commissions-new-list-item:first-child{
width: 40%;
}
.cultural-commissions-new-list-wrap:nth-child(even) .cultural-commissions-new-list-item:last-child{
width: 58%;
}
.cultural-commissions-new-list-wrap:last-child .cultural-commissions-new-list-item{
width: 32% !important;
}
.commBgImg{
position: absolute;
width: 100%;
height: 100%;
}
.commBgImg img{
width: 100%;
height: 100%;
object-fit: cover;
}
.cultural-commissions-new-list-item{
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
padding: 20px;
cursor: pointer;
}
.cultural-commissions-new-list-item h6{
position: relative;
z-index: 2;
align-items: flex-end;
color: #fff;
text-transform: capitalize;
font-family: 'Plain-SemiBold';
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
top: 8px;
}
.cultural-commissions-new-list-item .commTabImg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1);
/* transition : opacity 0.8s ease, transform 0.8s ease */
transition: 0.3s all ease;
}
.cultural-commissions-new-list-item.active .commTabImg{
filter: grayscale(0);
transition: 0.5s all ease;
transform: scale(1.0) rotate(0deg);
}
.cultural-commissions-new-list-item:hover .commTabImg{
filter: grayscale(0);
transition: 0.5s all ease;
transform: scale(1.1) rotate(1deg);
}
.cultural-commissions-new-list-item::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: linear-gradient(217deg, #0c395757 13.01%, #34173f 114.24%);
z-index: 1;
}
.commLogo{
position: absolute;
z-index: 1;
width: 150px;
height: 75px;
object-fit: contain;
top: 40px;
left: 30px;
}
.commLogo.commLogoLg{
width: 250px;
}
.empWomenBtn{
display: inline-block;
font-size: 14px;
border: 1px solid #fff;
padding: 7px 15px;
margin-top: 15px;
border-radius: 4px;
cursor: pointer;
background-color: transparent;
transition: 0.3s all ease-in;
}
.empWomenBtn:hover{
background-color: #03a8a0 !important;
border-color: transparent;
transition: 0.3s all ease-in;
}
.womenWmpInKsa{
padding: 100px 0;
position: fixed;
z-index: 999999;
background: #fff;
padding-bottom: 60px;
border-bottom: 1px solid #cccccc59;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: hidden;
overflow-y: auto;
margin-top: 111px;
padding-bottom: 100px;
}
/*
* STYLE 2
*/
.womenWmpInKsa::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 0px;
background-color: #F5F5F5;
}
.womenWmpInKsa::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}
.womenWmpInKsa::-webkit-scrollbar-thumb
{
border-radius: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #824b97;;
}
.womenWmpInKsaClose{
z-index: 9999 !important;
top: 0;
position: sticky;
width: 40px;
height: 40px;
right: unset;
background: #00778e;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
left: 96%;
}
.womenWmpInKsaClose svg {
width: 15px;
height: 15px;
}
.womenWmpInKsa li{
margin: auto;
margin-bottom: 30px;
margin-bottom: 13px;
display: flex;
}
.womenWmpInKsa h6{
font-size: 18px;
line-height: 28px;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin-bottom: 20px;
margin-top: 30px;
}
.dataSuppWomenInfo{
display: flex;
justify-content: space-between;
}
.dataSuppWomenInfoItem{
width: 49%;
height: 170px;
background-color: #f8f8f8;
background-image: url(../images/info-bg.png);
background-size: contain;
background-position: left bottom;
background-repeat: no-repeat;
padding: 20px;
}
.dataSuppWomenInfoItemData{
font-size: 28px;
line-height: 38px;
font-family: 'Plain-SemiBold';
margin-bottom: 10px;
color: #6f3f81;
}
.dataSuppWomenInfoItemData span{
font-size: 20px;
}
.womenWmpImg img{
width: 100%;
height: 550px;
object-fit: cover;
}
.topSeniorPosition h5{
text-align: center;
margin-top: 50px;
font-size: 24px;
color: #0c3957;
font-family: 'Plain-SemiBold';
margin-bottom: 30px;
}
.topSeniorPositionItem{
width: 100%;
height: 475px;
background-color: #fff;
padding: 10px;
box-shadow: 0px 0px 7px 0px rgba(4, 23, 26, 0.15);
border-radius: 4px;
margin-bottom: 30px;
}
.topSeniorPositionItemInfo{
background-color: #ffffffa1;
position: relative;
top: -35px;
width: 92%;
margin: auto;
padding: 15px;
backdrop-filter: blur(12px);
border-radius: 9px;
text-align: center;
}
.topSeniorPositionItemInfo p{
margin-bottom: 6px;
font-size: 14px;
/* text-transform: capitalize; */
color: #0c3957;
}
.topSeniorPositionItemInfo span {
display: inline-block;
font-size: 13px;
color: #4d5761;
}
.topSeniorPositionItemInfo h5{
margin: unset;
font-size: 18px;
margin-bottom: 15px;
}
.col-lg-3.custColLg3{
flex: 0 0 20%;
max-width: 20%
}
.topSeniorPosition{
width: 85%;
margin: auto;
padding: 50px 0
}
.proImg img{
width: 100%;
border-radius: 15px;
height: 330px;
object-fit: cover;
}
.contactUsWrapper{
width: 100%;
height: 500px;
}
.contactUs{
margin-bottom: 50px;
}
.contactUsWrapper {
border-radius: 15px;
position: relative;
overflow: hidden;
}
.contactUsWrapper::after{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(218deg, #0c3957 40.01%, #7e44929e 68.24%);
content: '';
top: 0;
left: 0;
}
.contactContent{
position: absolute;
z-index: 3;
top: 0;
padding: 50px;
font-size: 20px;
width: 100%;
padding-left: 35%;
color: #ffffff;
/* font-family: 'Plain-SemiBold'; */
line-height: 32px;
padding-top: 33px;
}
.contactUsWrapper img{
border-radius: 15px;
filter: grayscale(1);
}
.contactUsForm{
width: 100%;
min-height: 500px;
background-image: url('https://dev242.kodesolution.com/arotech/wp-content/uploads/2024/11/image-bg.jpg');
padding: 100px 0;
position: relative;
overflow: hidden;
}
.contactUsForm .container{
position: relative;
}
.contactBGClass{
/* background: linear-gradient(270deg, #0c3957 4.01%, #3d1248d4 70.24%); */
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #faf6ff7d;
}
.contactUsForm .lisBtn{
position: relative;
top: unset;
bottom: unset;
left: unset;
right: unset;
opacity: 1;
width: 180px;
height: 50px;
}
.contactUsForm .form-control{
font-size: 14px;
color: #0c3957
}
.contactUsForm h4{
color: #0c3957;
font-family: 'Plain-SemiBold';
font-size: 28px;
margin-bottom: 20px;
text-align: center;
}
.contactUsForm .lisBtn svg{
transform: scale(-0.1);
width: 20px;
height: 20px;
position: absolute;
right: 20px;
opacity: 0;
transition: 0.3s ease;
}
.contactFormWrap{
background-color: #fff;
padding: 30px 20px;
border-radius: 0;
padding-bottom: 25px;
margin-top: 0;
box-shadow: -10px 0px 30px 0px rgba(0, 0, 0, 0.07);
width: 88%;
position: relative;
left: -10px;
}
.contactUsFormInfo{
padding-right: 40px;
}
.contactUsFormInfoItem{
width: 80%;
height: 80px;
margin-bottom: 20px;
border-radius: 15px;
/* border: 2px solid #ffffff63; */
display: flex;
align-items: center;
padding: 0;
}
.contactUsFormInfoItem:last-child{
margin-bottom: 0;
}
.contactUsFormInfo h2{
/* color: #fff; */
}
.contactUsFormInfo p{
color: #4d5761;
/* opacity: 0.9; */
line-height: 24px;
font-size: 14px;
margin-bottom: 25px;
margin-top: 25px;
}
.contactUsFormInfoItemIcon{
width: 60px;
height: 60px;
display: block;
border-radius: 4px;
margin-right: 15px;
padding: 15px;
background-color: #814a96
}
.contactUsFormInfoItemIcon img{
width: 100%;
height: 100%;
}
.contactUsFormInfoItemDetail span{
display: block;
font-size: 14px;
color: #0c3957;
margin-bottom: 6px;
/* opacity: 0.9; */
}
.contactUsFormInfoItemDetail a {
display: inline-block;
font-size: 18px;
color: #0c3957;
font-family: 'Plain-SemiBold';
}
.contactUsForm .lisBtn:hover svg{
opacity: 1;
transform: scale(-1);
transition: 0.3s ease;
}
/* .contactFormWrap label{
font-size: 14px;
color: #868686;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
pointer-events: none;
transition: all 0.3s ease;
} */
/* .contactFormWrap .textAreaLabel{
transform: translateY(-51px);
} */
.contactFormWrap .form-group{
position: relative;
}
.contactFormWrap input.form-control{
height: 47px;
border: unset;
/* border-bottom: 1px solid #824b974a; */
border-radius: unset;
margin-bottom: 25px;
padding-left: 16px;
padding-top: 15px;
background: #F6F6F6;
}
.contactFormWrap textarea.form-control{
padding-left: 16px;
padding-top: 15px;
border: unset;
/* border-bottom: 1px solid #824b974a; */
border-radius: unset;
background-color: #F6F6F6;
}
.contactFormWrap .colBtn{
margin-left: auto;
margin-bottom: 0;
margin-top: 0;
}
.buttomWrap{
display: flex;
align-items: center;
}
.buttomWrap img{
height: 60px;
border: 1px solid #ccc;
}
.cPerson{
position: absolute;
bottom: -102px;
right: -94px;
height: 515px;
z-index: 1;
}
/* .contactFormWrap .form-group input:focus + label,
.contactFormWrap .form-group input:not(:placeholder-shown) + label,
.contactFormWrap .form-group input:not(:empty) + label{
top: 0;
left: 10px;
font-size: 12px;
color: #6f3f81;
background: #fff;
padding: 0 5px;
transition: 0.4s all ease;
} */
/* .contactFormWrap .form-group textarea:focus + label,
.contactFormWrap .form-group textarea:not(:placeholder-shown) + label,
.contactFormWrap .form-group textarea:not(:empty) + label {
top: 43px;
left: 10px;
font-size: 12px;
color: #6f3f81;
background: #fff;
padding: 0 5px;
transition: 0.4s all ease;
} */
.contactFormWrap .form-group input::placeholder,
.contactFormWrap .form-group textarea::placeholder {
color: #868686;
font-size: 14px;
}
/* Optional: Add focus styles */
.contactFormWrap .form-group input:focus,
.contactFormWrap .form-group textarea:focus {
outline: none;
border-color: #6f3f81;
box-shadow: unset;
transition: 0.4s all ease;
}
/* custom css code start */
.educationChildcareRight-content {
width: 100%;
}
.educhildContent-sec {
width: 100%;
}
.feeDetailRowSubtitle{
padding: 10px 15px;
padding-top: 15px;
width: 100%;
text-align: center !important;
}
.feeDetailRowSubtitle .feeDetailCol-subtitle{
text-align: center;
font-size: 15px;
font-weight: 600;
color: #804a95;
}
.feeDetailBody .feeDetailRowSubtitle:nth-child(even) {
background-color: #f8f4f9;
}
.applicationProcess.app-process-count4 {
justify-content: space-between;
}
.overviewedu-sec {
width: 100%;
margin-top: 20px;
}
.overview-edusec1{
width: 100%;
}
.dType{
display: flex;
align-items: center;
}
.dType h4{
margin-left: 0;
margin-right: 15px;
font-size: 14px !important;
line-height: 24px;
}
.ov-edusec1title {
display: flex;
align-items: center;
}
.ov-edusec1title-Icon {
width: 55px;
height: 55px;
display: flex;
justify-content: center;
}
.ov-edusec1title-Icon svg {
width: 100%;
}
.ov-edusec1-headline {
margin-left: 12px;
margin-bottom: 0;
color: #0c3957;
font-size: 18px !important;
line-height: 28px;
font-weight: bold;
}
.overview-edusec2 {
width: 100%;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.ov-edusec2-box {
width: 49%;
padding: 20px 15px;
border: 1px solid #06a9a1;
border-radius: 7px;
display: block;
text-align: left;
}
.ov-edusec2-box.edu3box-hei{
min-height: 310px;
}
.ov-edusec2-box.edusec2-itembox{
min-height: 260px;
}
.ov-edusec2title-Icon {
width: 70px;
height: 70px;
margin: unset;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.ov-edusec2title {
display: flex
;
align-items: center;
}
.ov-edusec2title-Icon img {
width: 100%;
}
.ov-edusec2-headline {
font-size: 18px !important;
text-align: center;
margin-top: 15px;
margin-bottom: 12px;
color: #0c3957;
font-weight: bold;
line-height: 28px;
}
.ov-edusec2-txt {
text-align: left;
margin-bottom: 0;
color: #4d5761;
margin-top: 5px;
padding-left: 0;
width: 100%;
}
.overview-edusec3-box{
width: 100%;
padding: 25px;
background: #fff;
margin-top: 20px;
border-radius: 7px
}
.overview-edusec3-box {
display: flex;
flex-wrap: wrap;
}
.ov-edusec3 {
width: calc(100% / 2);
padding-right: 20px;
}
.ov-edusec3 .ov-edusec1-txt {
margin-top: 10px;
}
p.ov-edusec1-txt {
width: 80%;
}
.ov-edusec3.mb-50 {
margin-bottom: 50px;
}
.mapDot{
display: inline-block;
}
.classKings{
top: 42%;
left: 2%;
}
.classColeFrance{
top: 32%;
left: 31%;
}
.classAmericanInter{
top: 28%;
left: 21%;
}
.classSekSchool{
top: 41%;
left: 22%;
}
.schoolMapMark .mapDatMark{
width: 18px;
height: 18px;
}
.schoolMapInfo{
min-width: 175px;
position: absolute;
background: #fff;
top: -74px;
left: -5px;
font-size: 13px;
padding: 15px;
border-radius: 9px;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 41px 0px;
visibility: hidden;
opacity: 0;
white-space: nowrap;
}
.SchoolName{
display: block;
white-space: nowrap;
font-size: 13px;
font-family: 'Plain-SemiBold';
}
.schoolLoc{
font-size: 12px;
color: #4d5761;
}
.schoolMapMark:hover .schoolMapInfo, .schoolMapMark.active .schoolMapInfo{
visibility: visible;
opacity: 1;
}
.outterBorder{
display: inline-block;
width: 26%;
position: absolute;
top: 0;
height: 10px;
background: linear-gradient(218deg, #0c3957 4.01%, #6f3f81 70.24%) !important;
top: -10px;
left: -9px;
}
.outterBorder2{
width: 10px;
height: 100%;
top: 0;
background: linear-gradient(56deg, #0c3957 4.01%, #6f3f81 70.24%) !important;
}
.keyEcoBnr{
position: relative;
}
.keyEcoBnr::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
/* background: linear-gradient(137deg, rgb(12 57 87 / 0%) 4.01%, rgb(61 18 72 / 75%) 86.24%); */
top: 0;
left: 0;
}
/* .gCircle{
display: block;
position: absolute;
width: 350px;
height: 350px;
top: 59%;
border-radius: 100%;
right: 48%;
} */
.howToGetItem.newPrice{
width: 28.5%;
}
.howToGetItem.newPrice p {
margin-bottom: 0;
}
.howToGetItem.newPrice .priceAmount{
font-size: 18px;
color: #4d5761;
line-height: 28px;
display: inline-block;
font-family: 'Plain-SemiBold';
color: #0c3957;
font-weight: bold
}
.howToGetItem.newPrice .howToGetIcon img{
padding: 7px;
}
/* custom css code end */
.houseMapItem img{
width: 100%;
height: 535px;
object-fit: cover;
}
.mapLegentWrapper {
padding: 40px 0;
padding-left: 20px;
padding-bottom: 0;
}
.mapLegentWrapper li {
font-size: 14px;
margin-bottom: 15px;
position: relative;
display: flex;
align-items: center;
}
.mapLrgIcon {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50px;
margin-right: 10px;
position: relative;
top: -1px;
}
.mapLrgIcon1{
background: #0c3957;
}
.mapLrgIcon2{
background: #79468c;
}
.mapLrgIcon3{
background: #03a8a0;
}
.houseMapSection{
padding-top: 50px;
}
.guidMapTitle{
text-transform: uppercase;
text-align: center;
font-family: 'Plain-SemiBold';
font-size: 24px !important;
}
.guidMapTitleInfo{
text-align: center;
font-size: 16px;
color: #4d5761;
margin-bottom: 30px;
}
.legentWrap{
display: flex ;
align-items: center;
/* justify-content: space-between; */
padding: 40px 0;
flex-wrap: wrap;
padding-bottom: 0;
}
.legentItem a {
position: unset;
display: block;
margin-right: 10px;
background-color: #1c869a;
}
.legentItem{
display: flex ;
align-items: center;
font-size: 14px;
color: #0c3957;
font-family: 'Plain';
width: calc(100% / 5);
margin-bottom: 20px;
margin-right: 0;
}
.houseMapSection .maplocationSearch{
margin-bottom: 20px;
}
.houseMapItem {
position: relative;
}
.houseArea{
display: inline-block;
width: 100px;
height: 100px;
background: red;
border-radius: 100%;
position: absolute;
cursor: pointer;
display: flex ;
align-items: center;
justify-content: center;
transform: scale(1);
transition: 300ms all linear;
}
.familyArea {
right: 63%;
top: 38%;
background: #43b2fd0d;
border: 2px dashed #0c3957;
}
.cultureArea{
top: 55%;
left: 30%;
background: #03a8a02e;
border: 2px dashed #03a8a0;
}
.houseArea:hover{
transform: scale(1.1);
transition: 300ms all linear;
}
.morderEntertineArea{
left: 34%;
top: 22%;
background: #7e499336;
border: 2px dashed #814b96;
}
.viewNeighbourHoodItemLocation{
position: relative;
}
.houseMapMArker{
position: absolute;
width: 40px;
height: 40px;
background-color: #6f3f81;
border-radius: 100%;
}
.houseMapMArker img{
width: 100% !important;
height: 100% !important;
padding: 8px;
}
.viewNeighbourHoodItemLocation img{
width: 100%;
height: 500px;
object-fit: cover;
}
.viewNeighbourHoodWrapperItem{
padding: 20px;
border: 1px solid #ccc;
border-radius: 15px;
}
.houseMapViewInfo h4{
font-size: 16px;
font-family: 'Plain-SemiBold';
}
.houseMapViewInfo{
padding: 15px 0;
}
.classRiyadh1Marker1 {
left: 31%;
top: 37%;
}
.classRiyadh1Marker2{
left: 12%;
top: 15%;
}
.classRiyadh1Marker3{
top: 72%;
left: 48%;
}
.classRiyadh1Marker4{
top: 27%;
left: 64%;
}
.classRiyadh1Marker5{
right: 25%;
top: 14%
}
.classRiyadh1Marker6{
left: 36%;
top: 73%;
}
.classRiyadh1Marker7{
left: 89%;
top: 59%;
}
.classRiyadh1Marker8{
left: 39%;
top: 14%;
}
.classRiyadh1Marker9{
left: 7%;
top: 32%;
}
.classRiyadh1Marker10{
left: 32%;
top: 5%;
}
.classRiyadh1Marker11{
top: 13%;
right: 7%;
}
.classFamilyAreas .classRiyadh1Marker1{
left: 50%;
top: 47%;
}
.classFamilyAreas .classRiyadh1Marker2{
left: 44%;
top: 65%;
}
.classFamilyAreas .classRiyadh1Marker3{
top: 79%;
left: 43%;
}
.classFamilyAreas .classRiyadh1Marker4{
top: 81%;
left: 92%;
}
.classFamilyAreas .classRiyadh1Marker5{
right: 67%;
top: 52%;
}
.classFamilyAreas .classRiyadh1Marker6{
left: 21%;
top: 67%;
}
.classFamilyAreas .classRiyadh1Marker7{
left: 89%;
top: 59%;
}
.classFamilyAreas .classRiyadh1Marker8{
left: 39%;
top: 14%;
}
.classFamilyAreas .classRiyadh1Marker9{
left: 54%;
top: 82%;
}
.classFamilyAreas .classRiyadh1Marker10{
left: 24%;
top: 15%;
}
.classFamilyAreas .classRiyadh1Marker11{
top: 36%;
right: 21%;
}
.classCulturalAreas .classRiyadh1Marker1 {
left: 7%;
top: 31%;
}
.classCulturalAreas .classRiyadh1Marker2{
left: 62%;
top: 47%;
}
.classCulturalAreas .classRiyadh1Marker3{
top: 61%;
left: 35%;
}
.classCulturalAreas .classRiyadh1Marker4{
top: 43%;
left: 95%;
}
.classCulturalAreas .classRiyadh1Marker5{
right: 45%;
top: 78%;
}
.classCulturalAreas .classRiyadh1Marker6{
left: 61%;
top: 19%;
}
.classCulturalAreas .classRiyadh1Marker7{
left: 79%;
top: 14%;
}
.classCulturalAreas .classRiyadh1Marker8{
left: 39%;
top: 14%;
}
.classCulturalAreas .classRiyadh1Marker9{
left: 64%;
top: 68%;
}
.classCulturalAreas .classRiyadh1Marker10{
left: 32%;
top: 5%;
}
.classCulturalAreas .classRiyadh1Marker11{
top: 69%;
right: 17%;
}
.exploringKsa-tab-logos{
white-space: nowrap;
}
.webookTicketBook{
width: 100%;
min-height: 180px;
/* background: linear-gradient(218deg, #000000 4.01%, #3d1248 70.24%); */
background-image: url(../images/webook-banner.jpg);
border-radius: 15px;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
align-items: center;
justify-content: center;
padding-left: 40%;
margin: auto;
margin-top: 30px;
}
.webookTicketBook::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(218deg, #000000 4.01%, #3d1248bf 70.24%);
}
.webookTicketBook h4{
margin-bottom: 30px;
color: #fff;
font-family: 'Plain';
position: relative;
z-index: 1;
}
.webookAppLink {
display: inline-block;
width: 150px;
height: 45px;
border: 1px solid #6f3f81;
border-radius: 50px;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.webookAppLink img {
height: 28px;
}
.webookAppLinkLight{
background: #6f3f81;
border-color: transparent;
}
.weBoolLogoLink img{
height: 55px;
}
.webookLink{
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
.keySiteContent .lisBtn{
position: unset;
left: 27px;
/* background: red; */
opacity: 1;
backdrop-filter: blur(3px);
border: unset;
background: #ffffff2e;
width: 200px;
height: 50px;
justify-content: flex-start;
padding: 20px;
bottom: 40px;
margin: auto;
margin-top: 20px;
}
.keySiteContent .lisBtn img{
position: absolute;
width: 35px;
height: 35px;
right: 15px;
top: 2px;
bottom: 0;
margin: auto;
transform: rotate(0deg) scale(1);
transition: 300ms all linear;
}
.keySiteContent:hover .lisBtn img{
transform: rotate(180deg) scale(-1);
}
.foodBanner{
width: 100%;
height: 110px;
background: url(../images/food-link-bnr.jpg);
border-radius: 10px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
margin-top: 100px;
}
.foodBanner::after{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(37deg, #00000082 43.01%, #4413565e 73.24%);
content: '';
top: 0;
right: 0;
}
.foodBanner h6{
margin-bottom: 0;
color: #fff;
position: relative;
z-index: 1;
padding: 20px;
font-size: 18px;
width: 50%;
line-height: 28px;
}
.foodBanner a{
width: 50px;
height: 50px;
border-radius: 100%;
border: 1px solid #fff;
position: absolute;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
color: #fff;
transform: scale(-1) rotate(135deg);
opacity: 1;
transition: 0.3s all ease-in;
}
.foodBanner a svg{
width: 25px;
height: 25px;
transform: rotate(225deg);
}
.foodBanner:hover a{
transform: scale(-1) rotate(135deg);
opacity: 1;
transition: 0.3s all ease-in;
background-color: #03a8a0;
border-color: transparent;
}
.publicHolidarWrapRow{
display: flex;
justify-content: space-between;
}
.publicHolidayItem{
width: calc(100% / 4.2);
height: 530px;
background-color: #ccc;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.publicHolidayItem img{
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1) rotate(0deg);
transition: 0.6s all ease;
}
.publicHolidayItem:hover img{
transform: scale(1.2) rotate(1deg);
transition: 0.6s all ease;
}
.publicHolidayItem::after{
position: absolute;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(0deg, #000000 4.01%, #3d124838 100.24%);
top: 0;
left: 0;
}
.publicHolidayItemContent{
position: absolute;
bottom: 28px;
z-index: 1;
color: #fff;
text-align: center;
padding: 20px;
transform: translateY(0);
transition: 0.8s all ease;
}
.publicHolidayItemContent::after{
position: absolute;
width: 80%;
height: 1px;
background-color: #fff;
top: 0;
left: 0;
right: 0;
margin: auto;
content: '';
opacity: 0.5;
}
.publicHolidayItemContent p {
margin-bottom: 0;
opacity: 0.9;
height: 210px;
transition: 0.8s all ease;
margin-top: 20px;
color: #fff;
}
.publicHolidayItemContent span{
font-size: 18px;
margin-bottom: 30px;
display: block;
line-height: 28px;
}
.publicHolidayItemContent h4{
font-size: 18px;
margin-bottom: 0;
line-height: 28px;
font-family: 'Plain-SemiBold';
}
.publicHolidayItem:hover .publicHolidayItemContent{
transform: translateY(-10px);
transition: 0.8s all ease;
}
.socialExpertNavWrap{
position: sticky;
top: 200px;
}
.communicationUtilityImg{
width: 500px;
height: 320px;
max-width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
position: relative;
}
.communicationUtilityImg::after{
position: absolute;
width: 10px;
height: 70%;
/* content: ''; */
background-color: #6f3f81;
top: 0;
bottom: 0;
left: 0px;
margin: auto;
z-index: 4;
}
.communicationUtilityImg img{
width:100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 1;
padding: 8px;
}
.communicationUtilityImgBdr1{
position: absolute;
width: 100px;
height: 100px;
background: #86d3cf;
bottom: 0;
left: 0;
}
.communicationUtilityImgBdr2{
position: absolute;
width: 100px;
height: 100px;
background: #86d3cf;
top: 0;
right: 0;
}
.communicationUtilityImg::before{
position: absolute;
top: 0;
left: -100%;
display: block;
content: "";
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
transition: all 0.3s ease;
z-index: 5;
}
.communicationUtilityImg:hover:before{
/* -webkit-animation: shine 1s; */
animation: shine 1s;
}
@keyframes shine {
100% {
left: 125%;
}
}
.communicationUtilityItemShowContent{
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding-left: 18px;
}
.communicationUtilityItemShow h4{
font-size: 28px;
font-family: 'Plain-SemiBold';
margin-bottom: 20px;
}
.communicationUtilityItemShow p{
margin: auto;
margin-bottom: 15px;
margin-top: unset;
}
.poviderListItemWrapNew a{
display: inline-block;
overflow: hidden;
}
.communicationUtilityItemShowContent a svg {
position: relative;
top: 5px;
}
.communicationUtilityItemShowContent .linkLogo img {
width: 280px;
height: 100px;
margin-left: 0;
}
.poviderListItemWrapNew a img {
width: 120px;
height: 62px;
background-color: #ffffff;
object-fit: contain;
border-radius: 8px;
padding: 6px;
transform: scale(1);
transition: all 0.3s ease-in-out;
border: 1px solid #ccc;
}
.poviderListItemWrapNew a:hover img{
/* transform: scale(1.02); */
transition: all 0.3s ease-in-out;
}
.poviderListItemWrapNew a{
width: 120px;
justify-content: center;
margin-right: 5px;
}
.communicationUtilityItemShowNav{
display: flex;
align-items: center;
margin-top: 40px;
justify-content: space-between;
}
.communicationUtilityItemShowNavItem{
width: 25%;
height: 115px;
background-color: #fff;
margin-right: 20px;
padding: 15px;
border-radius: 8px;
box-shadow: 0px 1px 20px 7px #0000000d;
position: relative;
overflow: hidden;
cursor: pointer;
}
.communicationUtilityItemShowNavItem img{
height: 45px;
margin: auto;
display: flex;
width: 45px;
position: relative;
z-index: 2;
}
.communicationUtilityItemShowNavItem:last-child{
margin-right: 0;
}
.communicationUtilityItemShowNavItem span{
display: block;
text-align: center;
margin-top: 15px;
font-family: 'Plain-SemiBold';
color: #0c3957;
position: relative;
z-index: 2;
transition: 0.5s all ease;
font-size: 14px;
line-height: 24px;
}
.communicationUtilityItemShowNavItem:hover span, .communicationUtilityItemShowNavItem.active span{
color: #fff;
transition: 0.5s all ease;
}
.communicationUtilityItemShowNavItem::after{
content: '';
width: 100%;
height: 0%;
background-color: #7f4993;
bottom: 0;
left: 0;
position: absolute;
transition: 0.5s all ease;
}
.communicationUtilityItemShowNavItem:hover:after, .communicationUtilityItemShowNavItem.active:after{
height: 100%;
transition: 0.5s all ease;
}
.communicationUtilityItemShowNavItem.active:after{
background-color: #6f3f81;
}
.communicationUtilityIconDark{
opacity: 1;
transition: 0.5s all ease;
}
.communicationUtilityIconLight{
position: absolute !important;
top: 15px;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: 0.5s all ease;
}
.communicationUtilityItemShowNavItem:hover .communicationUtilityIconLight, .communicationUtilityItemShowNavItem.active .communicationUtilityIconLight{
opacity: 1;
transition: 1s all ease;
}
.communicationUtilityItemShowNavItem:hover .communicationUtilityIconDark, .communicationUtilityItemShowNavItem.active .communicationUtilityIconDark{
opacity: 0;
transition: 1s all ease;
}
.waveImg{
background-image: url(../images/sound-wave-w.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
opacity: 0.5;
transition: 0.5s all ease;
}
.communicationUtilityItemShowNavItem:hover .waveImg, .communicationUtilityItemShowNavItem.active .waveImg{
opacity: 1;
transition: 0.5s all ease;
}
/* #communicationUtilityPopup{
background-image: url('../images/comm-pettern.png');
} */
.investMobSubTitle {
color: #7d4892 !important;
font-family: 'Plain-SemiBold';
}
.calculatorButton {
left: 15rem;
}
.substainablity{
padding: 100px 0;
width: 100%;
min-height: auto;
background-image: url(../images/saudi-green.jpg);
background-attachment: fixed;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.substainablity::after{
position: absolute;
width: 100%;
height: 100%;
content: '';
bottom: 0;
left: 0;
background: rgb(0,0,0);
/* background: linear-gradient(165deg, transparent 41%, rgba(0, 0, 0, .6) 67.41%), linear-gradient(90deg, rgba(0, 0, 0, .6), #00000042 35.7%); */
background:linear-gradient(218deg, #0000008f 4.01%, #00000099 70.24%);
}
.substainablity .container{
position: relative;
z-index: 1;
}
.substainablityItem {
width: 100%;
min-height: 100px;
background: transparent;
margin-bottom: 30px;
padding: 20px 20px;
display: flex;
border: 1px solid #ffffff8f;
border-radius: 15px;
backdrop-filter: blur(0px);
transition: 0.5s all ease-in;
}
.substainablityItem:hover{
backdrop-filter: blur(15px);
/* background: #0e0e0e2e; */
border-color:#ffffff;
transition: 0.5s all ease-in;
}
.substainablity .colTitleTxtLg{
/* text-align: center; */
color:#fff;
font-size:38px;
margin-bottom: 40px;
text-transform: uppercase;
}
.substainablity h4 {
color: #fff;
}
.substainablity p{
color: #fff;
opacity: 0.9;
}
.substainablityItem h4 {
font-family: 'Plain-SemiBold';
}
.substainablityItem p {
margin-bottom: 0;
}
.substainablityItem:last-child{
margin-bottom: 0;
}
.substainablity .lisBtn{
position: unset;
opacity: 1;
backdrop-filter: blur(3px);
border: unset;
background: #ffffff2e;
width: 200px;
height: 50px;
justify-content: flex-start;
padding: 20px;
bottom: 40px;
margin: unset;
margin-top: 20px;
}
.substainablity .lisBtn img{
position: absolute;
width: 35px;
height: 35px;
right: 15px;
top: 2px;
bottom: 0;
margin: auto;
transform: rotate(0deg) scale(1);
transition: 300ms all linear;
}
.substainablity .lisBtn:hover img{
transform: rotate(180deg) scale(-1);
}
.substainablityIcon{
display: inline-block;
width: 100px;
height: 100px;
background: #fff;
border-radius: 100%;
margin-right: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.substainablityIcon img{
width: 65px;
height: 65px;
transform: scale(1);
transition: 300ms all linear;
}
.substainablityItem:hover .substainablityIcon img{
transform: scale(.8);
transition: 300ms all linear;
}
.substainablityContent{
width: calc(100% - 120px);
}
.sgiTitle{
margin-bottom: 20px;
font-size: 40px;
line-height: 50px;
}
.womenWmpInKsaClose{
left: 90%;
}
.storyRightSideImg{
width: 500px;
right: 0;
}
.kingdomOfHumanity{
padding: 100px 0;
}
.kingdomOfHumanity li{
color: #4d5761;
font-size: 14px;
margin: auto;
margin-bottom: 0;
line-height: 27px;
margin-bottom: 20px;
display: flex;
padding-right: 50px;
}
.kingdomOfHumanity li:last-child{
margin-bottom: 0;
}
span.humIcon{
width: 70px;
height: 70px;
margin-right: 15px;
position: relative;
}
span.humIcon img {
width: 60px;
height: 60px;
position: relative;
z-index: 1;
}
.humIcontemt {
font-size: 14px;
width: calc(100% - 95px);
}
.humanityImgWrapper{
position: relative;
left: 0px;
}
.humanityImgWrapper img {
border-radius: 15px;
width: 100%;
height: 650px;
object-fit: cover;
}
img.humanity-bg-2 {
position: absolute;
bottom: 50px;
margin: auto;
border-radius: 100%;
width: 200px;
height: 200px;
object-fit: cover;
border: 5px solid #fff;
left: -70px;
}
.kingdomOfHumanity h4{
background: linear-gradient(268deg, #ffffff00 4.01%, #6f3f810d 70.24%);
padding: 8px;
color: #6f3f81;
font-family: 'Plain-SemiBold';
margin-bottom: 20px;
margin-top: 30px;
}
.kingdomOfHumanity .colTitleTxtLg{
margin-bottom: 20px;
}
.humanityImgWrapperSticky{
position: sticky;
top: 150px;
}
.culture-Language-new {
padding: 50px 0;
}
.culture-Language-new .colTitleTxtLg, .culture-Language-new .colTitleInfoLg{
text-align: center;
}
.culture-Language-new-wrap{
display: flex;
margin-top: 50px;
align-items: center;
}
.culture-Language-new-img-wrap {
width: 410px;
height: 550px;
background-color: #ebebeb;
margin-right: 30px;
/* border-radius: 15px;
overflow: hidden; */
}
.culture-Language-new-img{
width: 100%;
height: 100%;
position: relative;
}
.culture-Language-new-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.culture-Language-new-img::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-image: url('../images/curve.44a37d87cad80781e5ee5ea2ec52c626.svg');
background-repeat: no-repeat;
margin: auto;
background-position: bottom;
}
.culture-Language-new-content-wrap {
width: calc(100% - 300px);
}
.culture-Language-new-item-list{
display: flex ;
margin-bottom: 4px;
padding-bottom: 30px;
border-bottom: 1px solid #6f3f813d;
align-items: center;
/* background: #ccc; */
padding: 15px;
}
.culture-Language-new-item-list.active, .culture-Language-new-item-list:hover{
background: linear-gradient(270deg, #0c395700 4.01%, #f8f4f9 70.24%);
}
.culture-Language-new-item-list.active h5, .culture-Language-new-item-list:hover h5{
color: #6f3f81;
transition: 0.2s all linear;
}
.culture-Language-new-item-list:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: unset;
}
.culture-Language-new-item-title h5{
margin-bottom: 0;
font-size: 18px;
font-family: 'Plain-SemiBold';
color: #0c3957;
transition: 0.2s all linear;
}
.culture-Language-new-item-title{
width: 225px;
margin-right: 50px;
}
.culture-Language-new-item-content{
width: calc(100% - 275px);
}
.vCare{
padding: 100px 0;
padding-bottom: 125px;
}
.vCareItem{
width: 100%;
height: 360px;
background: #ccc;
border-radius: 4px;
position: relative;
cursor: pointer;
}
.vCareBgWrapper{
width: 100%;
height: 360px;
overflow: hidden;
}
.vCareBg{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
transform: scale(1.0);
transition: 0.5s all ease-in;
}
.vCareItem:hover .vCareBg{
transform: scale(1.1);
transition: 0.5s all ease-in;
}
.vCardBgLayer{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(179deg, #0000000f 4.01%, #3d1248d9 96.24%);
z-index: 1;
}
.vCaewNavLink{
position: absolute;
width: 94%;
background-color: #fff;
height: 80px;
bottom: -25px;
right: 0;
border-radius: 8px;
box-shadow: -1px 4px 7px 0px #00000024;
border-top-right-radius: 0;
padding: 15px;
display: flex;
align-items: center;
z-index: 2;
}
.active .vCaewNavLink{
background: linear-gradient(275deg, #fbfbfb 4.01%, #f2e5f7 70.24%);
}
.vCaewNavLink h5{
color: #0c3957;
font-family: 'Plain-SemiBold';
margin-bottom: 0;
}
.vCaewNavLink h5 svg{
width: 45px;
height: 45px;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
color: #1d869b;
transform: rotate(0deg) scale(1);
transition: 0.3s all linear;
}
.vCareItem.active svg{
transform: rotate(90deg) scale(1);
}
.vCareItem.active:hover svg{
transform: rotate(90deg) scale(1) !important;
}
.vCareItem:hover .vCaewNavLink h5 svg{
transform: rotate(180deg) scale(-1);
transition: 0.3s all linear;
}
.empWomenPopup {
padding: 0;
padding-bottom: 100px;
}
.empWomenPopup h6{
font-size: 18px;
line-height: 28px;
font-family: 'Plain-SemiBold';
color: #0c3957;
margin-bottom: 20px;
margin-top: 30px;
}
.empWomenPopup ul li{
display: flex;
margin-bottom: 10px;
}
.sustainableNew::after{
background: linear-gradient(182deg, #ffffff 28.01%, #00000000 101.24%);
}
.sustainableNew.substainablity h4{
color: #0c3957;
}
.sustainableNew{
background-attachment: unset;
padding-top: 0px;
background-position: 0px 110px;
}
.sustainableNew .substainablityItem{
background-color: #fff;
}
.sustainableNew.substainablity p{
opacity: 1;
color: #4d5761;
}
.sustainableNew .substainablityIcon{
background-color: #ebf4f6;
}
.sustainableNew .substainablityItem{
box-shadow: 1px 3px 20px 1px #0000002b;
}
.sustainableNew .sgiTitle{
font-family: 'Plain-SemiBold';
margin-top: 15px;
}
p.sgiTitleTxt {
margin-bottom: 10px;
}
.substainablity.sustainableNew .lisBtn{
background: #02788f;
}
.kingdomOfHumanity{
padding-top: 0;
}
.nextPrevColStickyBtn{
display: flex;
align-items: center;
width: 100%;
height: 90px;
background-color: transparent;
position: sticky;
bottom: 0px;
}
@media(min-width:1200px){
.colQuestionItemWrapBtns{
padding-bottom: 20px;
}
}
@media(min-width:1300px) and (max-width:1700px){
.reLocStory{
padding-right: 29px;
}
.colQuestionResultsDetail{
top: 178px;
}
.substainablityItem{
padding: 20px 15px;
}
.eventBanner{
height: 320px;
}
/* .saudiEventWrap{
min-height: 510px;
} */
.swiper.mySwiper.cultureEvent.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden{
min-height: 510px;
}
.opportunitiesKsaItem{
min-height: 405px;
}
.appProcessTitle{
margin-bottom: 20px;
}
.ov-edusec3.mb-50{
margin-bottom: 40px;
}
.processCount{
font-size: 34px;
}
.exploringKsaItemColumn .nav-link{
font-size: 26px;
line-height: 36px;
}
h2{
font-size: 38px;
line-height: 48px;
}
h6{
font-size: 26px;
line-height: 36px;
}
h4{
font-size: 26px;
line-height: 36px;
}
.visaProcess h4.visaTitle{
font-size: 26px;
}
.settingSaudiProcessItemContent h4{
font-size: 26px;
line-height: 36px;
}
.ov-edusec2-box.edusec2-itembox{
min-height: 250px;
}
.humanityImgWrapper img{
height: 575px;
}
img.humanity-bg-2{
width: 240px;
height: 240px;
}
.humanityImgWrapper{
left: 0px;
}
.storyRightSideImg{
right: -5px;
}
.buttomWrap img{
height: 50px;
}
.mapSection{
left: 30px;
}
.contactFormWrap{
width: 86%;
position: relative;
left: -40px;
}
.cPerson{
right: -30px;
height: 485px;
}
.educationChildcareLeft{
height: 550px;
}
.socailExpNavItem{
padding: 20px 30px;
left: 0;
}
.socailExpNavItem::after{
right: -62px;
}
.publicHolidayItem{
height: 475px;
width: calc(100% / 4.2);
}
.publicHolidayItemContent{
padding: 15px;
}
.publicHolidayItemContent p{
height: 215px;
line-height: 22px;
}
.holiydayClose{
top: 27%;
}
.cultural-commissions-new-view {
width: 58%;
height: 520px;
}
.cultural-commissions-new-list {
width: 42%;
}
.cultural-commissions-new-list-wrap:nth-child(odd) .cultural-commissions-new-list-item:first-child {
width: 54%;
}
.cultural-commissions-new-list-wrap:nth-child(odd) .cultural-commissions-new-list-item:last-child {
width: 44%;
}
.cultural-commissions-new-list-item{
height: 88px;
}
.cultural-commissions-new-list-item{
padding: 15px;
line-height: 20px;
}
.houseMapItem img{
height: 420px;
}
.viewNeighbourHoodItemLocation img{
height: 380px;
}
.houseMapMArker{
width: 35px;
height: 35px;
}
.hollyDayTableRow .hollyDayTableItem:nth-child(1){
width: 20%;
}
.hollyDayTableRow .hollyDayTableItem:nth-child(2){
width: 80%;
}
.showHoloday .hollyDayTable{
top: 175px;
}
.iniSchoolsTitle{
margin: 10px 0;
}
.proImg img{
height: 330px;
}
.topSeniorPositionItemInfo{
width: 95%;
}
.topSeniorPositionItem{
height: 460px;
}
.visaProcessItemImgTwo, .visaProcessItemImgTwo img {
height: 620px;
object-position: top;
object-position: bottom;
width: 94%;
}
.visaProcessItemImgWrap{
top: 140px;
}
.poviderListItemWrap a img{
width: 90px;
height: 50px;
}
.grocerySection .container-fluid{
max-width: 98%;
width: 98%;
}
.custLg2{
flex: 0 0 20%;
max-width: 20%;
padding: 0 8px;
}
.Food-beverages-swiper-item p{
margin-top: 0;
}
.grocerySection .Food-beverages-image-wrap{
height: 180px;
}
.supportServicesIcon{
width: 60px;
height: 60px;
}
.communicationUtilityItemIcon {
height: 55px;
width: 55px;
margin-bottom: 20px;
}
.communicationUtilityItem{
padding: 30px;
}
.communicationUtilityItem{
min-height: 350px;
}
.owningaCarDetail .colTitleTxtLg{
margin-bottom: 10px;
}
.owningaCarDetail p{
list-style: 24px;
}
.ownCarDetItemImg img{
height: 200px;
}
.majorAirPortListItem::after{
bottom: -26px;
}
.booking-andTips .bgAirImg{
width: 300px;
}
.localAirlinrs .deliveryApplicationList img{
width: 140px;
}
.transpotationContentTab a{
height: 140px;
}
.transpotationContentTab li a .activeArrowImg{
width: 40px;
height: 40px;
}
.majorAirPortListItem{
padding: 0;
}
.howToGet p{
height: 20px;
}
.mainTitle h1{
font-size: 36px;
}
.jobStatisWrap{
padding-left: 40px;
top: 200px;
}
.jobStatisWrapItem{
margin-bottom: 40px;
}
.jobStatisWrapItem img {
height: 70px;
width: 70px;
}
.mapViewWrap{
height: 450px;
}
.colQuestionsWrapItem.view55 .colQuestionsWrapItemCheckItem {
width: 100%;
}
.colQuestionsWrapItem.view37 .colQuestionsWrapItemCheckItem {
width: 50%;
}
.colQuestionsWrapItem.viewXs .colQuestionsWrapItemCheckItem {
width: 25%;
}
.colQuestionsWrapItem.view60 .colQuestionsWrapItemCheckItem {
width: 100%;
}
.colQuestionsWrapItem.view40 .colQuestionsWrapItemCheckItem {
width: 48%;
}
.checklist1ImageList img{
height: 400px;
}
.preLocAboutSaudiArabia{
padding-top: 10px;
}
.callToAction{
width: 180px;
height: 60px;
}
.callToAction svg {
width: 25px;
height: 25px;
top: 6px;
margin-right: 23px;
left: 3px;
}
.rhqSticke ul li a{
height: 130px;
padding-top: 15px;
}
.rhqSticke ul li a img{
width: 45px;
height: 45px;
margin-bottom: 0;
}
.menuIconLight {
top: -9px;
}
img.menuIconDark{
top: -55px;
}
.rhqSticke ul li a::after{
width: 70px;
height: 70px;
top: 45px;
}
.overViewContentItemIcon{
width: 55px;
height: 55px;
}
.colCirleWrap{
width: 500px;
height: 500px;
}
.circleBox{
width: 90px;
height: 90px;
}
.circleBox img{
height: 50px;
}
.marquee-text.marquee-text-color{
left: 0;
}
.Food-beverages-swiper .swiper-wrapper{
padding: 0;
}
.Food-beverages-swiper-row .col-lg-6{
padding-right: 100px;
}
.Food-beverages-swiper-wrap{
width: 55%;
}
.btn-select__label{
margin-bottom: 10px;
}
.colQuestionsWrapItem h4{
margin-top: 20px;
}
.colEstimationQuestionsNavTab{
padding-top: 0;
margin-bottom: 30px;
}
.colEstimationQuestionsNavTab a{
min-height: 80px;
min-width: 180px;
}
.colEstimationQuestionsNavTab a span{
width: 35px;
height: 35px;
}
.monthYearBtn{
height: 42px;
}
.colEstimationQuestionsFix .colQuestionsWrap{
padding-bottom: 4px;
height: auto;
}
#education .colQuestionsWrap{
height: calc(385px - 42px);
}
.monthYearBtnWrap{
width: 210px;
}
.colSummaryCard h4{
margin-bottom: 10px;
}
.colSummaryCardBody .colSummaryCol2 {
color: #0c3957;
}
.colSummaryCardBody .colSummaryRow{
padding: 6px 0;
}
.calculateAgainBtn{
width: 180px;
}
.bookItem{
height: 225px;
}
.bookImgWrap, .bookImgWrap img {
width: 165px;
height: 240px;
}
.bookItemContent {
padding-left: 13rem;
}
.colDownloadBtn {
width: 115px;
left: 13rem;
height: 35px;
}
.bookItemContentBtn{
left: 13rem;
}
.keySiteContentPonits h4{
margin-bottom: 10px;
}
}
@media(min-width : 1300px) and (max-width : 1500px){
.mapSection {
left: 0;
}
section.keySites .container .mapSection-col1{
flex: 0 0 49.666667%;
max-width: 49.666667%;
}
section.keySites .container .mapSection-col2{
flex: 0 0 50.333333%;
max-width: 50.333333%;
}
section.keySites .mapSection {
left: 40px;
}
.resedentialTab .nav-tabs{
width: 75%;
}
.colEmptyCardWrap{
padding: 20px;
}
.colSummaryCol2{
width: 55%;
}
.colSummaryCardBody .colSummaryCol2, .colSummaryCardBody .colSummaryCol1{
font-size: 13px;
}
.colEstimationQuestionsNavTab a{
min-width: 156px;
min-height: 108px;
}
}
@media(min-width : 1300px) and (max-width : 1399px){
.container{
max-width: 1270px;
}
.colCirleWrap {
left: -40px;
}
.visaProcessItemImgTwo, .visaProcessItemImgTwo img{
width: 100%;
}
.grocerySection .Food-beverages-swiper-item{
height: 430px;
}
.jobDemandSection .container, .jobDemandSection .container-fluid{
width: 100%;
}
.publicHolidayItemContent{
bottom: 45px;
}
}
@media(min-width : 1200px) and (max-width : 1299px){
.sports-and-wellnessBoxItem{
min-height: 300px;
}
.exploringKsa-tab-logos{
white-space: unset;
}
.exploringKsaItemColumn .nav-link{
font-size: 24px;
}
.reLocStory h2 {
padding-right: 120px;
}
.container{
max-width: 1170px;
}
.rhqStickeContainer, .rhqStickeLgActive .rhqStickeContainer{
width: 100%;
max-width: 1170px;
}
.colCirleWrap {
left: -20px;
width: 450px;
height: 450px;
}
.resedentialTab .nav-tabs{
width: 82%;
}
.visaProcessItemImgTwo, .visaProcessItemImgTwo img{
width: 100%;
}
.grocerySection .Food-beverages-swiper-item{
height: 430px;
}
.jobDemandSection .container, .jobDemandSection .container-fluid{
width: 100%;
max-width: 1170px;
}
.publicHolidayItemContent{
padding: 15px;
}
.publicHolidayItemContent{
bottom: 121px;
}
.colQuestionResultsCard h4{
line-height: 28px;
}
.geographical-fact .heigLvlItem{
padding-top: 15px;
padding-bottom: 15px;
}
.opportunitiesKsaItemCount{
font-size: 50px;
}
.opportunitiesKsaItem{
padding-top: 40px;
min-height: 448px;
}
.reLocStory .colTitleInfoLg{
width: 80%;
}
.mapSection {
transform: scale(0.9);
left: -29px;
}
.keySites .mapSection {
transform: scale(0.8);
left: 103px;
}
.grocerySection .container, .grocerySection .container-fluid {
width: 100%;
max-width: 1170px;
}
.groceryItemList .custLg2{
padding-left: 0;
}
.Food-beverages-swiper-item h4{
padding: 0;
}
.Food-beverages-swiper-item p{
padding: 0;
}
.socailExpNavItem{
left: -6px;
}
.emegencyContactItem .callBtn{
right: 110px;
}
}
@media(min-width : 992px) and (max-width : 1199px){
h2{
font-size: 30px !important;
line-height: 40px !important;
color: #0c3957;
font-weight: bold;
}
h5{
font-size: 16px;
line-height: 26px;
}
h6{
font-size: 28px;
line-height: 38px;
}
h4{
font-size: 20px !important;
line-height: 30px !important;
}
p.ov-edusec1-txt{
width: 100%;
}
.maplocationSearch .select2-container{
width: 100% !important;
}
.colEstimationQuestionsNavTab a{
min-height: 100px;
font-size: 12px;
line-height: 17px;
}
.jobDemandSection .container, .jobDemandSection .container-fluid{
max-width: 960px;
}
.publicHolidarWrapRow{
flex-wrap: wrap;
}
.publicHolidayItem {
width: 48%;
height: 375px;
margin-bottom: 20px;
}
.topSeniorPosition{
width: 100%;
}
.rhqStickeContainer, .rhqStickeLgActive .rhqStickeContainer{
width: 100%;
max-width: 1070px;
}
.rhqSticke.rhqStickeLgActive{
top: 110px;
}
.colLogo img {
height: 40px;
}
.heigLvlItem .highLvlIcon {
width: 60px;
height: 60px;
margin-right: 5px;
}
.geographical-fact .heigLvlItem{
padding-top: 10px;
padding-bottom: 10px;
}
.publicHolidayItemContent{
bottom: 0;
}
.dataSuppWomenInfoItem{
padding: 15px;
}
.calculatorButton{
left: 10rem;
}
.colCalInfoTxtWrap{
padding-left: 0;
}
.faqQuestionWrap .btn-link{
white-space: normal;
}
.highLvlTxt{
width: calc(100% - 65px) !important;
}
.preLocAboutSaudiArabia .col-lg-7{
padding-left: 0;
}
.keyEcoContent{
padding: 15px;
}
.keyEcoContentPosPoint{
width: 70%;
padding-left: 15px;
}
.culture-Language .cultureLanguageTitle{
text-align: center;
margin-bottom: 25px;
}
.storyRightSideImg{
display: none;
}
.reLocStory{
width: 100%;
}
.reLocStory .colTitleInfoLg{
width: 100%;
margin-bottom: 20px;
}
.reLocStory br{
display: none;
}
.ambassador-story{
padding: 0px 0;
padding-bottom: 50px;
margin-bottom: 50px;
}
.storyQuateTxt{
min-height: 250px;
}
.keySites .mapSection {
transform: unset;
left: 0;
}
.mapSection {
margin: auto;
transform: scale(0.8);
left: -86px;
}
.regionFoodContent{
padding: 20px;
}
.regionFoodTitle{
bottom: 30px;
left: 20px;
}
.regionFoodImage{
height: 220px;
}
.regionFoodImage img{
height: 220px;
}
.deliveryApplicationList a img{
height: 45px;
}
.foodBanner h6{
width: 85%;
}
.bookItemContent{
padding: 15px;
padding-left: 12rem;
}
.bankContent{
padding: 25px;
}
.mainTitle h1{
font-size: 38px;
line-height: 48px;
}
.colDownloadBtn {
width: 115px;
height: 36px;
}
.bookItemContentBtn{
left: 12rem;
}
.bookItem{
height: 220px;
}
.book-wrapper {
width: 150px;
height: 210px;
}
.colTitleTxtLg.text-center{
margin-bottom: 30px;
}
.custLg2 {
flex: 0 0 45.666667%;
max-width: 45.666667%;
}
.grocerySection .Food-beverages-swiper-item{
height: auto;
min-height: 350px;
margin-bottom: 20px;
}
.container {
max-width: 1070px;
}
.cultural-commissions .colTitleTxt, .cultural-commissions-new .colTitleTxt{
margin-bottom: 20px;
}
.sports-and-wellness-item:first-child{
margin-left: 0;
}
.viewCommissionContent{
padding-left: 20px;
padding-right: 20px;
}
.cultural-commissions-new-list-item{
padding: 15px;
}
.cultural-commissions-new-list-item{
height: 112px;
}
.cultural-commissions-new-view{
height: 640px;
}
.sports-and-wellnessBoxItem h4{
display: flex;
align-items: center;
}
.socailExpNavItem .socailExpIcon{
width: 90px;
height: 90px;
padding: 15px;
}
.socailExpNavItem{
left: -0px;
padding: 20px 15px
}
.socailExpContent{
width: calc(100% - 115px);
}
.socailExpNavItem::after {
right: -68px;
}
.contactFormWrap{
left: 0;
width: 100%;
}
.socailExpoContent{
padding-left: 20px;
}
.socailExpoContentImg{
height: 200px;
margin-bottom: 20px;
}
.eventBanner{
height: 295px;
}
/* .saudiEventWrap{
min-height: 590px;
} */
.swiper.mySwiper.cultureEvent.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden{
min-height: 590px;
}
.eventDesc{
width: calc(100% - 300px);
}
.jobStatisWrap{
padding-left: 30px;
}
.jobStatisWrapItem img {
height: 60px;
width: 60px;
}
.jobStatisWrapItem>div {
width: calc(100% - 60px);
}
.jobStatisWrapItem{
margin-bottom: 30px;
}
.resedentialTab .nav-tabs{
width: 100%;
max-width: 530px;
}
.howToGetItem.newPrice{
width: 250px;
}
.taxImplementationItem:nth-child(1), .taxImplementationItem:nth-child(3) {
padding-right: 234px;
}
.taxImplementationItem {
padding: 20px 20px;
}
.taxImplementationItem:nth-child(2), .taxImplementationItem:nth-child(4){
padding-left: 240px;
margin-right: 0;
}
.circleImgIcon, .taxImplementationItem:nth-child(3) .circleImgIcon{
left: 60%;
}
.taxImplementationItem:nth-child(2) .circleImgIcon, .taxImplementationItem:nth-child(4) .circleImgIcon {
left: unset;
right: 60%;
}
.settingSaudiProcessItemRow:nth-child(odd) .settingSaudiProcessItem{
height: 360px;
}
.educationChildcareLeft{
padding: 0px 10px;
}
.educationChildcareLeft{
width: 50px;
}
.educationChildcareRight{
width: 60%;
}
.educationChildcareLeft{
width: 40%;
}
.settingSaudiPOpupBnrImg{
height: 200px;
}
.settingSaudiPOpupBnrImg{
height: 200px;
}
.settingSaudiPOpupBnrImg::after{
background: linear-gradient(36deg, rgba(23, 29, 53, .7) 0, rgb(23 29 53 / 35%) 70%);
}
.ov-edusec1title-Icon{
width: 45px;
height: 45px;
}
.overview-edusec2, .ov-edusec2-box{
flex-direction: column;
}
.ov-edusec2-box{
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
.ov-edusec2title-Icon{
width: 60px;
height: 60px;
margin: unset;
margin-right: 15px;
}
.ov-edusec2-txt{
padding-left: 0;
}
.ov-edusec2title{
display: flex;
align-items: center;
justify-content: flex-start;
}
.overview-edusec3-box{
flex-direction: column;
}
.ov-edusec3{
width: 100%;
margin-bottom: 25px;
}
.ov-edusec3.mb-50{
margin-bottom: 25px;
}
.applicationProcess{
flex-direction: column;
align-items: flex-start;
padding: 0;
margin-top: 20px;
}
.applicationProcess .applicationStepsItems{
width: 100%;
height: auto;
margin-bottom: 20px;
justify-content: flex-start;
align-items: flex-start;
}
.tutionFee ul{
display: block;
}
.tutionFee ul li{
width: 100%;
margin-bottom: 20px;
}
.applicationProcessTxt{
position: unset;
text-align:initial;
margin-top: 0px;
width: calc(100% - 85px);
justify-content: flex-start;
}
.processCount{
left: 82px;
top: 0 !important;
bottom: unset !important;
}
.applicationProcess::after{
content: unset;
}
.applicationStepsItemsIcon{
width: 70px;
height: 70px;
padding: 15px;
margin-right: 15px;
}
.applicationStepsItemsLine{
top: 75px;
left: 34px;
right: unset;
margin: auto;
}
.applicationProcess .applicationStepsItems:nth-child(even) .applicationStepsItemsLine {
top: unset;
bottom: -27px;
left: 34px;
right: unset;
}
.applicationStepsItemsLine::after{
top: unset;
bottom: 0;
}
.applicationStepsItems:last-child .applicationStepsItemsLine{
display: none;
}
.tutionFeeWrap{
flex-direction: column;
}
.tutionFee ul{
width: 100%;
}
.feeDetail {
width: 100%;
min-height: auto;
}
.iniSchoolsTitle h4{
font-size: 18px !important;
line-height: 28px !important;
}
.ov-edusec2-box.edusec2-itembox{
min-height: auto;
}
.feeDetailBody{
max-height: unset;
}
.tutionFeeIcon {
width: 100%;
height: auto;
margin-right: 15px;
margin-bottom: 5px;
}
.houseStepCount{
font-size: 42px;
}
.tutionFeeWrapTxt{
width: calc(100% - 60px);
}
.overViewContentWrap{
display: flex ;
flex-wrap: wrap;
}
.overViewContentItem{
width: 47%;
min-height: 225px;
margin-bottom: 20px;
}
.overViewContentItem h4{
min-height: auto;
}
.overViewContentItemIcon{
width: 55px !important;
height: 55px;
object-fit: contain;
}
.culture-Language-new-wrap{
align-items: flex-start;
}
.culture-Language-new-item-title {
width: 100%;
margin-right: 0;
}
.culture-Language-new-item-list{
display: block;
}
.culture-Language-new-item-content{
width: 100%;
}
.culture-Language-new-img-wrap{
position: sticky;
top: 100px;
}
.exploringKsaItemColumn .nav-link{
font-size: 18px;
line-height: 28px;
}
.substainablityContent {
width: calc(100% - 100px);
}
.substainablityIcon {
width: 80px;
height: 80px;
margin-right: 15px;
}
.substainablityItem {
margin-bottom: 20px;
}
.humanityImgWrapper{
left: 0;
}
.humanityImgWrapper img{
height: 520px;
}
img.humanity-bg-2{
width: 200px;
height: 200px !important;
left: -40px;
}
.departure-checklist1Item-content{
margin-left: 0;
}
.bankContent h2{
margin-bottom: 10px !important;
}
.bankRequirement li{
display: flex;
}
.majarBnrkListLink{
height: 50px;
}
.majarBnrkList ul li {
width: calc(100% / 5.3);
}
.majarBnrkList ul{
width: 100%;
justify-content: flex-start;
}
.exploringKsaItemColumn {
width: 35%;
margin-right: 5%;
margin-top: 20px;
}
.exploringKsaItemColumn .nav-link{
padding-left: 30px;
}
.exploringKsaItemContent, .exploringKsaWrap{
align-items: flex-start;
}
.exploringKsa-tab-content {
width: calc(100% - 250px);
}
.exploringKsa-tab-logos a img {
height: 50px;
width: 90px;
}
.exploringKsa-tab-logos {
white-space: normal;
}
.emegencyContactList .col-lg-3{
/* padding-left: 0;*/
}
.emegencyContactItemTxt img{
height: 40px;
}
.emegencyContactItem .callBtn{
left: -16px;
right: 0;
margin: auto;
top: 25px;
}
.appStoreLogos {
right: -5px;
}
.investLgClm{
padding: 15px;
}
.investingKsaItemContent{
padding: 15px 10px;
}
.cPerson{
display: none;
}
.buttomWrap{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
}
.contactFormWrap .colBtn{
margin: auto;
margin-top: 20px;
}
.faqQuestionWrap .btn-link{
padding-right: 40px;
}
.settingSaudiProcessWrap{
align-items: flex-start;
}
.settingSaudiProcessItemRow:nth-child(even) .settingSaudiProcessItem:last-child {
height: 365px;
margin-bottom: 0;
}
.departure-checklist1Item{
width: 48%;
}
.sgiTitle {
margin-bottom: 20px;
}
.colCirleWrap{
width: 400px;
height: 400px;
left: -26px;
}
.circleBox {
width: 75px;
height: 75px;
}
.circleBox img{
width: 50px;
height: 50px;
}
/* .colCalInfo{
overflow: hidden;
}*/
.colEstimationQuestionsNavTab a{
padding: 10px 5px;
min-width: auto;
justify-content: flex-start;
}
.btn-select__label{
margin-right: 10px;
}
.colQustionsItemsWrap {
width: 60%;
}
.colEstimationQuestionsFix .colQuestionResults{
width: 40%;
}
.colQuestionsWrapItem.viewXs .colQuestionsWrapItemCheckItem{
width: 25%;
}
.colQuestionsWrapItem.view37 .colQuestionsWrapItemCheckItem, .colQuestionsWrapItem.view40 .colQuestionsWrapItemCheckItem,
.colQuestionsWrapItem.view12 .colQuestionsWrapItemCheckItem{
width: 50%;
}
.colSummaryCol2, .colSummaryCol1 {
width: 50%;
}
.colEstimationQuestionsFix{
margin-top: 50px;
}
.colEmptyCardWrap{
padding: 20px;
}
.colEstimationQuestionsNavTab a span{
width: 40px;
height: 40px;
}
.colMenu .colMenuLink{
padding: 30px 15px;
}
.vCaewNavLink h5 svg{
width: 35px;
height: 35px;
right: 15px;
}
.sgiTitle{
font-size: 30px;
line-height: 40px;
}
}
@media(max-width:991px){
.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span{
padding-right: 20px ;
}
.poviderListItemWrapNew a img{
width: 72px;
}
.poviderListItemWrapNew a {
width: 72px;
}
.nextPrevColStickyBtn{
background-color: #fff;
display: flex;
align-items: center;
}
.sports-and-wellness{
padding: 50px 0;
}
.socialExpert::after{
display: none;
}
.mainTitle h1{
font-size: 28px;
line-height: 38px;
}
h2{
font-size: 28px;
line-height: 38px !important;
}
h5{
font-size: 18px;
line-height: 28px;
}
h6{
font-size: 24px;
line-height: 34px;
}
h4{
font-size: 24px;
line-height: 34px;
}
.majorAirPortListItem h4{
font-size: 18px;
line-height: 28px;
}
.majorAirPortListItem::after{
bottom: -8px;
}
#transportationPopup{
padding: 50px 0;
}
.colBnrContent h2 {
font-size: 28px;
line-height: 38px;
}
.opportunitiesKsaItemCount{
font-size: 50px;
}
.keySiteContent h4{
font-size: 24px;
line-height: 34px;
}
.keySiteContentPonits h4{
font-size: 18px;
line-height: 28px;
}
.saudiColEvent .nav-pills .nav-link{
font-size: 14px;
line-height: 24px;
}
.sgiTitle {
font-size: 28px;
line-height: 38px;
margin-top: 0 !important;
}
.jobStatisWrap .colTitleTxt.txtWhite{
font-size: 24px;
line-height: 34px;
}
h4#imgTextArea{
font-size: 18px;
line-height: 28px;
}
.communicationUtilityItemShow h4, .supportServicesWrapper .card-header button{
font-size: 18px;
line-height: 28px;
}
.exploringKsaItemColumn .nav-link{
font-size: 14px;
}
.communicationUtilityItemShowContent{
padding-left: 0;
}
.holiydayClose{
position: absolute;
right: 13px;
top: 11%;
left: unset;
}
.womenWmpInKsa{
padding-bottom: 0 !important;
}
.colEstimationQuestionsFix{
margin-top: 50px;
}
.visaProcess h4.visaTitle{
font-size: 24px;
line-height: 34px;
}
.resedentialTab .nav-tabs{
padding: 0;
}
.resedentialTab .nav-tabs .nav-link{
font-size: 12px;
line-height: 22px;
}
.settingSaudiProcessItemContent h4{
font-size: 24px;
line-height: 34px;
}
.resedentialTab .nav-tabs{
width: 330px !important;
}
.resedentialTab .nav-tabs .nav-link{
padding: 10px 5px;
margin-right: 0;
}
.vCareItem{
margin-bottom: 50px;
}
.jobDemandSection, .colCalInfo, .visaProcess, .taxImplementation, .departure-checklist1,
.settingSaudiProcessNav, .settingSaudiPOpup, .richFoodSection, .cultural-commissions-new,
.socialExpert, .investingKsa, .contactUsForm, .substainablity{
padding: 50px 0;
}
.sustainableNew{
padding-top: 0 !important;
}
.contactUsFormInfoItemDetail a{
font-size: 14px;
}
.contactUsFormInfo{
padding-right: 0;
}
.departure-checklist1 .colTitleTxt{
margin-bottom: 15px;
}
.empWomenPopup{
padding: 50px 0;
padding-bottom: 0;
}
.educationOverView{
padding-left: 0;
}
p.ov-edusec1-txt{
width: 100%;
}
.ov-edusec3{
padding-right: 0;
}
.overview-edusec3-box{
padding: 25px 15px;
}
.ov-edusec3:last-child{
margin-bottom: 0;
}
.applicationProcessTxt{
padding-top: 15px;
}
.applicationProcess .applicationStepsItems:last-child{
margin-bottom: 0;
}
.tutionFee ul{
display: block;
}
.tutionFee ul li{
width: 100%;
margin-bottom: 20px;
}
.tutionFeeIcon{
width: 100% !important;
}
.tutionFeeWrapTxt{
width: 100% !important;
}
.settingSaudiContentWrapper .colBtn{
margin: auto;
margin-top: 20px;
}
.aboutContentWrap{
padding: 25px 0;
}
.heighLevel-fact, .keyEcnomic{
padding-top: 25px;
padding-bottom: 25px;
}
.kingdomOfHumanity{
padding-bottom: 50px;
}
.ambassador-story, .vCare {
padding-top: 50px;
padding-bottom: 50px;
}
.reLocStory{
top: 0;
}
.ov-edusec2-box.edusec2-itembox{
min-height: auto;
}
.kingdomOfHumanity li{
padding-right: 0;
}
.kingdomOfHumanity .colBtn{
margin: auto;
margin-top: 20px;
}
.grocerySection .nav-tabs .nav-link span{
font-family: 'Plain';
}
.grocerySection .nav.nav-tabs{
white-space: nowrap;
max-width: 100%;
min-width: 336px;
padding: 0;
}
.grocerySection .nav-tabs .nav-link{
width: auto;
}
.nav-tabs .nav-item{
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.heighLevel-fact-itemwrap .heigLvlItem{
margin-bottom: 20px;
}
.culture-Language-new-wrap, .culture-Language-new-item-list{
flex-direction: column;
}
.culture-Language-new-item-content, .culture-Language-new-item-title, .culture-Language-new-content-wrap{
width: 100%;
}
.culture-Language-new-item-title{
margin-right: 0;
}
.culture-Language-new-img-wrap{
margin-bottom: 30px;
margin-right: 0;
height: 400px;
object-fit: cover;
max-width: 100%;
}
.humanityImgWrapperSticky{
position: unset;
}
.kingdomOfHumanity .order1{
order : 2;
}
.kingdomOfHumanity .order2{
order : 1;
}
.humanityImgWrapper img{
height: 400px;
width: 400px;
max-width: 100%;
margin: auto;
display: flex
;
}
.humanityImgWrapper{
left: 0;
margin-bottom: 20px;
}
img.humanity-bg-2{
display: none;
}
span.humIcon {
width: 60px;
height: 60px;
margin-right: 10px;
}
span.humIcon img {
width: 50px;
height: 50px;
}
.humIcontemt {
width: calc(100% - 75px);
}
.sgiTitle{
margin-bottom: 20px;
}
.substainablityItem{
margin-bottom: 20px;
}
.substainablityIcon {
height: 70px;
width: 70px;
margin-bottom: 0px;
margin-right: 10px;
}
.substainablityIcon img {
height: 45px;
width: 45px;
}
.substainablityContent{
width: 80%;
}
.substainablityItemWrap {
margin-top: 40px;
}
.colFooterSocialIcon li:last-child{
margin-right: 0;
}
.colFooterSocialIcon svg{
height: 20px;
}
.ftrdesc-sec.ftrquick-links{
padding-left: 0;
text-align: left;
margin-bottom: 20px;
}
.footerSection{
padding-bottom: 0;
width: 100%;
}
.ftr-subtitle {
height: auto;
padding-bottom: 5px;
}
.ftrdesc-txt{
margin-bottom: 30px;
}
#col-banner.hero-videoSec{
height: 490px;
}
#col-banner.hero-videoSec .colBnrContent {
top: 180px;
}
.rhqSticke::after{
display: none;
}
.rhqSticke.rhqStickeLgActive{
top: 75px;
}
.colTitleTxtLg, .emergencyContactSection .colTitleTxtLg {
text-align: center;
}
.setpByGuid {
padding: 50px 0;
}
.opportunitiesKsaItemCount{
top:4px
}
.opportunitiesKsaItem{
min-height: auto;
padding: 72px 20px 50px;
}
.opportunitiesKsaTitle {
margin-bottom: 15px;
}
.saudiColEvent {
padding: 50px 0;
}
.colTitleInfoLg{
text-align: center;
line-height: 24px;
}
.saudiEventInfo{
flex-direction: column;
}
.eventDesc{
width: 100%;
}
.eventLogo{
width: 150px;
height: 100px;
margin-right: 0;
}
.eventBanner{
height: 180px;
}
/* .saudiEventWrap{
min-height: 550px;
} */
.swiper.mySwiper.cultureEvent.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden{
min-height: 550px;
}
.saudiColEvent .nav-pills .nav-link svg{
right: 2px;
}
.contactContent{
padding: 15px;
padding-left: 15px;
top: 40px;
}
.contactContent p {
text-align: center;
}
.contactContent .colBtn{
margin: auto;
}
.contactUsWrapper{
height: 250px;
}
.contactUsWrapper img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: left;
}
.colOverViewImagWrap{
height: 300px;
}
.colOverViewImagWrap{
margin-top: 20px;
}
.heighLevel-factWrap{
flex-direction: column;
}
.geographical-fact .heigLvlItem{
width: 100%;
}
.geographical-fact .heigLvlItem:nth-child(1), .geographical-fact .heigLvlItem:nth-child(2){
border-bottom: 1px solid #824b9738;
}
.geographical-fact .heigLvlItem{
border-top: unset;
border-bottom: 1px solid #824b9738;
}
.highLvlTxt{
width: 75% !important;
}
.heighLevel-fact-itemwrap{
flex-direction: column;
}
.heigLvlItem .highLvlIcon{
width: 60px;
height: 60px;
}
.heighLevel-fact-itemwrap .heigLvlItem .highLvlIcon{
width: 75px;
height: 75px;
}
.keyEcoWrapper{
flex-direction: column;
}
.keyEcnomic .container {
padding: 15px;
border-radius: 20px;
}
.keyEcoBnr {
width: 100%;
height: 260px;
overflow: hidden;
margin: auto;
max-width: 500px;
}
.gCircle{
right: 0;
left: 0;
margin: auto;
top: 62%;
}
.keyEcoContentPosPoint{
position: unset;
height: auto;
padding-left: 0;
width: 100%;
}
.keyEcoContent{
width: 100%;
padding: 0;
padding-right: 0;
padding-top: 40px;
}
.keyEcoContent h4{
margin-bottom: 30px;
text-align: center;
}
.keyEcoItem span{
min-height: auto;
}
.keyEcoItemWrap{
flex-wrap: wrap;
}
.keyEcoItem {
width: 100%;
margin-bottom: 25px;
border-bottom: 1px solid #6f3f8159;
padding-bottom: 25px;
}
.keyEcoItem::after{
content: unset;
}
.keyEcoContentPosPoint .keyEcoItem:last-child{
margin-bottom: 0;
border-bottom: unset;
}
.keyEcnomic .container{
box-shadow: unset;
}
.preLocAboutSaudiArabia{
padding-bottom: 0;
}
.storyRightSideImg{
display: none;
}
.reLocStory{
width: 100%;
}
.reLocStory .colTitleInfoLg{
width: 100%;
margin-bottom: 20px;
}
.reLocStory br{
display: none;
}
.storyQuateTxt{
min-height: 250px;
}
.keySites{
padding: 50px 0;
overflow: hidden;
}
.mapSection{
transform: scale(0.55);
transform-origin: center;
margin-bottom: -216px;
top: -122px;
}
section.keySites .container .mapSection-col1{
align-items: center;
justify-content: center !important;
}
.foodMapSection.mapSection{
transform: scale(0.55);
margin-bottom: -212px;
}
.col-lg-6.richFoodSectionCol {
display: flex;
align-items: center;
justify-content: center;
}
.mapSection-col2{
padding: 0;
}
.keySiteContent{
left: 0;
}
.keySiteLocation{
padding-bottom: 2px;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: max-content;
}
.keySiteLocation img{
height: 14px;
margin-right: 4px;
}
.keySiteContent{
height: auto;
padding-top: 60px;
}
.keySiteContentPonits{
display: block;
margin-top: 20px;
}
.keySiteContentPonits li{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.keySiteContentPonits h4{
margin-bottom: 5px;
}
.culture-Language{
padding: 0;
}
.cultureLanguageTitle{
margin-bottom: 20px;
}
.cultureLanguageItem{
margin-bottom: 20px;
}
.opportunitiesKsaItemIcon{
width: 65px;
height: 65px;
bottom: -30px;
left: 20px;
}
.exploringKsa{
padding: 50px 0;
}
.exploringKsaWrap{
display: block;
}
.exploringKsaItemContent{
display: block;
width: 100%;
}
.exploringKsaItemColumn {
width: 100%;
margin-right: 0;
}
.exploringKsa-tab-content{
width: 100%;
}
.exploringKsa-tab-logos {
white-space: normal;
}
.exploringKsaItemContent{
left: 0;
}
.regionFoodContent{
padding: 15px;
}
.exploringKsaItemImgWrap img{
width: 100%;
max-width: 450px;
height: 300px;
margin-bottom: 20px;
}
.exploringKsaItemColumn{
flex-direction: row !important;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
flex-wrap: nowrap;
overflow-x: auto;
padding-left: 10px;
}
.exploringKsaItemColumn .nav-link{
padding-left: 15px;
margin-bottom: 0;
border-radius: 50px 50px 50px 50px;
padding-top: 7px;
padding-bottom: 3px;
font-weight: normal;
font-family: 'Plain';
box-shadow: unset !important;
border: 1px solid #824b97;
margin-right: 10px;
flex: 0 0 auto;
}
.exploringKsa .container{
padding: 0;
}
.colTitleTxtLg.text-center{
margin-bottom: 20px;
}
.exploringKsaItem.exploringKsaItemImgWrap, .exploringKsa-tab-contentTxt{
padding: 0 15px;
}
.exploringKsa-tab-logos a{
margin-right: 5px;
}
.exploringKsa-tab-logos a img{
width: 124px;
height: 60px;
}
.emergencyContactSection{
padding: 50px 0;
}
.emegencyContactItem .callBtn{
opacity: 1;
transform: scale(1);
}
.emegencyContactItem{
margin-bottom: 20px;
}
.essentialWebsitesSectopn{
padding: 50px 0;
}
.essentialWebWrap{
display: block;
}
.essentialWebItemTitle{
display: block;
}
.essentialWebItem{
width: 100%;
}
.essentialWebContent{
width: 100%;
margin-left: 0;
}
.essentialwebContentTxt{
padding: 15px 0;
padding-bottom: 0;
}
.essentialWebItemTitle img{
width: 100%;
height: 150px;
}
.faqSection{
padding: 50px 0;
padding-top: 0;
}
.faqSection p{
text-align: center
}
.faqImgWrap{
height: 300px;
margin-bottom: 20px;
}
.faqBnrImg{
width: 100%;
height: 300px;
}
.faqQuestionWrap .btn-link{
padding: 20px;
padding-left: 15px;
padding-top: 35px;
padding-bottom: 25px;
white-space: normal;
padding-right: 50px;
}
.faqQuestionWrap .card-body{
padding-left: 15px;
padding-bottom: 20px;
padding-right: 15px;
}
.faqQuestionWrap .btn-link .faqCount {
left: unset;
top: 50px;
right: 22px;;
}
.faqIconBtn {
width: 30px;
height: 30px;
top: 10px;
}
.faqQuestionWrap .btn-link{
padding-top: 25px;
}
.grocerySection{
padding: 25px 0;
}
.grocerySection .nav-tabs .nav-link{
padding: 10px 10px;
min-width: auto;
width: 100%;
white-space: normal;
line-height: 19px;
font-size: 13px;
}
.custLg2 {
flex: 0 0 100%;
max-width: 100%;
}
.deliveryApplicationList a img{
height: 58px;
width: 124px;
}
.contactUsFormInfoItemIcon{
width: 50px;
height: 50px;
margin-right: 10px;
padding: 10px;
}
.contactUsFormInfoItem {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.contactUsFormInfoItem:last-child{
margin-bottom: 20px;
}
.cPerson{
display: none;
}
.contactFormWrap{
margin-top: 30px;
width: 100%;
left: 0;
}
.buttomWrap{
flex-direction: column;
}
.contactFormWrap .colBtn{
margin: auto;
margin-top: 20px;
}
.sports-and-wellnessBoxItem{
padding: 15px 15px;
margin-bottom: 20px;
}
.sports-and-wellnessBoxItem h4{
display: flex;
}
.sports-and-wellness-wrap{
flex-wrap: wrap;
}
.sports-and-wellness-item{
width: 100%;
height: 550px;
margin-bottom: 20px;
margin-left: 0;
}
.saw-content{
left: 0;
padding: 15px;
width: 100%;
bottom: 15px;
}
.sports-and-wellness-item:last-child{
margin-bottom: 0;
}
.regionFoodTitle{
bottom: 20px;
left: 15px;
}
.richFoodSection{
overflow: hidden;
}
.regionFoodImage img, .regionFoodImage{
height: 200px;
}
.foodAppDetRow{
margin-top: 50px;
}
.book-wrapper{
position: unset;
width: 150px;
height: 200px;
margin: auto;
}
.bookItem{
height: auto;
padding: 15px;
}
.bookItemContent{
padding: 0px;
padding-left: 0px;
text-align: center;
margin-top: 20px;
}
.bookItemContentBtn{
position: unset;
justify-content: space-evenly;
}
.foodAppDetRow .appDesclimer{
margin-top: 5px;
margin-bottom: 20px;
}
.foodBanner{
margin-top: 30px;
background-size: cover;
background-position: center;
}
.foodBanner h6{
padding: 15px;
width: 82%;
line-height: 23px;
}
.foodBanner a{
width: 40px;
height: 40px;
}
.investingKsaImg{
width: 330px;
height: 350px;
margin: auto;
margin-bottom: 20px;
}
.investingKsaItemContent {
width: 100%;
padding: 15px 15px;
}
.investingKsaItemTtitle{
width: 100%;
padding: 15px 15px;
}
.investingKsaItem{
flex-direction: column;
margin-bottom: 20px;
border-top-right-radius: 15px !important;
}
.investingKsaItemContent:last-child{
border-left: 0;
}
.investingKsaItemHead{
display: none;
}
.investLgClm{
padding: 15px;
}
.investingTaxation{
display: block;
}
.investingTaxationItem {
padding: 30px 15px;
width: 100%;
}
.investingTaxationItem li{
margin-bottom: 15px;
}
.investingTaxationItem:first-child::after{
width: 90%;
height: 1px;
bottom: 0;
left: 0;
margin: auto;
border-bottom: 1px dashed #7f4993;
right: 0;
top: unset;
}
.socialExpertLeft{
width: 100%;
}
.socailExpContent{
width: calc(100% - 60px);
}
.socailExpNavItem .socailExpIcon {
width: 50px;
height: 50px;
margin-right: 10px;
padding: 8px
}
.socailExpNavItem{
padding: 15px 15px;
left: 0;
}
.socialExpertNavWrap{
position: unset;
}
.socailExpoContent{
padding-left: 0;
}
.socailExpoContentImg{
height: 180px;
}
.socailExpoContentLink img {
height: 50px;
width: 100px;
padding: 8px;
}
.socailExpoContentLink a{
margin-right: 5px;
}
.socailExpNavItem::after{
content: unset;
}
.cultural-commissions-new-wrap{
flex-direction: column;
}
.cultural-commissions-new-view{
width: 100%;
order: 2;
height: auto;
}
.cultural-commissions-new-list{
width: 100%;
}
.cultural-commissions-new-list-wrap{
margin-left: 0;
}
.cultural-commissions-new-list-wrap:nth-child(odd) .cultural-commissions-new-list-item:first-child{
width: auto;
}
.cultural-commissions-new-list-wrap:nth-child(even) .cultural-commissions-new-list-item:last-child{
width: auto;
}
.cultural-commissions-new-list-wrap:nth-child(even) .cultural-commissions-new-list-item:first-child{
width: auto;
}
.cultural-commissions-new-list-wrap:nth-child(odd) .cultural-commissions-new-list-item:last-child{
width: auto;
}
.cultural-commissions-new-list-wrap:last-child .cultural-commissions-new-list-item{
width: auto;
}
.cultural-commissions-new-list-item{
flex: 0 0 100%;
margin-right: 10px;
}
.viewCommissionContent{
padding: 15px;
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}
.commLogo{
position: relative;
left: 0;
height: 60px;
}
.viewCommissionContent p{
line-height: 24px;
}
.container-fluid{
width: 100%;
}
.cultural-commissions .colTitleTxt, .cultural-commissions-new .colTitleTxt{
margin-bottom: 20px;
}
.cultural-commissions-new-list {
display: flex;
overflow-x: auto;
}
.cultural-commissions-new-list-wrap {
display: contents; /* Flatten the structure so all items act as children of the parent */
}
.cultural-commissions-new-list-item {
flex: 0 0 65%;
margin-right: 10px;
margin-bottom: 20px;
}
.settingSaudiProcessItemRow{
width: 100%;
display: contents;
}
.settingSaudiProcessWrap{
flex-wrap: wrap;
}
.settingSaudiProcessItem, .settingSaudiProcessItemRow:nth-child(odd) .settingSaudiProcessItem, .settingSaudiProcessItemRow:nth-child(even) .settingSaudiProcessItem:last-child{
height: auto !important;
padding-bottom: 30px !important;
}
.settingSaudiProcessItem img{
position: absolute;
}
.settingSaudiProcessItem .lisBtn{
position: relative;
bottom: unset;
top: unset;
left: 16px;
}
.settingSaudiProcessItemContent{
position: relative;
padding-bottom: 0;
}
.settingSaudiProcessItemContent p{
line-height: 24px;
}
.settingSaudiProcessItem::after{
background: linear-gradient(185deg, #0c3957 4.01%, #0a0a0a7a 70.24%);
}
.educationChildcareContent{
flex-direction: column;
}
.educationChildcareLeft{
width: 100%;
position: unset;
}
.educationChildcareRight{
width: 100%;
margin-top: 40px;
}
.educationChildcareLeft{
padding: 0px 0px;
border-right: unset;
overflow: hidden;
height: auto;
}
.mapViewWrap{
height: 400px;
max-width: 500px;
margin: auto;
}
.maplocationSearch, .iniSchoolsTitle{
padding: 0 15px;
}
.settingSaudiPOpupBnrImg{
height: 200px;
}
.settingSaudiPOpupBnrImg::after{
background: linear-gradient(36deg, rgba(23, 29, 53, .7) 0, rgb(23 29 53 / 35%) 70%);
}
.ov-edusec1title-Icon{
width: 45px;
height: 45px;
}
.overview-edusec2, .ov-edusec2-box{
flex-direction: column;
}
.ov-edusec2-box{
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
.ov-edusec2title-Icon{
width: 60px;
height: 60px;
margin: unset;
margin-right: 15px;
}
.ov-edusec2-txt{
padding-left: 0;
}
.ov-edusec2title{
display: flex;
align-items: center;
justify-content: flex-start;
}
.overview-edusec3-box{
flex-direction: column;
}
.ov-edusec3{
width: 100%;
margin-bottom: 25px;
}
.ov-edusec3.mb-50{
margin-bottom: 25px;
}
.applicationProcess{
flex-direction: column;
align-items: flex-start;
padding: 0;
margin-top: 20px;
}
.applicationProcess .applicationStepsItems{
width: 100%;
height: auto;
margin-bottom: 30px;
justify-content: flex-start;
align-items: flex-start;
}
.applicationProcessTxt{
position: unset;
text-align:initial;
height: auto;
margin-top: 40px;
width: calc(100% - 85px);
justify-content: flex-start;
}
.processCount{
left: 82px;
top: 0 !important;
bottom: unset !important;
}
.applicationProcess::after{
content: unset;
}
.applicationStepsItemsIcon{
width: 70px;
height: 70px;
padding: 15px;
margin-right: 15px;
}
.applicationStepsItemsLine{
top: 75px;
left: 34px;
right: unset;
margin: auto;
}
.applicationProcess .applicationStepsItems:nth-child(even) .applicationStepsItemsLine {
top: unset;
bottom: -27px;
left: 34px;
right: unset;
}
.applicationStepsItemsLine::after{
top: unset;
bottom: 0;
}
.applicationStepsItems:last-child .applicationStepsItemsLine{
display: none;
}
.tutionFeeWrap{
flex-direction: column;
}
.tutionFee ul{
width: 100%;
}
.feeDetail {
width: 100%;
min-height: auto;
}
.feeDetailBody{
max-height: unset;
}
.tutionFeeIcon {
width: 45px;
height: 45px;
margin-right: 15px;
}
.tutionFeeWrapTxt{
width: calc(100% - 60px);
}
.overViewContentWrap{
display: block;
}
.overViewContentItem{
width: 100%;
min-height: auto;
margin-bottom: 20px;
}
.overViewContentItemIcon{
width: 55px !important;
height: 55px;
object-fit: contain;
}
.transpotationContentTab a{
height: 90px;
}
.transpotationContentTab li a .activeArrowImg{
right: 15px;
width: 40px;
height: 40px;
bottom: 20px;
}
.transpotationContentWrapper{
margin-top: 20px;
}
.majorAirPortListItemContent h5{
height: auto;
margin-bottom: 15px;
}
.howToGet{
display: block;
}
.howToGetItem{
width: 100%;
margin-bottom: 10px;
}
.airportImg{
max-width: 500px;
margin: auto;
display: flex;
margin-bottom: 20px;
}
.majorAirPortListItem{
margin-bottom: 25px;
}
.localAirlinrs {
margin-top: 25px;
padding: 20px 15px;
border-radius: 4px;
}
.localAirlinrs .deliveryApplicationList img {
width: 120px;
height: 50px;
}
.flightRoot h4, .booking-andTips h4{
margin-bottom: 10px;
}
.flightRootItem{
max-height: max-content;
margin-bottom: 20px;
}
.flightRoot .appDesclimer p{
padding-left: 0;
}
.booking-andTips ul{
width: 100%;
}
.booking-andTips{
padding: 20px 15px;
}
.booking-andTips .bgAirImg{
width: 200px;
opacity: 0.2;
}
.majorAirPortListItem .deliveryApplicationList a img{
width: 145px;
height: 55px;
}
#publicTransportConnectivityId .airportImg{
height: 295px;
max-width: 500px;
margin: auto;
display: flex
;
}
.owningaCarDetail {
padding: 20px 15px;
}
.ownCarDetailContentWrapper{
padding: 40px 0px;
}
.ownCarDetItemImg img{
height: 150px;
}
.ownCarDetItemImg h4{
bottom: 20px;
left: 15px;
}
.owningaCarDetailNavTab li a{
margin-bottom: 15px;
padding: 15px;
border-radius: 8px;
}
.grocerySectiontxt{
text-align: left;
}
.bankItemWrapper{
display: block;
border-radius: 0;
}
#bankingPopup{
padding: 0;
}
#bankingPopup .container-fluid{
padding: 0;
}
.bankBanner {
width: 100%;
height: 300px;
}
.bankContent {
width: 100%;
padding: 40px 15px;
}
.bgColor1{
right: 0;
}
.bankContent h2{
margin-bottom: 20px !important;
}
.bankRequirement li{
margin-right: 0;
display: flex;
}
.majarBnrkList ul li{
width: 30%;
}
.majarBnrkListLink{
height: 50px;
}
.essentialWebLogos a{
margin-right: 4px;
}
.majarBnrkList ul{
width: 100%;
}
#communicationUtilityPopup{
overflow: hidden;
}
.communicationUtilityItemShowNav{
margin-top: 75px;
position: absolute;
top: 55px;
width: 100%;
overflow-x: auto;
}
div#communicationUtilityPopup h2{
min-height: 76px;
}
.communicationUtilityItemShowNavItem{
flex: 0 0 32%;
}
.communicationUtilityItemShowWrapper{
margin-top: 150px;
}
.communicationUtilityItemShowNavItem:last-child {
margin-right: 20px;
}
.poviderListItemWrapNew a {
width: 68px;
}
.poviderListItemWrapNew a img {
width: 68px;
height: 45px;
}
.communicationUtilityImg {
width: 320px;
height: 250px;
margin: auto;
}
.communicationUtilityItemShowContent .linkLogo img {
width: 200px;
height: 80px;
object-fit: contain;
margin: auto;
display: flex;
margin: auto;
}
#supportServicePopup{
min-width: auto;
padding: 50px 0;
}
.supportServiceBnr{
margin-bottom: 20px;
}
.supportServicesIcon img{
padding: 10px;
}
.supportServicesIcon {
width: 60px;
height: 60px;
}
.supportServicesWrapper .card-header button svg{
width: 20px;
height: 20px;
right: 0;
}
.suppHeadTxt {
text-wrap: auto;
width: 70%;
}
.supportServiceBnr img{
height: 200px;
}
.colTitleTxt.txtWhite{
line-height: 33px;
}
.colSmallTxt{
font-family: 'Plain-SemiBold';
}
.jobDemandSectionRight{
display: none;
}
.jpbLogoWrap {
margin: 25px 0;
}
.jpbLogoWrap img{
width: 125px;
height: 50px;
padding: 10px;
margin-right: 4px;
margin-bottom: 0;
}
.jpbLogoWrap a {
display: inline-block;
margin-bottom: 10px;
}
.jobStatisWrap{
padding-left: 0;
position: unset;
}
.jobStatisWrapItem>div{
width: 100%;
}
.jobStatisWrapItem img {
height: 70px;
width: 70px;
margin-right: 0;
}
.jobStatisWrapItem{
display: block;
}
.jobStatisWrapItem{
margin-bottom: 20px;
}
.jobDemandSection .col-lg-5{
padding-top: 25px;
padding-bottom: 25px;
background: linear-gradient(88deg, #6e408c 0.01%, #00000094 220.24%);
}
.colCirleWrap {
width: 300px;
height: 300px;
left: 0;
right: 0;
position: relative;
top: 38px;
bottom: unset;
margin-top: 0;
margin: auto;
margin-bottom: 30px;
}
.circleBox{
width: 70px;
height: 70px;
}
.circleBox img {
height: 45px;
width: 45px;
}
.colCalInfoOptionItem{
margin-bottom: 20px;
border-right: unset;
}
.colCalInfoOptionItem:last-child{
margin-bottom: 20px;
}
.colCalInfoOptionIcons{
height: 45px;
}
.colCalInfoTxtWrap{
padding-left: 0;
}
.colCalInfoTxtWrap .colBtn{
margin-top: 20px;
}
.visaProcessItemImgWrap{
height: 300px;
position: unset;
margin-bottom: 20px;
}
.visaProcessItem .colBtn{
margin-top: 0;
}
.visaProcessItem:last-child .col-lg-7{
order: 2;
}
.visaProcessItemImgTwo, .visaProcessItemImgTwo img{
height: 300px;
}
.visaProcessItem{
margin-bottom: 50px;
}
.resedentialTab .nav-tabs{
width: 100%;
margin-bottom: 20px;
}
.howToGetItem.newPrice {
width: 100%;
}
.departure-checklist1ItemWrap{
display: block;
}
.departure-checklist1Item{
width: 100%;
}
.departure-checklist1Item-content{
margin-left: 0;
}
.departure-checklist1Item-count-title{
align-items: flex-start;
}
.taxImplementationItem, .taxImplementationItem:nth-child(1), .taxImplementationItem:nth-child(3){
padding: 15px 15px !important;
margin-right: 0;
}
.circleImgIcon{
position: absolute;
top: 15px !important;
left: 15px !important;
right: unset;
margin: unset;
width: 65px;
height: 65px;
padding: 5px;
}
.circleImgIcon img{
width: 40px;
height: 40px;
}
.taxImplementationItem {
width: 100%;
height: auto;
/* box-shadow: unset; */
}
.circleImg, .taxImplementationItem:nth-child(2) .circleImg{
width: 100%;
height: 100%;
opacity: 0.2;
border-radius: 0 !important;
}
.section-background{
clip-path: circle(100%) !important;
background: linear-gradient(137deg, #000000db 4.01%, #000000 150%);
}
.taxImplementationItem h4{
margin-top: 80px;
color: #fff;
}
/* .taxImplementationItem:hover h4{
color: #0c3957;
} */
.taxImplementationItem p{
color: #fff;
}
.taxImplementationItem:hover p{
/* color: #4d5761; */
opacity: 1;
}
.colQuestionsWrapSection{
display: flex;
flex-direction: column;
}
.colQustionsItemsWrap{
width: 100%;
order: 2;
}
.colQuestionsWrapItemCheckItem {
width: 100% !important;
}
.colEstimationQuestionsFix .colQuestionsWrap{
width: 100%;
padding: 0 15px;
}
.btn-select__label{
margin-right: 0;
margin-bottom: 10px;
font-family: 'Plain';
}
.colQustionsItems h2{
padding: 0 15px;
}
.colQuestionsWrapItem h4{
font-family: 'Plain';
font-weight: normal;
}
.colEstimationQuestionsNavTab a span{
width: 40px;
height: 40px;
}
.colEstimationQuestionsNavTab a{
font-family: 'Plain';
font-weight: normal;
min-width: auto ;
padding-right: 0;
padding: 0 10px;
min-height: 80px;
line-height: 14px;
}
.colEstimationQuestionsNavTab ul li {
width: 40%;
flex: 0 0 40%;
}
.colEstimationQuestionsNavTab{
margin-bottom: 0px;
width: 98%;
position: unset;
}
.colQuestionResultsDetail{
border: 1px solid #ccc;
box-shadow: -1px 2px 20px 11px #e1e1e124;
}
.colEstimationQuestionsNavTab ul{
overflow-x: auto;
}
.colEstimationQuestionsFix .colQuestionsWrap::-webkit-scrollbar
{
width: 5px;
}
.colEstimationQuestionsFix .colQuestionResults{
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
.colQuestionResultsCard h4{
text-align: left;
font-family: 'Plain';
font-weight: normal;
}
.colEmptyCardWrap{
padding: 15px;
}
.colSummaryCard{
display: none !important;
}
.colQuestionItemWrapBtns{
justify-content: space-around;
width: 100%;
}
.colQuestionItemWrapBtns a, a.colBtn.colQuestionItemWrapFinishBtns{
width: 160px;
font-family: 'Plain';
font-weight: normal;
letter-spacing: normal;
}
.colQuestionResultsCard{
padding: 10px 15px;
}
#colDetailCard.colSummaryCard.colSummaryCardActive{
display: block !important;
}
#colDetailCard{
position: relative;
}
#colDetailCard::after{
position: absolute;
width: 100%;
height: 100%;
background-color: #ccc;
content: '';
bottom: 0;
left: 0;
transition: 0.9s all ease;
}
#colDetailCard.colSummaryCard.colSummaryCardActive:after{
height: 0%;
transition: 0.9s all ease;
}
.schoolMapInfo{
display: none;
}
.publicHolidarWrapRow{
flex-direction: column;
}
.publicHolidayItem{
margin: auto;
flex: 0 0 100%;
margin-bottom: 20px;
width: 100%;
max-width: 324px;
}
.publicHolidayItemContent{
bottom: 40px;
}
.publicHolidayItemContent p{
line-height: 20px;
}
.hollyDayTable{
padding-top: 90px;
}
.housingWrapperItem{
position: relative;
top: 0;
padding: 15px;
}
.housingWrapperItem1 .housePointImg {
height: 200px;
max-width: 400px;
margin-bottom: 20px;
}
.housingWrapperItemSections{
margin-bottom: 20px;
}
.housingWrapperItem2 .housePointImg {
width: 100%;
height: 200px;
max-width: 400px;
margin-bottom: 20px;
}
.housingWrapperItem2{
height: auto;
}
.housingWrapperItem2 .houseStepCount{
display: none;
}
.housePointImg{
margin-bottom: 20px;
height: 200px;
max-width: 400px;
}
.housingWrapperItem3 .housingWrapperItemSections {
margin-top: 25px;
}
.housingWrapperItem{
margin-bottom: 20px;
}
.communicationUtilityItemShow {
min-height: 529px;
}
.houseStepCount{
display: none;
}
.womenWmpInKsa{
padding: 80px 0;
}
.dataSuppWomenInfo{
display: block;
}
.dataSuppWomenInfoItem{
width: 100%;
height: auto;
margin-bottom: 20px;
}
.womenWmpInKsa {
padding: 80px 0;
}
.womenWmpInKsa {
margin-top: 50px;
}
.womenWmpInKsa p{
margin-bottom: 0;
}
.dataSuppWomenInfoItemData{
margin-bottom: 0px;
}
.womenWmpImg img{
height: 200px;
max-width: 500px;
margin: auto;
}
.topSeniorPosition{
width: 100%;
max-width: 500px;
}
.womenWmpInKsaClose svg {
width: 10px;
height: 10px;
}
.womenWmpInKsaClose {
width: 30px;
height: 30px;
position: absolute;
top: 54px;
}
.groceryItemList{
max-width: 570px;
margin: auto;
margin-top: 20px;
}
li.colMenuItem{
display: none;
}
.colLogo img{
height: 38px;
}
.country-selector{
left: -35px;
width: 100px;
top: 3px;
}
.headerSection .container{
position: relative;
}
.mobileMenuIcon{
position: absolute;
right: 11px;
top: 5px;
bottom: 0;
margin: auto;
color: #fff;
}
.headerFixed .mobileMenuIcon svg {
color: #00778e;
}
.mobileMenuIcon svg{
width: 40px;
height: 40px;
}
.calculatorButton {
margin: auto;
margin-top: 40px;
}
.departure-checklist1Item::after{
width: 100%;
}
.sports-and-wellness-bg{
position: absolute;
}
.sports-and-wellness-content{
position: relative;
}
.saw-content{
position: relative;
}
.sports-and-wellness-item{
height: auto;
}
.calculatorButton{
left: 0;
}
.sustainableNew .substainablityContent h4 {
color: #0c3957;
font-size: 18px;
line-height: 28px;
}
}
@media(max-width:767px){
.investingTaxIcon{
margin-right: 0;
right: 0;
}
.geographical-fact .heigLvlItem{
align-items: flex-start;
}
.faqQuestionWrap .btn-link .faqCount{
font-size: 20px;
}
.jpbLogoWrap, .exploringKsa-tab-logos{
padding-left: 25px;
}
.vCaewNavLink h5{
font-size:16px;
padding-right: 20px;
}
.container{
max-width: 570px;
}
.select2-container{
width: 100% !important;
}
.settingSaudiProcessNav{
padding-bottom: 0 !important;
}
.settingSaudiPOpup {
margin-bottom: 25px;
}
div#arrival-in-ksa {
padding-bottom: 50px;
}
#supportServicePopup{
padding-bottom: 0;
}
.communicationUtilityImg{
margin-top: 20px;
}
#education h2{
font-size: 18.8px;
line-height: 28.8px !important;
}
.emegencyContactList p{
margin-top: 14px;
}
.emegencyContactItem .callBtn{
bottom: 60px;
width: 90px;
height: 35px;
}
.appStoreLogos{
top: 74px;
right: 0;
}
.rhqSticke ul li a{
padding-top: 15px;
}
.regionFoodWrapper{
height: auto;
}
.vCare .row{
flex-wrap: nowrap;
overflow: hidden;
overflow-x: auto;
}
.vCare .col-md-4{
flex: 0 0 90.333333%;
max-width: 90.333333%;
}
.empWomenPopup .row{
flex-wrap: wrap;
overflow: unset;
overflow-x: unset;
}
.investLgClm{
border-radius: unset;
}
.faqQuestionWrap .btn-link{
font-size: 15px;
line-height: 25px;
}
.visaProcessItem .colBtn{
margin: auto;
}
.circleRow{
overflow: hidden;
}
.colCirleWrap{
margin-bottom: 60px;
}
.mobStickyIcon{
position: unset !important;
}
.mobStickyIconWrap{
margin-bottom: 15px;
position: relative;
}
img.mobStickyIcon.mobStickyIconL {
position: absolute !important;
left: 0;
top: 0;
bottom: 0;
opacity: 0;
}
.rhqSticke ul li.active .mobStickyIconL, .rhqSticke ul li:hover .mobStickyIconL{
opacity: 1;
}
.rhqSticke ul li.active .mobStickyIconD, .rhqSticke ul li:hover .mobStickyIconD{
opacity: 0;
}
.rhqSticke.rhqStickeLgActive {
position: fixed;
top: 0;
background: #fff;
padding: 10px 20px;
}
.rhqSticke.rhqStickeLgActive{
top: 0 !important;
z-index: 99999999;
}
.rhqSticke{
position: fixed;
width: 140px;
height: 100vh;
background: #fff;
top: 0;
right: 0;
align-items: flex-start;
transform: translateX(101%);
transition: 0.3s all linear;
z-index: 9999999;
}
.rhqSticke.mobRhqStickeActive{
transform: translateX(0%);
transition: 0.3s all linear;
}
.rhqSticke ul{
flex-direction: column;
box-shadow: unset;
}
.rhqSticke ul .moveAni{
display: none;
}
.rhqStickeOverlay{
width: 100%;
height: 100vh;
background-color: #000;
opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
}
.mobStickyOpenBtn {
position: absolute;
left: -35px;
background: #824b97;
top: 99px;
width: 35px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
color: #fff;
}
.mobStickyOpenBtn svg{
transform: scale(-1);
transition: 0.3s all linear;
}
.rhqSticke.mobRhqStickeActive .mobStickyOpenBtn svg{
transform: scale(1);
transition: 0.3s all linear;
}
.rhqSticke ul li{
width: 100%;
border-right: unset;
border-bottom: 1px solid #ccc;
}
.rhqSticke .rhqStickeContainer{
width: 100%;
max-width: 100%;
padding: 0;
}
.rhqSticke.rhqStickeLgActive{
padding: 0;
}
.rhqSticke ul{
display: block;
}
.rhqSticke ul li a img{
width: 50px;
height: 50px;
margin-bottom: 0;
top: 0px;
}
.callToAction{
right: -134px;
}
img.menuIconLight {
top: 10px !important;
}
.rhqSticke ul li a::after{
display: none;
}
.rhqSticke ul li a span{
min-height: auto;
line-height: 20px;
}
.rhqSticke ul li a{
height: calc(100vh / 4);
align-items: center;
justify-content: center;
}
}
@media(min-width:461px) and (max-width:767px){
.mapSection{
transform: scale(0.7) !important;
margin-bottom: -84px !important;
top: -51px;
}
.foodMapSection.mapSection{
transform: scale(0.7) !important;
}
.regionFoodWrapper{
margin-top: 30px;
}
.circleRow{
overflow: hidden;
padding-bottom: 40px;
}
}
@media(min-width:768px) and (max-width:991px){
.hollyDayTable{
padding-top: 165px;
}
.holiydayClose{
top: 20% !important;
}
.womenWmpInKsa{
padding-top: 115px;
}
.womenWmpInKsaClose{
top: 100px;
}
.circleRow{
overflow: hidden;
padding-bottom: 40px;
padding-top: 25px;
}
.rhqSticke ul li a::after{
width: 85px;
height: 85px;
top: 77px;
}
.rhqSticke ul li a img{
height: 50px;
width: 50px;
margin-bottom: 0;
}
img.menuIconDark{
top: -34px;
}
img.menuIconLight.d-none.d-md-block {
top: 19px;
}
#col-banner.hero-videoSec .colBnrContent{
top: 180px;
}
.container, .container-fluid{
max-width: 900px;
}
.colTitleInfoLg{
text-align: initial;
}
.vCaewNavLink{
width: 100%;
}
.vCaewNavLink h5 svg {
width: 30px;
height: 30px;
right: 10px;
}
.resedentialTab .nav-tabs{
width: 360px !important;
}
.tutionFee ul{
display: flex;
}
.tutionFee ul li{
width: calc(100% / 3.1);
}
.vCaewNavLink h5{
font-size: 14px;
line-height: 24px;
}
.vCareItem, .vCareBgWrapper{
height: 220px;
}
.geographical-fact .heigLvlItem{
width: 49%;
}
.heighLevel-factWrap {
flex-direction: row;
}
.substainablityContent {
width: 84%;
}
.substainablityItem{
display: flex;
}
.heigLvlItem{
width: 49%;
}
.heighLevel-fact-itemwrap{
flex-direction: row;
flex-wrap: wrap;
}
.keyEcoItem{
width: 46%;
margin-bottom: 25px !important;
border-bottom: 1px solid #6f3f8159 !important;
}
.opportunitiesKsaItem{
padding: 20px 20px 50px;
min-height: 420px;
}
.mapSection{
transform: scale(1) translate(0px, 0px);
left: 0;
margin-top: 0;
margin-bottom: 0;
margin: auto;
top: 0;
}
section.keySites .container-fluid{
max-width: 720px;
}
.keySiteContentPonits{
display: flex;
}
.keySiteContentPonits li{
margin-right: 10px;
}
.eventBanner{
height: 250px;
}
.saudiColEvent .nav-pills{
margin-top: 10px;
}
.jobDemandSection .col-lg-7, .jobStatisWrap{
max-width: 720px;
margin: auto;
}
.publicHolidarWrapRow{
flex-direction: row;
flex-wrap: wrap;
}
.hollyDayTable .container-fluid{
max-width: 720px;
}
.holiydayClose{
top: 12%;
left: 91%;
}
.publicHolidayItem{
height: 400px;
}
.publicHolidayItemContent{
bottom: 0;
}
.dataSuppWomenInfoItem{
width: 46%;
}
.dataSuppWomenInfo{
display: flex;
}
.womenWmpImg{
text-align: center;
}
.topSeniorPosition{
max-width: unset;
}
.jobStatisWrapItem{
display: flex;
}
.jobStatisWrapItem img{
margin-right: 15px;
}
.calculatorButton{
margin: auto;
}
.colEstimationQuestionsFix{
margin-top: 25px;
}
.colCirleWrap{
top: 0;
left: -50px;
margin-right: 0;
}
.howToGetItem.newPrice {
width: 28.5%;
}
.taxImplementationItem{
width: 49%;
height: 230px;
}
.taxImplementationWrapper{
justify-content: space-between;
}
.settingSaudiProcessItem{
width: 48% !important;
}
.settingSaudiProcessItem, .settingSaudiProcessItemRow:nth-child(odd) .settingSaudiProcessItem, .settingSaudiProcessItemRow:nth-child(even) .settingSaudiProcessItem:last-child{
height: 280px !important;
}
.settingSaudiProcessWrap{
justify-content: space-between;
}
.ov-edusec2-box.edusec2-itembox{
min-height: auto;
}
.overview-edusec3-box {
flex-direction: row;
justify-content: space-between;
}
.ov-edusec3, .applicationProcess .applicationStepsItems{
width: 48%;
}
.applicationProcess{
flex-wrap: wrap;
flex-direction: row;
}
.applicationStepsItemsLine{
display: none;
}
.tutionFee{
padding-top: 0;
}
.tutionFee ul{
padding-top: 0;
margin-top: 0;
}
.transpotationContentTab a.active .activeArrowImg{
display: none;
}
.transpotationContentTab .col-md-4{
padding-left: 0;
}
.transpotationContentTab a span {
left: 0;
right: 0;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
top: 0;
margin: auto;
text-align: center;
padding: 0 15px;
}
.howToGet {
display: flex;
}
.howToGetItem {
width: 49%;
margin-bottom: 0;
}
.majorAirPortListItemContent h5{
margin-top: 20px;
}
.airportImg, #publicTransportConnectivityId .airportImg{
height: 500px;
}
.howToGetIcon{
width: 45px;
height: 45px;
margin-right: 5px;
}
.majorAirPortListItem::after{
bottom: -10px;
}
.flightRootItem{
max-height: 460px;
}
.flightRootItemHead img{
width: 130px;
height: 60px;
}
.flightRootItem::-webkit-scrollbar-thumb {
background-color: #7f4a94;
}
.flightRootItem::-webkit-scrollbar-track {
background-color: #F5F5F5;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.flightRootItem::-webkit-scrollbar {
background-color: #F5F5F5;
}
.owningaCarDetail p{
line-height: 24px;
}
.ownCarDetailContentWrapper li{
margin-bottom: 10px;
}
.communicationUtilityItemShowNavItem {
flex: 0 0 23%;
margin-right: 0;
}
.communicationUtilityItemShow{
min-height: 340px;
}
.communicationUtilityItemShowNav{
position: unset;
margin-top: 20px;
}
.communicationUtilityItemShowWrapper{
margin-top: 0;
}
.housingWrapperItem1 .housePointImg{
height: 485px;
margin-bottom: 0;
}
.housingWrapperItem{
min-height: auto;
padding: 50px 15px;
}
#supportServicePopup{
padding: 50px 0 !important;
}
.housingWrapperItem2 .housePointImg{
height: 385px;
}
.housePointImg {
margin-bottom: 0;
height: 345px;
}
.bankItemWrapper{
display: flex;
}
.bankBanner {
width: 40%;
height: 500px;
}
.bankContent{
width: 60%;
padding: 20px 15px;
}
.majarBnrkList ul li {
width: 15%;
}
.majarBnrkListLink {
height: 37px;
}
.exploringKsaItemColumn{
justify-content: center;
}
.exploringKsaItemImgWrap img{
display: flex;
margin: auto;
margin-bottom: 20px;
}
.foodMapSection.mapSection {
transform: scale(1) translate(-0px, -0px);
margin-bottom: 20px;
}
.foodAppDetRow .colTitleTxtLg{
text-align: left;
}
.groceryItemList{
max-width: 720px;
}
.custLg2 {
flex: 0 0 49%;
max-width: 49%;
}
.cultural-commissions-new-list-item{
flex: 0 0 30%;
}
.viewCommissionContent{
position: absolute;
}
.cultural-commissions-new-view-Item{
min-height: 542px;
}
.socialExpertLeft {
width: 41%;
}
.socialExpert .container{
max-width: 990px;
}
.socialExpertNavWrap {
position: sticky;
top: 77px;
}
.emegencyContactList .col-md-4{
padding-left: 0;
}
.emegencyContactItem .callBtn{
bottom: 82px;
right: 0;
width: 65px;
left: 0;
margin: auto;
}
.investingKsaItemHead{
display: flex;
}
.investingKsaItemContent{
padding: 10px 10px;
width: 40%;
}
.investingKsaItemTtitle{
width: 20%;
padding: 10px 10px;
}
.investingKsaItem{
margin-bottom: 5px;
flex-direction: row;
}
.investMobSubTitle{
display: none;
}
.essentialWebWrap{
display: flex;
}
.essentialWebItem{
width: 48%;
}
.faqSection p{
text-align: left;
}
.contactUsFormInfo{
padding-right: 0;
}
.colTitleTxtLg, .emergencyContactSection .colTitleTxtLg{
text-align: left;
}
.preLocAboutSaudiArabia .colTitleTxtLg{
text-align: center;
}
.contactUsFormInfoItem{
margin-bottom: 40px;
}
.regionFoodWrapper{
height: auto;
width: 60%;
margin: auto;
}
.grocerySection .nav.nav-tabs{
width: max-content;
}
.grocerySection .nav-tabs .nav-link{
white-space: nowrap !important;
padding: 15px 15px !important;
}
.nav-tabs .nav-item{
width: auto;
}
.faqQuestionWrap .btn-link{
font-size: 14px;
line-height: 24px;
}
.contactFormWrap{
margin-top: 0;
}
.sports-and-wellness-item{
width: 49% !important;
min-height: 546px;
height: 546px;
}
}
select {
appearance: none; /* Removes default styling */
-webkit-appearance: none;
-moz-appearance: none;
background-color: white;
border: 1px solid #ccc;
padding: 8px 30px 8px 10px; /* Adjust right padding */
cursor: pointer;
position: relative;
}
/* Wrapper to properly position the arrow */
.maplocationSearch {
position: relative;
}
.maplocationSearch::after {
content: "▼";
color: #00778e;
position: absolute;
right: 15px;
top: 72%;
transform: translateY(-50%);
pointer-events: none;
}
.viewAllSummaryBtn{
display: inline-block;
position: relative;
z-index: 1;
color: #fff;
top: 7px;
text-decoration: underline
}
@media(max-width:425px){
.communicationUtilityItemShowNav{
top: 65px;
}
}
.storyQuateTxt{
display: flex;
flex-direction: column;
justify-content: center;
}
@media(max-width:429px){
.cultureLanguageItemTwo{
padding: 25px 15px;
padding-top: 25px;
}
.readMoreTwo{
height: 15px;
}
}
@media(max-width:767px){
.essentialWebItemTitle img {
width: 65%;
height: auto;
}
}
/* Mobile Block */
/*.mobileBlock{
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(218deg, #0c3957 4.01%, #3d1248 70.24%);
position: fixed;
top: 0;
z-index: 999999999;
}
.mobileBlock h2{
font-size: 18px;
color: #fff;
width: 90%;
margin: auto;
text-align: center;
line-height: 37px;
}
.mobileBlock{
display: none;
}
@media(max-width:1399px){
.mobileBlock{
display: flex !important;
}
html{
overflow: hidden;
}
body{
overflow: hidden;
}
} */
/* Mobile Block End */
.ftrdesc-sec h5{
font-size: 16px;
font-family: 'Plain-SemiBold';
margin-bottom: 0;
color: #0c3957;
}
h5.ftr-subtitle {
margin-bottom: 20px;
}
@media(max-width:410px){
.vCaewNavLink{
width: 100%;
}
.vCaewNavLink h5 svg{
width: 35px;
height: 35px;
right: 5px;
}
.vCaewNavLink h5{
padding-right: 30px;
}
}
@media(max-width :767px){
#foodAppLinks{
order: 2;
margin-top: 50px;
}
.colBnrContent h2:first-child {
font-size: 20px;
}
.weCarePopup {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
background: #fff;
height: 100vh;
overflow-y: scroll;
padding-bottom: 50px;
padding-top: 126px !important;
width: 100%;
}
.weCarePopup .colTitleTxtLg {
font-size: 25px;
text-align: unset;
}
}
.colBnrContent h2:first-child {
font-weight: 400;
font-family: 'Plain';
}
.vCareItemClosePOpup {
background: #00778e;
z-index: 9999999999;
position: fixed;
top: 90px;
right: 8px;
width: 36px;
height: 36px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.vCareItemClosePOpup svg{
width: 10px;
height: 10px;
}
@media(min-width: 991px){
.eventLogo {
width: 280px;
text-align: center;
}
.eventDesc {
width: calc(100% - 280px);
position: relative;
}
.saudiEventInfo .eventLogo img{
height: 150px;
width: 150px;
}
}
.leaflet-bottom.leaflet-right {
display: none;
}
.transpotationContentTab li a .activeArrowImg{
opacity: 1;
}
.booking-andTips .bgAirImg{
transform: scaleX(1);
}