File: /home/aliazzsr/html.vqode.com/HMB/css/style.css
body {
top: 0 !important;
}
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #003d4d;
z-index: 9999999999999999;
}
.loader__layer {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #f2d866;
z-index: 100;
}
.loader__container {
display: flex;
position: fixed;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #fff;
z-index: 101;
}
.loader__container__counter {
font-size: 12.445095168374817vw;
font-weight: 700;
margin: 0;
}
.loader__container__loading {
font-size: 3.6603221083455346vw;
font-weight: 600;
text-transform: uppercase;
margin-top: 0.7320644216691069vw;
}
.main-section {
position: relative;
overflow: hidden;
padding: 6vw 0;
}
h1 {
font-size: 2.6354319180087846vw;
}
p {
line-height: 1.3;
font-weight: 500;
margin-bottom: 1vw;
text-align: justify;
}
.main-heading {
margin-bottom: 1vw;
}
.main-heading h2 {
position: relative;
font-size: 2.4890190336749636vw;
color: #003d4d;
text-transform: capitalize;
font-weight: 600;
margin: 0;
}
.main-heading h2 small {
font-size: 1.4641288433382138vw;
color: #000;
text-transform: capitalize;
display: block;
font-weight: 400;
}
.main-heading2 {
text-align: center;
position: relative;
}
.heading-left {
text-align: left;
}
.heading-right {
text-align: right;
}
.heading-center {
text-align: center;
}
.main-heading2 img {
width: 5.636896046852123vw;
}
.main-heading2 h2 {
font-size: 2.4890190336749636vw;
color: #003d4d;
font-weight: 600;
line-height: 4.3674963396778916vw;
position: relative;
text-transform: capitalize;
margin: 0;
padding: 1vw 0 2vw;
}
.main-heading2.with-lines::before,
.main-heading2.with-lines::after {
background: #003d4d;
content: "";
position: absolute;
bottom: 4vw;
left: 0;
width: 0;
height: 0.14641288433382138vw;
}
.main-heading2.with-lines::after {
right: 0;
left: auto;
}
.main-heading2.with-lines h2::before,
.main-heading2.with-lines h2::after {
background: #003d4d;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0.14641288433382138vw;
height: 0;
}
.main-heading2.with-lines h2::after {
left: auto;
right: 0;
}
.main-heading2.is-visible::before,
.main-heading2.is-visible::after {
width: 36%;
transition: 2s;
transition-delay: 1.25s;
}
.main-heading2.is-visible h2::before,
.main-heading2.is-visible h2::after {
transition: 1s;
height: 4vw;
}
.main-heading2.show-on-scroll.is-visible img {
animation-name: fadeInDown;
animation-duration: 0.75s;
animation-fill-mode: forwards;
opacity: 0;
animation-timing-function: ease-out;
animation-delay: 0.5s;
}
.inner-banner {
position: relative;
overflow: hidden;
z-index: 1;
}
.inner-banner figure img {
width: 100%;
height: 36.6vw;
object-fit: cover;
}
.inner-banner figure::before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
background: linear-gradient(
270deg,
rgba(6, 6, 6, 0) 20%,
rgb(0 0 0 / 66%) 100%
);
width: 100%;
height: 100%;
}
.inner-banner figure figcaption {
position: absolute;
top: 7vw;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.inner-banner figure figcaption h1 {
font-size: 3.5vw;
color: #fff;
margin: 0;
text-transform: capitalize;
}
.inner-banner figure figcaption h1 small {
font-size: 1.0248901903367496vw;
font-weight: 500;
color: #fff;
text-transform: uppercase;
display: block;
}
.inner-banner figure figcaption h1 small svg {
margin-right: 1vw;
vertical-align: initial;
}
.inner-banner figure figcaption p {
font-size: 1.3vw;
margin: 2.5vw 0 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.career-section-one {
background: #f8f8f8;
}
.career-section-one figure {
margin: 2vw -8vw;
}
.career-section-one figure img {
width: 100%;
}
.career-section-two {
background: #f8f8f8;
}
.career-section-two .careerFilter .dropdown-menu2 {
box-shadow: 0 0 0.14641288433382138vw rgb(0 0 0 / 20%);
display: none;
background-color: #003d4d;
color: #fff;
margin: 0;
width: 100%;
border-radius: 0;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 9;
}
.career-section-two .careerFilter .form-control {
position: relative;
background-color: transparent;
width: 100%;
border: none;
border-bottom: 0.07320644216691069vw solid #707070;
padding: 0.36603221083455345vw 0;
border-radius: 0;
color: #003d4d;
text-align: left;
font-size: 1.171303074670571vw;
}
.career-section-two .careerFilter .form-control img {
float: right;
margin-top: 0.8vw;
width: 0.8052708638360175vw;
height: auto;
}
.career-section-two .careerFilter .form-control:focus {
box-shadow: none;
background: transparent;
}
.career-section-two .careerFilter .dropdown-menu2 li {
transition: 0.6s;
}
.career-section-two .careerFilter .dropdown-menu2 li a:hover {
background-color: #fff;
color: #132531;
}
.career-section-two .careerFilter .dropdown-menu2 li a {
color: #fff;
display: block;
padding: 0.36603221083455345vw 1.0980966325036603vw;
}
.career-section-two .careerFilterInr {
padding: 0.5vw 0;
max-height: 16.837481698389457vw;
overflow: hidden;
overflow-y: scroll;
}
.career-section-two .careerFilter .ct-slct .child_option {
position: relative;
}
.career-section-two .jobs-listing {
margin: 4.392386530014641vw 0;
}
.career-section-two .jobs-listing .jobs-listing-inr {
padding: 2.1961932650073206vw;
background: #f9f9f9;
transition: 0.5s;
margin-bottom: 1.4641288433382138vw;
box-shadow: 0 0 7px #cccccc1c;
}
.career-section-two .jobs-listing .jobs-listing-inr:hover {
box-shadow: 0 0 0.43923865300146414vw rgb(0 0 0 / 10%);
}
.career-section-two .jobs-listing .jobs-listing-inr h3 {
color: #132531;
font-weight: 700;
font-size: 1.9033674963396778vw;
margin-bottom: 1vw;
}
.career-section-two .jobs-listing .jobs-listing-inr p {
color: #222222;
}
.career-section-two .jobs-listing .jobs-listing-inr .btn {
float: right;
}
.career-section-detail h2.mainHead {
margin-top: 0;
}
.career-section-detail h4 {
font-size: 1.610541727672035vw;
line-height: 1.7;
}
.career-section-detail p {
margin-top: 2vw;
}
.career-section-detail ul li,
.real-estate-section ul li {
position: relative;
margin-bottom: 1.25vw;
padding-left: 1vw;
}
.career-section-detail ul li::before,
.real-estate-section ul li::before {
content: "";
position: absolute;
top: 0.5124450951683748vw;
left: 0;
height: 0.5124450951683748vw;
width: 0.5124450951683748vw;
border-radius: 50%;
background: #f2d866;
}
.career-section-detail ul li:last-child,
.real-estate-section ul li:last-child {
margin: 0;
}
.career-section-detail .btn,
.contact-section .contactForm form .btn {
margin-top: 2.1961932650073206vw;
}
.career-section-detail .btn svg,
.careerPopup .careerPopupInr form .btn svg {
width: 0.43923865300146414vw;
height: 0.7320644216691069vw;
margin: -0.14641288433382138vw 0px 0 0.5856515373352855vw;
}
.career-section-detail .btn svg path,
.careerPopup .careerPopupInr form .btn path {
transition: 0.5s;
}
.career-section-detail .btn:hover svg path,
.careerPopup .careerPopupInr form .btn:hover path {
stroke: #fff;
}
.career-section-detail h3 {
color: #003d4d;
margin: 6vw 0 2vw 0;
}
.careerPopup {
background: rgb(19 37 49 / 80%);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999999;
padding: 0;
display: flex;
justify-content: flex-end;
align-items: flex-start;
display: none;
}
.careerPopup .careerPopupInr {
width: 62.225475841874086vw;
background: #fff;
padding: 2.7vw 4.392386530014641vw;
height: auto;
margin: 0 0 0 auto;
position: relative;
right: -100%;
transition: 1s;
}
.careerPopup.active .careerPopupInr {
right: 0;
}
.careerPopup .careerPopupInr .toClose {
position: absolute;
top: 1.25vw;
right: 1.35vw;
line-height: 1;
}
.careerPopup .careerPopupInr .toClose svg {
width: 1.0980966325036603vw;
height: auto;
}
.careerPopup .careerPopupInr h2 {
margin-bottom: 2vw;
}
.careerPopup .careerPopupInr h2::before {
width: 30%;
}
.commonFrom form .form-group {
margin-bottom: 1.4641288433382138vw;
position: relative;
}
.commonFrom form .form-group .form-control {
background: rgb(249 249 249 / 80%);
color: #000;
padding: 1.05vw 2.6vw 1.05vw 1.05vw;
font-size: 1.0248901903367496vw;
border: 0.07320644216691069vw solid #fafafa;
border-radius: 0;
box-shadow: none;
transition: 0.5s;
z-index: 2;
position: relative;
}
.commonFrom form .form-group span {
position: absolute;
right: 1vw;
top: 1vw;
}
.commonFrom form .form-group span svg {
display: none;
}
.commonFrom form .form-group textarea.form-control {
min-height: 8.784773060029282vw;
}
.commonFrom form .form-group .form-control:focus {
border-bottom-color: #132531;
padding-left: 1.5vw;
background: transparent !important;
}
.commonFrom form .form-group .form-control::placeholder {
color: #a0acb4;
font-weight: 300;
}
.careerPopup .main-heading h2 small {
color: #f2d866;
}
.commonFrom form p {
/*font-size: 0.9516837481698389vw;*/
font-weight: 300;
color: #222222;
margin-bottom: 1vw;
}
.commonFrom form .form-group .fa-paperclip {
position: absolute;
top: 1.3vw;
right: 1.5vw;
color: #a0acb4;
}
.pagination {
justify-content: center;
margin: 0;
gap: 1vw;
}
.pagination li.page-item.disabled:hover .page-link {
background: #fff;
}
.pagination li.page-item.first .page-link,
.pagination li.page-item.last .page-link {
line-height: 1.4;
}
.pagination li.page-item .page-link {
border-radius: 0;
height: 2.6354319180087846vw;
width: 2.6354319180087846vw;
line-height: 1.7;
background: #f9f9f9;
color: #132531;
margin: 0;
transition: 0.75s;
}
.pagination li.page-item:hover .page-link {
background: #faa61a;
}
.pagination li .page-link {
padding: 0.3953147877013177vw;
background: transparent;
border: none;
color: #fff;
text-align: center;
box-shadow: 0 0 1vw rgb(0 0 0 / 2%);
}
.pagination li .page-link:hover img {
filter: invert(1);
}
.pagination li .page-link:hover,
.pagination li.active .page-link {
border-color: #132531 !important;
background: #132531 !important;
color: #fff;
}
.main-heading2.show-on-scroll.is-visible h2 {
animation-name: fadeInUp;
animation-duration: 0.75s;
animation-fill-mode: forwards;
opacity: 0;
animation-timing-function: ease-out;
animation-delay: 0.5s;
}
.imgEffct .img-wrap {
position: relative;
display: block;
overflow: hidden;
z-index: 5;
}
.imgEffct .img-wrap i {
display: block;
-webkit-transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
}
.imgEffct .img-wrap i.no-scale {
-webkit-transition: -webkit-transform 0s;
transition: transform 0s;
}
.imgEffct .img-wrap img {
width: 100%;
height: auto;
vertical-align: top;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.imgEffct a:hover .img-wrap img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@-webkit-keyframes zoomInImage {
from {
transform: scale3d(1, 1, 1);
transition: 1s;
}
to {
transform: scale3d(1.1, 1.1, 1.1);
transition: 1s;
}
}
@keyframes zoomInImage {
from {
transform: scale3d(1, 1, 1);
transition: 1s;
}
to {
transform: scale3d(1.1, 1.1, 1.1);
transition: 1s;
}
}
.zoomInImage {
-webkit-animation-name: zoomInImage;
animation-name: zoomInImage;
}
.btn,
.swal-button {
position: relative;
font-size: 1.0248901903367496vw;
border: 0.07320644216691069vw solid transparent;
font-weight: 500;
font-family: "Zilla Slab";
color: #000;
background: #f2d866;
letter-spacing: 0.07320644216691069vw;
padding: 1.064vw 2.67vw;
min-width: 8vw;
border-radius: 0;
text-transform: uppercase;
transition: 0.75s;
display: inline-block;
z-index: 1;
}
.btn:hover,
.swal-button:hover {
color: #fff !important;
border-color: #f2d866;
}
.btn::before,
.btn::after,
.swal-button::before,
.swal-button::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
background: #003d4d;
width: 0%;
height: 100%;
transition: 0.75s;
z-index: -1;
}
.btn::before,
.swal-button::before {
left: 0;
}
.btn::after,
.swal-button::after {
right: 0;
}
.btn:hover::before,
.btn:hover::after,
.swal-button:hover::before,
.swal-button:hover::after {
width: 50%;
}
.btn:focus,
.swal-button:focus {
box-shadow: none;
}
.custom-link {
font-family: "Zilla Slab";
background: transparent;
border: 0;
font-weight: 500;
color: #fff;
padding-bottom: 0.2vw;
position: relative;
transition: 1s;
display: inline-block;
}
.custom-link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 3.6603221083455346vw;
height: 0.07320644216691069vw;
background: #f2d866;
transition: 1s;
}
.custom-link:hover::before {
width: 100%;
}
.custom-link:hover {
color: #f2d866;
}
.header {
padding: 2vw 0 0;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 999;
overflow: hidden;
}
.header .headerWrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.header .headerWrap::before {
background: linear-gradient(
145deg,
rgba(6, 6, 6, 0) 40%,
rgba(0, 0, 0, 1) 100%
);
height: 7vw;
width: 100%;
content: "";
position: absolute;
right: -7.535139092240117vw;
top: -2.4670571010248907vw;
z-index: -1;
}
.header .headerWrap .logo {
display: block;
width: 9vw;
}
.header .headerWrap .logo img {
width: 100%;
}
.header .headerWrap .megaopen {
display: block;
}
.header .headerWrap .megaopen img {
width: 100%;
}
.header .headerWrap .megaopen span {
height: 0.21961932650073207vw;
width: 2.684480234260615vw;
margin-left: auto !important;
transition: 1s;
background: #fff;
display: block;
border-radius: 3.6603221083455346vw;
margin: 0.5124450951683748vw 0;
}
.header .headerWrap .megaopen span:first-child {
width: 1.9765739385065886vw;
}
.header .headerWrap .megaopen span:last-child {
width: 1.4641288433382138vw;
}
.header .headerWrap .megaopen:hover span {
width: 2.684480234260615vw !important;
}
.translator {
position: absolute;
right: 7vw;
top: 0.4vw;
}
.translator input {
position: absolute;
visibility: hidden;
}
.translator p,
.translator a {
color: #fff;
font-size: 1.15vw;
font-family: "Syne", sans-serif;
font-weight: 500;
position: relative;
padding-bottom: 0.3vw;
}
.translator a:hover,
.translator a:focus {
color: #fff;
}
.banner {
position: relative;
}
.banner .banner-slider [data-animation-in] {
opacity: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
transition: opacity 0.5s ease 0.3s;
transition: 1s;
}
.banner .banner-slider .gallery figure::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 71.2298682284041vw;
height: 100%;
background: linear-gradient(90deg, #003d4dd1 50%, rgba(5, 6, 6, 0) 100%);
z-index: 1;
}
.banner .banner-slider .gallery figure img {
width: 100%;
max-width: 100%;
height: auto;
opacity: 1 !important;
-webkit-animation-duration: 3s;
animation-duration: 3s;
transition: all 1s ease;
}
.banner .banner-slider .gallery figure figcaption {
position: absolute;
bottom: 0;
left: 0;
top: 13%;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
}
.banner .banner-slider .gallery figure figcaption h1 {
font-weight: 500;
color: #f2d866;
margin: 0;
letter-spacing: 0.21961932650073207vw;
text-transform: uppercase;
line-height: 1.5;
}
.banner .banner-slider .gallery figure figcaption h1 small {
font-size: 1.390922401171303vw;
font-weight: 400;
color: #fff;
display: block;
}
.banner .banner-slider .gallery figure figcaption h1 strong {
display: block;
font-size: 1.5373352855051245vw;
font-weight: 400;
color: #fff;
}
.banner .banner-slider .gallery figure figcaption p {
color: #fff;
letter-spacing: 0.14641288433382138vw;
padding-left: 1vw;
margin: 1vw 0 4vw;
position: relative;
}
.banner .banner-slider .gallery figure figcaption p::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: #f2d866;
width: 0.07320644216691069vw;
height: 4.80307467057101vw;
}
.banner .banner-slider .slick-arrow {
font-size: 0;
z-index: 9;
transform: none;
position: absolute;
bottom: 6%;
top: auto;
overflow: hidden;
right: auto;
transition: 0.5s;
width: 0.75vw;
}
.banner .banner-slider .slick-arrow::before {
display: none;
}
.banner .banner-slider .slick-prev {
left: 8vw;
}
.banner .banner-slider .slick-next {
left: 10vw;
transform: rotate(180deg);
}
.banner .banner-slider .slick-arrow img {
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
margin: auto;
}
.banner .banner-slider .slick-arrow img + img {
position: absolute;
transform: translateX(3vw);
}
.banner .banner-slider .slick-arrow:hover img {
transform: translateX(0vw);
opacity: 0;
}
.banner .banner-slider .slick-arrow:hover img + img {
opacity: 1;
}
.banner .banner-slider .slick-arrow:hover {
width: 1.0980966325036603vw;
height: 2.1961932650073206vw;
bottom: 5%;
}
.banner .socialIcons {
position: absolute;
bottom: 2vw;
right: 9vw;
}
.banner .socialIcons ul {
display: flex;
gap: 1vw;
}
.banner .socialIcons ul li a {
background: #053f4ecc;
padding: 0.5vw;
min-width: 2.5vw;
display: block;
text-align: center;
min-height: 2.5vw;
color: #fff;
font-size: 1.5vw;
line-height: 1;
}
.home-section-one {
background: #f8f8f8;
padding: 9vw 0;
}
.home-section-one::before {
content: "";
position: absolute;
top: 1.4641288433382138vw;
left: -9.150805270863836vw;
background: url(assets/images/sec1Back.webp) no-repeat;
background-size: 100%;
width: 70.42459736456809vw;
height: 45.680819912152266vw;
}
.home-section-one .sec1Wrap {
position: relative;
}
.home-section-one .sec1Wrap .sec1WrapInr {
display: flex;
flex-direction: column;
align-items: center;
align-content: flex-end;
flex-wrap: wrap;
padding-right: 3vw;
position: relative;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
justify-content: center;
}
.home-section-one .sec1Wrap .sec1WrapInr::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: url(../fonts/images-sec1Img22.svg) no-repeat;
background-size: 100%;
width: 27.121522693997072vw;
height: 38.30014641288433vw;
}
.home-section-one .sec1Wrap .sec1WrapInr img {
z-index: 1;
width: 5.3vw;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 {
font-size: 7.540263543191801vw;
color: #f2d866;
text-transform: uppercase;
text-align: center;
margin: 2.342606149341142vw auto 0;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 small {
font-size: 2.4890190336749636vw;
color: #003d4d;
display: block;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 strong {
font-size: 1.5373352855051245vw;
line-height: 1.5;
color: #003d4d;
display: block;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 strong small {
font-size: 2.9282576866764276vw;
font-weight: 400;
line-height: 2.5;
color: #003d4d;
display: block;
}
.home-section-one .sec1Wrap figure {
width: 29.282576866764277vw;
}
.home-section-one .sec1Wrap figure img {
width: 100%;
}
.home-section-two {
background: #f8f8f8;
margin: 0;
padding: 0;
}
.home-section-two figure {
}
.home-section-two a .img-wrap img {
width: 100%;
height: 40.26354319180088vw;
}
.home-section-two figure::before {
content: "";
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
145deg,
rgba(0, 61, 77, 0.66) 0%,
rgba(0, 12, 15, 0.41) 100%
);
}
.home-section-two figure figcaption {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 4.5vw 4.5vw 3vw;
align-items: flex-start;
z-index: 9;
}
.home-section-two figure figcaption h3 {
font-size: 2.4890190336749636vw;
color: #fff; /* line-height: 54px; */
font-weight: 500;
margin: 0;
}
.home-section-two figure figcaption h3 small {
display: block;
font-size: 2.1961932650073206vw;
}
.home-section-two figure figcaption a {
}
.home-section-two figure.sec2fig2::before {
background: linear-gradient(
45deg,
rgba(1, 47, 59, 1) 0%,
rgba(1, 47, 59, 0.11) 100%
);
}
.home-section-three {
margin: 0;
background: #f8f8f8;
}
.home-section-three:before {
content: "";
position: absolute;
bottom: 0vw;
left: 0;
width: 88.87262079062957vw;
height: 78.40409956076135vw;
background: #ececec;
}
.home-section-three .sec3Wrap {
margin-bottom: 3.5vw;
}
.home-section-three .sec3Wrap figure {
height: 22.75vw;
}
.home-section-three .sec3Wrap figure img {
height: 100%;
object-fit: cover;
}
.home-section-three .sec3Wrap figcaption {
padding-top: 1vw;
}
.home-section-three figcaption h3 {
font-size: 1.2445095168374818vw;
}
.blog-section-home h3 {
color: #003d4d;
font-size: 26px;
font-weight: 600;
}
.home-section-three .sec3Wrap figcaption .custom-link {
color: #003d4d;
}
.home-section-three .sec3Wrap figcaption .custom-link::before {
background: #003d4d;
}
.home-section-three figure.sec3Img5 {
height: 50.29vw;
overflow: hidden;
}
.home-section-three figure.sec3Img5::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0) 100%
);
}
.home-section-three figure img {
width: 100%;
}
.home-section-three figure figcaption {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding: 2vw 3vw;
gap: 0;
align-items: flex-start;
}
.home-section-three figure figcaption h3 {
color: #fff;
}
.home-section-three figure figcaption a {
}
.home-section-three .custom-link {
}
.home-section-three .viewBtn {
text-align: center;
margin-top: 1vw;
}
.footer {
position: relative;
background: linear-gradient(
to bottom,
rgba(0, 61, 77, 1) 0%,
rgba(3, 24, 29, 1) 100%
);
}
.footer .topFooter {
text-align: center;
padding: 3.5vw 0;
}
.footer .topFooter > figure {
position: absolute;
left: -4.2vw;
bottom: 5.1vw;
}
.footer .topFooter > figure img {
width: 37.95534407027819vw;
height: 20.29575402635432vw;
}
.footer .topFooter .logo {
display: block;
}
.footer .topFooter .logo img {
width: 8.82650073206442vw;
}
.footer .topFooter .menuLinks {
display: flex;
justify-content: space-between;
margin: 3.5vw 0;
}
.footer .topFooter .menuLinks li {
min-width: 33.33%;
}
.footer .topFooter .menuLinks li a {
font-size: 1.4vw;
color: #fff;
text-transform: capitalize;
font-family: "Zilla Slab";
position: relative;
padding-bottom: 0.3vw;
}
.footer .topFooter .menuLinks li a::before,
.mega-menu .menu-head ul li a::before,
.contact-section-one ul li a::before,
.translator a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 0.07320644216691069vw;
width: 0;
background: #f2d866;
transition: 1s;
}
.footer .topFooter .menuLinks li a:hover::before,
.mega-menu .menu-head ul li a:hover::before,
.contact-section-one ul li a:hover::before,
.translator a:hover::before {
width: 100%;
}
.footer .topFooter .menuLinks li a:hover {
color: #f2d866;
}
.footer .topFooter .socialIcons {
display: flex;
justify-content: center;
gap: 2vw;
}
.footer .topFooter .socialIcons li {
}
.footer .topFooter .socialIcons li a {
color: #fff;
font-size: 1.5vw;
}
.footer .topFooter .socialIcons li a:hover {
color: #f2d866;
}
.footer .bottomFooter {
border-top: 0.07320644216691069vw solid #fff;
padding: 1.337vw 0;
}
.footer .bottomFooter p,
.footer .bottomFooter span,
.footer .bottomFooter span a {
color: #fff;
font-weight: 300;
transition: 1s;
margin: 0;
}
.footer .bottomFooter span {
text-align: right;
display: block;
}
.footer .bottomFooter ul {
display: flex;
align-items: center;
gap: 3vw;
justify-content: center;
}
.footer .bottomFooter ul li {
line-height: 1;
}
.footer .bottomFooter ul li a {
line-height: 1.6;
color: #fff;
font-weight: 300;
position: relative;
padding-bottom: 0.3vw;
transition: 1s;
display: inline-block;
}
.footer .bottomFooter ul li a:hover {
}
.footer .bottomFooter span a {
position: relative;
padding-bottom: 0.3vw;
display: inline-block;
}
.footer .bottomFooter span a::before,
.footer .bottomFooter ul li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 0.07320644216691069vw;
width: 0;
background: #f2d866;
transition: 1s;
}
.footer .bottomFooter span a:hover::before,
.footer .bottomFooter ul li a:hover::before {
width: 100%;
}
.footer .bottomFooter span a:hover,
.footer .bottomFooter ul li a:hover {
color: #f2d866;
}
.mega-menu.active {
visibility: visible;
opacity: 1;
}
.mega-menu {
visibility: hidden;
opacity: 0;
transition: 0.8s;
overflow: hidden;
padding: 1.8vw 0;
background: url(assets/images/mega-bg.webp) no-repeat;
background-size: cover;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: 9999;
}
.mega-menu .megamenu-close {
text-align: right;
}
.mega-menu .megamenu-icons li {
margin-right: 0.5vw;
display: inline-block;
}
.mega-menu .megamenu-icons li a {
color: #fff;
opacity: 0.3;
font-size: 1.1vw;
}
.mega-menu .megamenu-icons li a:hover {
opacity: 1;
}
.mega-menu .mega-logo {
text-align: center;
margin-bottom: 1.5vw;
}
.mega-menu .megaopen {
display: block;
}
.mega-menu .mega-logo a {
display: block;
width: 8.5vw;
}
.mega-menu .mega-logo a img {
width: 100%;
}
.mega-menu figure {
margin-bottom: 1.7569546120058566vw;
overflow: hidden;
height: 100%;
line-height: 1;
}
.mega-menu figure::before,
.mega-menu figure::after {
transition: 1s;
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.mega-menu figure::before {
background: rgb(0 61 77 / 95%);
transform-origin: bottom;
}
.mega-menu figure::after {
background: rgb(191 151 65 / 85%);
transform: scaleY(0);
transform-origin: top;
}
.mega-menu a:hover figure::after {
opacity: 1;
transform: scaleY(1);
}
.mega-menu a:hover figure::before {
opacity: 0;
transform: scaleY(0);
}
.mega-menu figure img {
width: 100%;
object-fit: cover;
height: 100%;
max-width: initial;
}
.mega-menu ul.megaUl li a {
display: block;
width: 100%;
height: 100%;
}
.mega-menu ul.megaUl {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(5.8vw, 0fr));
grid-auto-rows: 10vw;
grid-auto-flow: column;
align-items: initial;
justify-items: stretch;
justify-content: space-evenly;
align-content: center;
}
.mega-menu ul.megaUl li {
box-shadow: 0 0 10px rgb(0 0 0 / 50%);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
grid-column: span 3;
}
.mega-menu ul.megaUl li:first-child {
transition: 1.5s;
opacity: 0;
transition-delay: 0.4s;
transform: translateY(-1000px);
}
.mega-menu.active ul.megaUl li:first-child {
transform: translateY(0);
opacity: 1;
}
.mega-menu ul.megaUl li:nth-child(2) {
transition: 1.5s;
opacity: 0;
transition-delay: 0.4s;
transform: translateX(-1000px);
}
.mega-menu.active ul.megaUl li:nth-child(2) {
transform: translateX(0);
opacity: 1;
}
.mega-menu ul.megaUl li:nth-child(3) {
transition: 1.5s;
opacity: 0;
transition-delay: 0.4s;
transform: translateY(1000px);
}
.mega-menu.active ul.megaUl li:nth-child(3) {
transform: translateY(0);
opacity: 1;
}
.mega-menu ul.megaUl li:nth-child(4) {
transition: 1.5s;
opacity: 0;
transition-delay: 0.4s;
transform: translateY(-1000px);
}
.mega-menu.active ul.megaUl li:nth-child(4) {
transform: translateY(0);
opacity: 1;
}
.mega-menu ul.megaUl li:nth-child(5) {
transition: 1.5s;
opacity: 0;
transition-delay: 0.4s;
transform: translateY(1000px);
}
.mega-menu.active ul.megaUl li:nth-child(5) {
transform: translateY(0);
opacity: 1;
}
.mega-menu ul.megaUl li:nth-child(6) {
transition: 1.5s;
opacity: 0;
transition-delay: 0.4s;
transform: translateY(1000px);
}
.mega-menu.active ul.megaUl li:nth-child(6) {
transform: translateY(0);
opacity: 1;
}
.mega-menu ul li.big {
grid-row: span 3;
grid-column: span 3;
}
.mega-menu ul li.medium {
grid-row: span 2;
}
.mega-menu figcaption {
padding: 1.7vw 1.8301610541727673vw;
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 9;
}
.mega-menu figcaption h3 {
font-size: 1.3177159590043923vw;
color: #fff;
font-weight: 300;
margin-bottom: 0.3vw;
}
.mega-menu figcaption h4 {
font-size: 1.3177159590043923vw;
color: #ee4035;
font-weight: 300;
margin-bottom: 0.3vw;
}
.mega-menu figcaption h2 {
font-size: 1.9vw;
color: #fff;
text-transform: capitalize;
}
/*.mega-menu ul.megaUl li:nth-child(3) figcaption{transform: rotate(-90deg);bottom: 1.5vw;left: auto;right: -2vw;}*/
.mega-menu ul.megaUl li:nth-child(3) figcaption {
transform: rotate(-90deg);
bottom: 6.5vw;
left: auto;
right: -7vw;
}
.mega-menu .close-container {
position: relative;
width: 2.562225475841874vw;
height: 2.562225475841874vw;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.mega-menu .leftright {
height: 0.14641288433382138vw;
width: 2.562225475841874vw;
position: absolute;
margin-top: 1.15vw;
background-color: #003d4d;
border-radius: 0.14641288433382138vw;
transform: rotate(45deg);
transition: all 0.3s ease-in;
}
.mega-menu .rightleft {
height: 0.14641288433382138vw;
width: 2.562225475841874vw;
position: absolute;
margin-top: 1.15vw;
background-color: #003d4d;
border-radius: 0.14641288433382138vw;
transform: rotate(-45deg);
transition: all 0.3s ease-in;
}
.mega-menu label {
color: #003d4d;
font-size: 0.6em;
text-transform: uppercase;
letter-spacing: 0.14641288433382138vw;
transition: all 0.3s ease-in;
opacity: 0;
}
.mega-menu .close {
margin: 2.8vw 0 0;
}
.mega-menu .close-container:hover .leftright {
transform: rotate(-45deg);
background-color: #bf9741;
}
.mega-menu .close-container:hover .rightleft {
transform: rotate(45deg);
background-color: #bf9741;
}
.mega-menu .close-container:hover label {
opacity: 1;
}
.mega-menu .menu-head {
text-align: right;
}
.mega-menu .menu-head ul {
display: inline-block;
}
.mega-menu .menu-head ul li {
display: inline-block;
margin-right: 2.2vw;
}
.mega-menu .menu-head ul li a {
font-size: 1.3vw;
color: #003d4d;
position: relative;
padding-bottom: 0.3vw;
}
.contact-section-one {
padding: 0 0 3vw;
background: #f8f8f8;
}
.contact-section-one .contact-one-left {
padding-top: 6vw;
}
.contact-section-one ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
.contact-section-one ul li {
min-width: 13.543191800878477vw;
margin-top: 4vw;
}
.contact-section-one ul li:nth-child(4) {
min-width: 27.086383601756953vw;
}
.contact-section-one ul li label {
margin-bottom: 0.6vw;
display: block;
font-weight: 500;
font-size: 1.0248901903367496vw;
text-transform: uppercase;
}
.contact-section-one ul li a {
color: #003d4d;
display: inline-block;
position: relative;
font-family: "Zilla Slab", sans-serif;
font-weight: 500;
padding-bottom: 0.2vw;
}
.contact-section-one .socialIcons a {
margin: 0 0.8vw 0 0;
}
.contact-section-one .socialIcons a svg path {
fill: #003d4d;
transition: 1s;
}
.contact-section-one .socialIcons a svg path#whatcolor {
fill: #fff;
}
.contact-section-one ul li a span {
display: block;
}
.contact-section-one .btn {
min-width: 13vw;
margin-top: 1.5vw;
}
.contact-section-one ul li a:hover svg path {
fill: #142630;
}
.contact-section-one ul li a:hover svg {
color: #142630;
}
.contact-section-one .contactForm {
padding: 5.856515373352855vw 2.1961932650073206vw;
background: #fff;
color: #fff;
}
.contact-section-one .contactForm h2 {
margin-bottom: 2vw;
}
.contact-section-one .contactForm form {
}
.contact-section-one .contactForm .form-my-check {
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: nowrap;
justify-content: flex-start;
gap: 0 0.5vw;
}
.bodyrtl .contact-section-one .contactForm .form-my-check {
flex-direction: row-reverse;
}
.contact-section-one .commonFrom form .form-group .form-control {
background: rgb(241 241 241 / 80%);
}
.registration-process label {
color: #000;
}
.registration-process label a {
font-family: "Zilla Slab", sans-serif;
text-decoration: underline;
}
.contact-section-two .map {
line-height: 0;
}
.contact-section-two .map iframe {
height: 40vw;
width: 100%;
}
.gm-style .place-card-large {
display: none !important;
}
.ctbBanner {
position: relative;
background: linear-gradient(
to bottom,
rgba(0, 61, 77, 1) 0%,
rgba(3, 24, 29, 1) 100%
);
overflow: visible;
}
.ctbBanner figure figcaption {
text-align: center;
}
.ctbBanner figure img {
opacity: 0;
}
.ctbBanner figure figcaption h2 {
margin-bottom: 0;
}
.ctbBanner figure figcaption h2,
.ctbBanner figure figcaption p {
color: #fff;
}
.ctbBanner figure figcaption a {
color: #fff;
font-family: "Zilla Slab", sans-serif;
text-decoration: underline;
}
.ctbBanner figure figcaption p {
margin: 3vw 0;
}
.ctbBanner .form-control {
height: 4vw;
font-size: 1.2vw;
box-shadow: none;
background: #003d4d54;
border-radius: 0;
border: 0.219vw solid #f2d866;
color: #fff;
}
.ctbBanner .form-control::placeholder {
color: #fff;
}
.ctbBanner .iti--separate-dial-code .iti__selected-dial-code {
font-size: 1.2vw;
color: #fff;
}
.ctbBanner .form-my-check {
margin: 1vw 0;
padding-left: 7vw;
text-align: left;
}
.ctbBanner .btn {
width: auto;
margin: 0 auto;
}
.ctbBanner .form-my-check input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.ctbBanner .form-my-check label {
position: relative;
cursor: pointer;
color: #fff;
text-align: left;
}
.ctbBanner .form-my-check label:before {
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 0.2vw solid #f2d866;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 0.6vw;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 0.36603221083455345vw;
}
.ctbBanner .form-my-check input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 0.2vw;
left: 0.5vw;
width: 0.5856515373352855vw;
height: 1.0248901903367496vw;
border: solid #003d4d;
border-width: 0 0.2vw 0.2vw 0;
transform: rotate(45deg);
}
.ctbBanner .form-my-check input:checked + label:before {
background: #f2d866;
}
.service-section-one {
background: #f8f8f8;
}
.service-section-one .service-one-inner {
position: relative;
z-index: 1;
background: #fff;
padding: 1vw 5vw 4vw;
}
.service-section-two .service-one-inner {
padding: 2vw 5vw;
}
.service-section-two .service-one-inner figure {
top: -0.4vw !important;
}
.service-section-two .service-one-inner figure img {
height: 35.8vw !important;
object-fit: cover;
}
.service-section-one .service-one-inner::after {
content: "";
position: absolute;
top: 1.5vw;
left: 1.5vw;
right: -1.5vw;
bottom: 0;
height: 36vw;
border: 0.14641288433382138vw solid #f2d866;
}
.service-section-one .service-one-inner .animateme {
right: -6.5vw;
top: 0.5vw;
text-align: right;
}
.service-section-one .service-one-inner .animateme img {
height: 36vw;
object-fit: cover;
}
.service-section-three {
background: url(../images/images-service3-bg.jpg) no-repeat;
background-size: cover;
position: relative;
}
.service-section-three::before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 100%;
background: linear-gradient(
to left,
rgb(255 255 255 / 78%) 0%,
rgba(255, 255, 255, 0) 100%
);
background: linear-gradient(
to left,
rgb(255 255 255 / 72%) 0%,
rgba(255, 255, 255, 0) 100%
);
width: 55%;
}
.service-section-three p {
text-align: right;
}
.buyGold-section figure img {
width: 15vw;
margin: 0 auto;
}
.buyGold-section figcaption h2 {
text-align: center;
color: #003d4d;
font-size: 1.5vw;
font-weight: 700;
margin-top: 0.5vw;
}
.buyGold-section figure {
border: 2px solid #f2d866;
margin: 0 20px;
padding: 1vw;
}
.buyGold-section .slick-arrow {
top: 50%;
transform: translateY(-50%);
}
.buyGold-section .slick-arrow::before {
display: none;
}
.buyGold-section .slick-arrow img {
filter: brightness(0) saturate(100%) invert(15%) sepia(65%) saturate(1790%) hue-rotate(164deg) brightness(98%) contrast(105%);
transition: 0.6s;
}
.buyGold-section .slick-arrow:hover img {
transform: scale(1.2);
}
.buyGold-section .slick-next {
transform: rotate(180deg);
}
.media-detail-section {
}
.media-detail-section .postDate {
display: flex;
align-content: center;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
gap: 1.4641288433382138vw;
margin: 4vw 0 2vw;
}
.media-detail-section .postDate a {
background: #f2d866;
color: #012f3b;
padding: 0.68vw 2vw;
}
.media-detail-section .postDate span {
color: #002937;
display: flex;
flex-direction: row;
gap: 0.5vw;
}
.media-detail-section .postDate span svg {
width: 1.3177159590043923vw;
height: auto;
}
.media-detail-section .mainHead {
padding: 0;
margin: 1vw 0;
}
.media-detail-section .mainHead::before {
display: none;
}
.media-detail-section .author {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: center;
gap: 0.5vw;
margin-bottom: 1.5vw;
}
.media-detail-section .author img {
/* border-radius: 50%; */
width: 2.9282576866764276vw;
}
.media-detail-section .author p {
color: #002937;
margin: 0;
}
.media-detail-section p {
margin-bottom: 5px;
}
.media-detail-section figure {
margin-bottom: 1.8vw;
}
.media-detail-section figure img {
width: 100%;
}
.media-detail-section h3 {
color: #002937;
font-size: 1.7569546120058566vw;
margin-bottom: 1.5vw;
}
.media-detail-section h6,
.media-detail-section h6 a {
font-size: 1.8301610541727673vw;
color: #002937;
margin: 2vw 0 0;
}
.media-detail-two {
padding-top: 0;
}
.media-detail-two .main-heading {
margin-bottom: 3vw;
}
.media-detail-two .mediaGallery {
}
.media-detail-two .mediaGallery figure {
margin-bottom: 1vw;
}
.media-detail-two .mediaGallery figure img {
width: 100%;
height: 25vw;
object-fit: cover;
}
.media-detail-two .mediaGallery figure span {
font-size: 0.9516837481698389vw;
font-weight: 300;
color: #fff;
background: rgb(19 37 49 / 60%);
padding: 0.6vw 1.16vw;
position: absolute;
top: 1vw;
right: 1vw;
}
.media-detail-two .mediaGallery figcaption span {
color: #999999;
}
.media-detail-two a svg {
margin-left: 1.5vw;
transition: 1s;
}
.media-detail-two a svg path {
fill: #003d4d;
}
.media-detail-two a:hover svg {
transform: translateX(1vw);
}
.media-detail-two figcaption h3 {
margin: 0.8vw 0;
font-size: 1.7569546120058566vw;
color: #003d4d;
}
.history-section-one {
background: #f8f8f8;
position: relative;
}
.history-section-one::before {
content: "";
position: absolute;
right: 0;
top: 0.5vw;
background: url(../images/images-history1-bfr.png) no-repeat;
background-size: cover;
width: 53.00146412884334vw;
height: 53.00146412884334vw;
}
.history-section-one .current-rate {
display: flex;
align-items: center;
}
.history-section-one label {
font-weight: 500;
font-size: 1.1vw;
color: #003d4d;
}
.history-section-one .careerFilter .form-group {
margin-bottom: 2vw;
}
.history-section-one label.output-label {
font-size: 1.3vw;
display: inline-block;
vertical-align: middle;
}
.history-section-one .calculator {
padding: 3vw 4vw;
border: 2px solid #f2d866;
margin: -3vw 3vw 0;
background: rgb(0 61 77 / 1%);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.history-section-one .careerFilter .form-group #converted {
font-family: "Zilla Slab";
font-weight: 600;
font-size: 1.5vw;
color: #003d4d;
display: inline-block;
vertical-align: middle;
border-left: 2px solid #f2d866;
padding: 0.5vw 1vw;
margin: 0 0 0 1vw;
line-height: 1.3;
}
.history-section-one h3 {
width: 40%;
font-size: 1.4vw;
font-weight: 500;
text-transform: capitalize;
background: #f2d866;
margin: 0;
text-align: center;
padding: 1.7vw 2vw;
border-top-left-radius: 0.36603221083455345vw;
border-bottom-left-radius: 0.36603221083455345vw;
}
.history-section-one h4 {
width: 60%;
text-align: center;
background: #003d4d;
font-size: 1.5vw;
color: #fff;
margin: 0;
padding: 1.68vw 2vw;
font-weight: 500;
border-top-right-radius: 0.36603221083455345vw;
border-bottom-right-radius: 0.36603221083455345vw;
}
.history-section-one h5 {
font-size: 1.5vw;
font-weight: 500;
margin: 1.5vw 0 0;
}
.history-section-one .history-head {
margin-bottom: 5vw;
}
.history-section-two {
padding: 0 0 4vw;
background: #f8f8f8;
}
.history-section-two ul {
gap: 3.5vw;
flex-wrap: nowrap;
}
.history-section-two ul.nav-pills > li {
width: 33.33%;
}
.history-section-two ul li button {
padding: 0;
width: 100%;
}
.history-section-two ul li button figure::before {
display: none;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(
25deg,
rgba(1, 47, 59, 0.9) 0%,
rgba(0, 61, 77, 0.9) 100%
);
transform: scale(0.8);
opacity: 0;
transition: 1s;
}
.history-section-two ul li button img {
width: 100%;
}
.history-section-two ul li button span {
margin: 1vw 0 0;
text-align: left;
font-family: "Zilla Slab", sans-serif;
font-weight: 500;
font-size: 2.1961932650073206vw;
color: #003d4d;
text-transform: capitalize;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background: transparent;
color: transparent;
}
.nav-pills .nav-link.active figure::before,
.history-section-two ul li button:hover figure::before {
transform: scale(1);
opacity: 1;
}
.nav-pills .nav-link.active h3::before,
.history-section-two ul li button:hover h3::before {
width: 5vw;
}
.history-section-two .tab-content {
padding: 5vw 20vw;
margin-top: 5vw;
text-align: center;
position: relative;
z-index: 2;
background: url(../images/images-history-tab.jpg) no-repeat;
background-size: cover;
}
.history-section-two .tab-content::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(255 255 255 / 90%);
z-index: -1;
}
.history-section-two .tab-content h4 {
font-size: 2.7086383601756956vw;
color: #003d4d;
font-weight: 600;
margin: 0;
text-transform: capitalize;
}
.history-section-two .tab-content p,
.history-section-two .tab-content span {
color: #003d4d;
margin: 1.5vw 0;
line-height: 1.75;
font-weight: 500;
}
.history-section-two .tab-content .btn {
display: block;
margin: 0 auto;
text-align: center;
margin-top: 2vw;
}
#text_1 {
display: none;
}
#text_2 {
display: none;
}
#text_3 {
display: none;
}
.about-section-one {
padding-bottom: 10vw;
background: #f8f8f8;
}
.about-section-one {
padding-left: 2.3vw;
}
.about-section-one .main-heading {
margin-bottom: 8vw;
}
.about-section-one .service-one-inner::before {
display: none;
}
.about-section-one p {
position: relative;
z-index: 2;
}
.about-section-one figure {
margin-top: 2.5vw;
}
.about-section-one figure img {
height: 20vw;
object-fit: cover;
position: relative;
z-index: 100;
margin-left: 15%;
}
.about-section-one span {
color: #012f3b;
font-weight: 600;
margin: 5vw 0 0;
display: block;
}
.about-section-one ul {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.about-section-one ul li {
position: absolute;
background: #f2d866;
}
.about-section-one ul li:nth-child(1) {
height: 7vw;
width: 0.14641288433382138vw;
top: -2.4vw;
right: 28vw;
}
.about-section-one ul li:nth-child(2) {
width: 57.979502196193266vw;
height: 0.14641288433382138vw;
top: -2.4vw;
}
.about-section-one ul li:nth-child(3) {
height: 125%;
width: 0.146413vw;
top: -2.3vw;
}
.about-section-one ul li:nth-child(4) {
width: 79.72181551976574vw;
height: 0.14641288433382138vw;
bottom: -4vw;
}
.about-section-one ul li:nth-child(5) {
height: 7vw;
width: 0.14641288433382138vw;
bottom: -4vw;
right: 6.2vw;
}
.text-center {
text-align: center;
}
.about-section-one .holder {
width: 80%;
margin: 0 0 0px 17%;
}
.about-section-two {
position: relative;
background: url(../images/images-about2-bg.jpg) no-repeat;
background-size: cover;
padding: 3.5vw 0 5.5vw;
}
.about-section-two::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(255 255 255 / 92%);
}
.about-section-two h2 {
text-transform: uppercase;
padding: 2vw 0 0;
line-height: 1.5;
}
.about-section-two h2 small {
text-transform: uppercase;
font-weight: 600;
color: #f2d866;
}
.about-section-two figure {
margin-left: 14vw;
}
.about-section-two figure img {
width: 100%;
height: 26.13vw;
object-fit: cover;
}
.about-section-two figcaption {
background: #f2d866;
width: 17.423133235724745vw;
padding: 2vw;
margin: -16vw 0 0 1vw;
position: relative;
z-index: 1;
}
.about-section-two figcaption h2 {
padding: 0;
}
.about-section-two figcaption p {
margin: 0;
}
.about-section-two figcaption h2 small {
color: #003d4d;
}
.about-section-two ul {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.about-section-two ul li {
position: absolute;
background: #003d4d;
}
.about-section-two ul li:nth-child(1) {
height: 3.1815519765739384vw;
width: 0.14641288433382138vw;
top: 8vw;
left: 13.4vw;
}
.about-section-two ul li:nth-child(2) {
width: 13.433382137628112vw;
height: 0.14641288433382138vw;
top: 8vw;
}
.about-section-two ul li:nth-child(3) {
height: 30.4vw;
width: 0.14641288433382138vw;
top: 8vw;
}
.about-section-two ul li:nth-child(4) {
width: 48.6090775988287vw;
height: 0.14641288433382138vw;
bottom: -2.1vw;
}
.about-section-two ul li:nth-child(5) {
height: 13.36896046852123vw;
width: 0.14641288433382138vw;
bottom: -2.1vw;
left: 48.5vw;
}
.about-section-three {
background: #f8f8f8;
}
.about-section-three svg * {
fill-opacity: 0;
fill: none;
stroke-miterlimit: 10;
stroke-dasharray: 400;
stroke-dashoffset: 0;
stroke-width: 16px;
-webkit-transition: 3s ease;
-o-transition: 3s ease;
transition: 3s ease;
}
.about-section-three ul {
display: flex;
justify-content: center;
gap: 8vw;
margin: 4vw 0;
}
.about-section-three h2 {
font-size: 2.1961932650073206vw;
font-weight: 500;
text-transform: uppercase;
color: #012f3b;
}
.about-section-three figcaption {
padding: 2vw 3vw;
margin-bottom: 2vw;
transition: 1s;
}
.about-section-three figcaption:hover {
box-shadow: 0 3px 8px 0 rgb(0 0 0 / 22%);
background: #fff;
}
.about-section-three p {
margin: 0;
}
.error-section {
padding-top: 13vw;
text-align: center;
background: #003c4c;
}
.error-section .page-content h3 {
font-size: 4vw;
color: #f2d866;
margin-top: 2vw;
text-transform: capitalize;
}
.error-section .page-content p {
margin: 2vw 0;
font-weight: 600;
color: #fff;
}
.error-section .page-content form .search-field {
}
.error-section .page-content form.search-form {
}
.error-section .page-content form .search-submit {
min-width: 10.980966325036603vw;
background: #d8ac41;
padding: 0.7320644216691069vw;
height: 3.953147877013177vw;
color: #fff;
font-size: 1.3177159590043923vw;
}
.error-section h2 {
color: #fff;
font-size: 12vw;
font-weight: 700;
box-shadow: 0 0 12px #ffffff30;
display: inline-block;
line-height: 0;
padding: 1vw 4vw;
border: 1px solid #f2d866;
border-radius: 100px;
}
.error-section h4 {
color: #fff;
font-size: 2vw;
margin-bottom: 3.5vw;
}
.error-section img {
width: 10.5vw; /* animation: animName 5s linear infinite;-webkit-transform-style: preserve-3d;animation: spin 4s linear infinite;*/
margin: 0 1vw;
}
.thankyou-error h2 {
line-height: 1.5;
border: 0;
font-size: 7vw;
font-weight: 600;
}
.thankyou-error img {
width: 5vw;
margin: 0;
}
.thankyou-section-one ul {
margin-bottom: 2vw;
}
.thankyou-section-one p a {
font-weight: 700;
text-decoration: underline;
font-family: "Zilla Slab";
color: #003441;
}
.thankyou-section-one ul li {
position: relative;
line-height: 2;
}
.thankyou-section-one ul li::before {
content: "";
position: absolute;
left: -1.5vw;
top: 0.8vw;
width: 0.5vw;
height: 0.5vw;
border-radius: 50%;
background: #003c4c;
}
.thankyou-section-one .d-button {
margin-top: 2vw;
text-align: center;
}
.thankyou-section-one h3 {
color: #003a49;
font-weight: 600;
}
@keyframes animName {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
.account-popup .popup-close {
position: absolute;
right: 2vw;
top: 1vw;
z-index: 1;
font-size: 2vw;
color: #fff;
}
.account-popup .account-popup-content {
width: 64.42166910688141vw;
margin: auto;
height: 35.94436310395315vw;
}
.account-popup .main-heading {
margin-bottom: 2vw;
}
.account-popup h2::after {
margin: auto;
background: #fff;
}
.account-popup .account-popup-content textarea {
height: 110px !important;
}
.account-popup .account-popup-content {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.account-popup .account-popup-content .form-group {
margin-bottom: 1.5vw;
}
.account-popup .account-popup-content .form-group .form-control {
background: rgb(249 249 249 / 80%);
border-color: transparent;
padding: 1vw;
transition: 1s;
font-size: 1.0248901903367496vw;
color: #a0acb4;
border-radius: 0;
}
.account-popup .account-popup-content .form-group .form-control:focus {
box-shadow: none;
border-color: #003d4d;
color: #003d4d;
padding-left: 1.5vw;
}
.account-popup .account-popup-content .form-group input::placeholder {
font-size: 1.0248901903367496vw;
color: #a0acb4;
}
.account-popup .account-popup-content a:hover svg line {
transition: 1s;
}
.account-popup .account-popup-content a:hover svg line {
stroke: #f2d866;
}
.account-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(0 61 77 / 75%);
z-index: 999999999999;
display: none;
}
.account-popup form {
background: #fff;
padding: 5vw 4vw;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.newsListing {
padding-top: 6vw;
}
.newsListing .mediaGallery {
margin-bottom: 2vw;
}
.swal-modal {
background: #003d4d;
}
.swal-title {
color: #fff;
font-size: 1.8vw;
font-family: "Zilla Slab";
padding: 0.7320644216691069vw 2.9282576866764276vw;
}
.swal-icon--success:after,
.swal-icon--success:before {
display: none !important;
}
.swal-footer {
text-align: center;
padding: 0.9516837481698389vw 1.171303074670571vw 2.049780380673499vw;
}
.swal-icon--success__hide-corners {
background: transparent;
}
.swal-icon--success__line {
background-color: #f2d866;
}
.swal-icon--success {
border-color: #f2d866;
}
.goog-te-banner,
.goog-te-banner-frame,
.goog-te-gadget img {
display: none !important;
}
.goog-te-menu2 {
background-color: #003d4d !important;
border: 1px solid #f2d866 !important;
overflow: hidden;
padding: 4px !important;
width: 10vw !important;
}
.header #google_translate_element {
position: absolute;
right: 5vw;
}
.header .goog-te-gadget-simple {
background: #f2d866;
padding: 0.4vw 0.8vw;
border: 0;
}
.header .goog-te-gadget-simple .goog-te-menu-value span {
margin-left: 10px;
color: rgb(0 61 77) !important;
}
.header .goog-te-gadget-simple .goog-te-menu-value {
margin: 0;
}
.header .goog-te-gadget-simple .goog-te-menu-value span + span {
font-size: 0vw;
}
.thankyou-section-one .d-button p {
font-weight: 600;
font-family: "Zilla Slab";
font-size: 1.3vw;
color: #003a49;
}
.bodyrtl,
.bodyrtl .heading-left,
.bodyrtl .form-control,
.bodyrtl .ctbBanner .form-my-check label,
.bodyrtl .career-section-two .careerFilter .form-control,
.bodyrtl .career-section-two .careerFilter .form-control,
.bodyrtl .history-section-two ul li button h3 {
text-align: right;
}
/*.bodyrtl .footer .bottomFooter span, .bodyrtl .footer .bottomFooter p,.bodyrtl .media-detail-section .author p{ direction: rtl; }*/
.bodyrtl .service-section-one .service-one-inner .ps-5 {
padding: 0 3rem 0 0;
z-index: 99999;
}
.bodyrtl .service-section-one .service-one-inner::after {
left: -2.5vw;
right: 1.5vw;
}
.ctbBanner .iti {
width: 100%;
}
.bodyrtl .ctbBanner .iti .form-control {
padding-right: 7vw !important;
padding-left: 0 !important;
}
.bodyrtl .ctbBanner .iti__flag-container {
right: 0;
left: auto;
direction: rtl;
}
.bodyrtl,
.bodyrtl img,
.bodyrtl ul,
.bodyrtl ol,
.bodyrtl li,
.bodyrtl span,
.bodyrtl p {
font-family: "Noto Kufi Arabic", sans-serif;
font-weight: 300;
}
.bodyrtl h1,
.bodyrtl h2,
.bodyrtl h3,
.bodyrtl h4,
.bodyrtl h5,
.bodyrtl h6 {
font-family: "Noto Kufi Arabic", sans-serif;
font-weight: 700;
}
.bodyrtl .custom-link::before {
left: auto;
right: 0;
}
/*.bodyrtl img, .bodyrtl ul, .bodyrtl ol, .bodyrtl li, .bodyrtl span, .bodyrtl p, .bodyrtl small, .bodyrtl strong, .bodyrtl h1, .bodyrtl h2, .bodyrtl h3, .bodyrtl h4, .bodyrtl h5, .bodyrtl h6{direction: rtl;}*/
.bodyrtl .mega-menu ul.megaUl li:nth-child(3) figcaption {
right: -5.5vw;
bottom: 6vw;
}
.bodyrtl .mega-menu .menu-head ul li a,
.bodyrtl .media-detail-section .postDate span,
.bodyrtl .media-detail-two .mediaGallery figcaption span {
font-family: "Syne", sans-serif;
}
.bodyrtl .translator {
right: auto;
left: 7vw;
}
.bodyrtl .header .headerWrap::before {
background: linear-gradient(
293deg,
rgba(6, 6, 6, 0) 40%,
rgba(0, 0, 0, 1) 100%
);
right: auto;
left: -7.535139092240117vw;
}
.bodyrtl .mega-menu .menu-head {
text-align: right;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.bodyrtl .mega-menu .menu-head ul {
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: flex-start;
}
.bodyrtl .mega-menu .menu-head ul li {
margin: 0 0 0 2.2vw;
}
.bodyrtl .mega-menu .mega-logo a {
margin-left: auto;
}
.bodyrtl .mega-menu figcaption h2 {
font-size: 1.6vw;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(1) {
order: 5;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(2) {
order: 6;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(3) {
order: 4;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(4) {
order: 2;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(5) {
order: 3;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(6) {
order: 1;
}
.bodyrtl .contact-section-one ul {
justify-content: end;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(5) {
transform: translateY(1000px);
}
.bodyrtl .mega-menu.active ul.megaUl li:nth-child(5) {
transform: translateY(0);
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(3) {
transform: translateY(1000px);
}
.bodyrtl .mega-menu.active ul.megaUl li:nth-child(3) {
transform: translateY(0);
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(1) {
transform: translateY(-1000px);
}
.bodyrtl .mega-menu.active ul.megaUl li:nth-child(1) {
transform: translateY(0);
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(4) {
transform: translateY(-1000px);
}
.bodyrtl .mega-menu.active ul.megaUl li:nth-child(4) {
transform: translateY(0);
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(6) {
transform: translateY(1000px);
}
.bodyrtl .mega-menu.active ul.megaUl li:nth-child(6) {
transform: translateY(0);
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(2) {
transform: translateY(1000px);
}
.bodyrtl .mega-menu.active ul.megaUl li:nth-child(2) {
transform: translateY(0);
}
.bodyrtl .service-section-one .service-one-inner .animateme {
right: auto;
left: -6.5vw;
}
.bodyrtl .banner .banner-slider .gallery figure figcaption h1,
.bodyrtl .banner .banner-slider .gallery figure figcaption p {
letter-spacing: 0;
}
.bodyrtl .banner .banner-slider .gallery figure::before {
background: linear-gradient(270deg, #003d4dd1 50%, rgba(5, 6, 6, 0) 100%);
margin-left: auto;
}
.bodyrtl .banner .banner-slider .gallery figure figcaption p {
padding: 0 1vw 0 0;
}
.bodyrtl .banner .banner-slider .gallery figure figcaption p::before {
left: auto;
right: 0;
}
.bodyrtl .banner .banner-slider .slick-next {
left: auto;
right: 8vw;
}
.bodyrtl .banner .socialIcons {
right: auto;
left: 9vw;
}
.bodyrtl .banner .banner-slider .slick-prev {
left: auto;
right: 10vw;
}
.banner .banner-slider .slick-prev {
}
.bodyrtl .menuLinks,
.bodyrtl .header .headerWrap,
.bodyrtl .banner .socialIcons ul,
.bodyrtl .footer .bottomFooter ul,
.bodyrtl .footer .topFooter .socialIcons,
.bodyrtl .media-detail-section .postDate,
.bodyrtl .media-detail-section .author,
.bodyrtl .media-detail-two figcaption a {
display: flex;
flex-direction: row-reverse;
}
.bodyrtl .row {
display: flex;
flex-direction: row-reverse;
}
.bodyrtl .home-section-two figure figcaption,
.bodyrtl .home-section-three figure figcaption {
align-items: flex-end;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr h3 {
font-size: 2vw;
line-height: 1.7;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr h3 small,
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr h3 strong {
font-size: 1.6vw;
}
.bodyrtl .home-section-one .sec1Wrap figure {
margin: 0 0 0 auto;
}
.bodyrtl .home-section-one .ps-0 {
padding: 0 0 0 15px !important;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr::before {
right: auto;
left: 0;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr {
align-content: flex-start;
padding: 0 0 0 4vw;
}
.bodyrtl .footer .bottomFooter span {
text-align: left;
}
.bodyrtl .media-detail-two a {
align-items: center;
}
.bodyrtl .media-detail-two a svg {
margin: 0 1.5vw 0 0;
transform: rotate(180deg);
}
.bodyrtl .ctbBanner .form-my-check label:before {
float: right;
margin: 0 0 0 0.36603221083455345vw;
}
.bodyrtl .ctbBanner .form-my-check input:checked + label:after {
left: auto;
right: 0.5vw;
}
.bodyrtl .about-section-one figcaption {
padding: 0 2.3vw 0 0;
}
.bodyrtl .about-section-one p {
padding: 0 0 0 7vw;
}
.bodyrtl .about-section-one ul {
transform: scaleX(-1);
}
.bodyrtl .about-section-two figure {
margin: 0 14vw 0 0;
}
.bodyrtl .about-section-two figcaption {
margin: -16vw 1vw 0 auto;
}
.bodyrtl .buyGold-section figcaption h2 {
font-size: 1.3vw;
}
.bodyrtl .about-section-two ul {
transform: scaleX(-1);
left: auto;
right: 0;
}
.bodyrtl .career-section-two .careerFilter .form-control img,
.bodyrtl .career-section-two .careerFilter .form-control img {
float: left;
}
.bodyrtl .pagination,
.bodyrtl .history-section-one .careerFilter .form-group,
.bodyrtl .career-section-detail .btn,
.bodyrtl .contact-section .contactForm form .btn,
.bodyrtl .history-section-one .current-rate,
.bodyrtl .careerPopup.active .careerPopupInr .btn,
.bodyrtl .footer .bottomFooter span,
.bodyrtl .ctbBanner .form-my-check label {
direction: rtl;
}
.bodyrtl .career-section-detail ul li,
.bodyrtl .real-estate-section ul li {
padding: 0 1vw 0 0;
}
.bodyrtl .career-section-detail ul li::before,
.bodyrtl .real-estate-section ul li::before {
left: auto;
right: 0;
}
.bodyrtl .careerPopup .careerPopupInr {
right: auto;
left: -100%;
margin: 0 auto 0 0;
}
.bodyrtl .careerPopup.active .careerPopupInr {
right: auto;
left: 0;
}
.bodyrtl .career-section-detail .btn svg,
.bodyrtl .careerPopup .careerPopupInr form .btn svg {
margin: -0.14641288433382138vw 0.5856515373352855vw 0px 0;
transform: scaleX(-1);
}
.bodyrtl .history-section-one h4 {
border-top-left-radius: 0.36603221083455345vw;
border-bottom-left-radius: 0.36603221083455345vw;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.bodyrtl .history-section-one h3 {
border-top-right-radius: 0.36603221083455345vw;
border-bottom-right-radius: 0.36603221083455345vw;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.bodyrtl .history-section-one .careerFilter .form-group {
display: flex;
align-items: center;
}
.bodyrtl .history-section-one .careerFilter .form-group #converted {
gap: 0 10px;
direction: rtl;
display: flex;
align-items: center;
border-left: 0;
border-right: 2px solid #f2d866;
margin: 0 1vw 0 0;
}
.bodyrtl .thankyou-section-one ul li::before {
right: -1.5vw;
left: auto;
}
/*.bodyrtl .thankyou-section-one .d-button {margin-top: 2vw;display: flex;flex-direction: row-reverse;gap: 0.5vw;justify-content: center;}*/
.bodyrtl .about-section-three svg .prefix__st1 {
fill: #f2d866;
fill-opacity: 1;
}
.bodyrtl .about-section-three svg .prefix__st0 {
fill: #304e56;
fill-opacity: 1;
}
.bodyrtl .ctbBanner .iti--separate-dial-code .iti__selected-dial-code {
direction: ltr;
}
.bodyrtl .ctbBanner .form-my-check {
text-align: right;
}
.cookie-bar {
position: fixed;
bottom: 0px;
padding: 15px 15px;
width: 100%;
display: none;
z-index: 15;
background-color: #031216b5;
font-family: "Poppins", sans-serif;
}
.cookie-para {
color: white;
font-size: 12px;
line-height: 1.75;
font-size: 1.1vw;
font-weight: normal;
display: inline-block;
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
.cookie-notice {
display: flex;
justify-content: space-between;
align-items: center;
}
.cookie-btn {
display: inline-block;
margin-left: 1%;
}
.cookie-decline-btn {
background-color: #fff;
display: inline-block;
margin-left: 1%;
}
.cookie-btn.secondary {
color: #fff;
font-family: "Zilla Slab", sans-serif;
text-decoration: underline;
background: none;
padding: 0px;
margin: 0px;
}
@media (max-width: 767px) {
.bodyrtl .mega-menu .menu-head {
justify-content: center;
}
.bodyrtl .service-section-one .service-one-inner::after {
left: 0;
right: 0;
}
.bodyrtl .service-section-one .service-one-inner .animateme {
left: 0;
}
.about-section-three ul li {
transform: none !important;
}
.bodyrtl .ctbBanner .form-my-check label::before {
margin: 0 0 0 10px;
}
.cookie-bar {
padding: 10px 0px;
}
.cookie-para {
line-height: 1.4;
margin-bottom: 10px;
}
.cookie-notice {
flex-wrap: wrap;
}
.container {
max-width: 100%;
}
.home-section-one .row {
flex-direction: column-reverse;
}
.home-section-one .sec1Wrap {
margin: 0 0 15px;
}
.service-section-one .service-one-inner {
padding: 12px;
}
.service-section-one .service-one-inner::after {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
.sliderxs .slick-dots {
position: absolute;
bottom: -28px;
right: 0px;
left: 0px;
display: block;
padding: 0;
margin: 0 auto;
border-radius: 3px;
list-style: none;
text-align: center;
}
.sliderxs .slick-dots li {
position: relative;
display: inline-block;
margin: 0 6px 0 0;
padding: 0;
cursor: pointer;
}
.sliderxs .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 0;
cursor: pointer;
color: transparent;
outline: none;
background: #003d4d;
border: none;
border-radius: 200px;
opacity: 0.5;
}
.sliderxs .slick-dots li.slick-active button {
opacity: 1;
border: none;
}
.sliderxs .slick-dots li button:before {
display: none;
}
.history-section-two ul li button h3,
.bodyrtl .history-section-two ul li button h3 {
text-align: center;
}
.media-detail-two .mediaGallery {
margin-bottom: 15px;
}
.thankyou-error h2 {
font-size: 40px !important;
}
.thankyou-error img {
width: 35px;
}
.thankyou-error {
padding: 40px 0 !important;
}
.error-section .page-content {
margin-top: 100px;
}
.error-section h2 {
font-size: 88px;
padding: 9px 40px 15px;
}
.error-section img {
width: 70px;
}
.error-section .page-content h3 {
font-size: 35px;
}
.error-section h4 {
font-size: 17px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 991px) {
.thankyou-section-one .main-heading2 {
padding: 0 12px !important;
}
.cookie-notice {
display: block;
text-align: center;
}
.bodyrtl .mega-menu figcaption h2 {
font-size: 13px;
}
.main-heading2 h2 {
line-height: 1;
}
.thankyou-section-one .d-button p {
margin: 20px 0 5px 0;
}
.bodyrtl .thankyou-section-one ul li::before {
right: -13px;
}
.bodyrtl .main-heading2 h2 {
line-height: 1.3;
}
.bodyrtl .about-section-two figure {
margin: 0;
}
.bodyrtl .history-section-one .careerFilter .form-group .ct-slct {
width: 100%;
}
.bodyrtl .ctbBanner .iti .form-control {
padding-right: 80px !important;
}
.bodyrtl .ctbBanner .btn {
margin: 15px 12px 0px;
}
.translator {
right: 45px;
top: 15px;
}
.translator p,
.translator a {
padding-bottom: 0;
font-size: 14px;
}
.bodyrtl .translator {
left: 45px;
}
.bodyrtl .mega-menu ul.megaUl li:nth-child(3) figcaption {
right: 0;
bottom: 0;
}
.mega-menu label {
font-size: 12px;
}
h1 {
font-size: 25px;
}
.cookie-para,
.ctbBanner .form-control,
body,
img,
ul,
ol,
li,
span,
p,
.btn,
.swal-button,
.mega-menu figcaption h2,
.media-detail-two .mediaGallery figure span,
.history-section-one label,
.history-section-one label.output-label,
.footer .topFooter .menuLinks li a {
font-size: 15px;
}
p {
margin-bottom: 10px;
line-height: 1.5;
}
img {
object-fit: cover;
}
.mega-menu figure {
margin: 0;
}
.banner .banner-slider .slick-arrow:hover {
width: 10px;
height: 20px;
}
.p.cookie-para,
.p.cookie-para a {
font-size: 14px;
}
.main-heading2.is-visible h2::before,
.main-heading2.is-visible h2::after {
display: none;
}
.main-heading2.is-visible::before,
.main-heading2.is-visible::after {
display: none;
}
.header {
padding: 5px 0 0;
}
.banner .banner-slider .gallery figure figcaption p {
margin: 5px 0 12px;
letter-spacing: 0.5px;
padding-left: 10px;
}
.btn {
padding: 8px 15px;
}
.contact-section-one .commonFrom form .form-group .form-control {
font-size: 13px;
margin: 7px 0px;
padding: 10px;
}
.history-section-one .careerFilter .form-group #converted {
padding: 9px;
}
.footer .bottomFooter p,
.footer .bottomFooter span,
.footer .bottomFooter span a {
font-size: 12px;
}
.main-heading h2 {
font-size: 25px;
margin-bottom: 18px;
}
.main-heading h2 small {
font-size: 18px;
}
.home-section-three figure.sec3Img5 {
height: 100%;
}
.main-heading2 {
margin-bottom: 18px;
}
.main-heading2 img {
width: 44px;
margin-bottom: 12px;
}
.main-heading2 h2 {
font-size: 30px;
}
.main-section {
padding: 20px 0px;
}
.mega-menu ul.megaUl li a {
width: 100%;
}
.mega-menu ul.megaUl li a img {
display: none;
}
.mega-menu {
padding: 10px 0;
overflow: scroll;
margin-top: 0;
}
.mega-menu .mega-logo a {
width: 80px;
margin: auto;
}
.mega-menu .leftright,
.mega-menu .rightleft {
width: 15px;
}
.mega-menu ul.megaUl {
display: flex;
flex-direction: column;
margin-top: 20px;
}
.mega-menu .menu-head {
line-height: 1;
text-align: center;
position: relative;
}
.mega-menu ul.megaUl li:nth-child(3) figcaption {
transform: none;
}
.mega-menu ul.megaUl li:nth-child(3) figcaption {
bottom: 0;
left: 0;
right: 0;
}
.mega-menu .menu-head ul li a {
font-size: 15px;
}
.mega-menu .menu-head ul li a svg {
width: 11px;
height: 11px;
}
.mega-menu .close-container {
width: 20px;
height: 20px;
position: absolute;
right: 14px;
top: -69px;
}
.mega-menu figcaption {
padding: 13px;
position: relative;
}
.mega-menu figcaption h2 {
margin: 0;
font-size: 17px;
}
.banner .banner-slider .gallery figure figcaption p::before {
width: 1px;
height: 100%;
}
.banner .banner-slider .gallery figure figcaption h1 small {
font-size: 12px;
}
.header .headerWrap .logo {
width: 81px;
}
.header .headerWrap::before {
height: 63px;
}
.header .headerWrap .megaopen {
position: relative;
top: 8px;
}
.header .headerWrap .megaopen span {
width: 30px;
height: 3px;
margin: 6px 0px;
}
.header .headerWrap .megaopen span:first-child,
.header .headerWrap .megaopen span:last-child {
width: 22px;
}
.header .headerWrap .megaopen:hover span {
width: 25px !important;
}
.banner .banner-slider .gallery figure img {
height: 400px !important;
object-fit: cover;
}
.banner .socialIcons ul li a {
min-width: 30px;
min-height: 30px;
font-size: 15px;
padding: 7px;
}
.banner .banner-slider .slick-arrow {
width: 10px;
bottom: 3% !important;
}
.banner .banner-slider .slick-prev {
left: 10px;
}
.bodyrtl .banner .banner-slider .slick-next {
right: 14px;
}
.bodyrtl .banner .banner-slider .slick-prev {
right: 40px;
}
.bodyrtl .banner .banner-slider .gallery figure figcaption p {
padding: 0 8px 0 0;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr {
padding: 0;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr h3 {
font-size: 30px;
}
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr h3 small,
.bodyrtl .home-section-one .sec1Wrap .sec1WrapInr h3 strong {
font-size: 20px;
}
.custom-link::before,
.footer .bottomFooter span a::before,
.footer .bottomFooter ul li a::before,
.contact-section-one ul li a::before,
.translator a::before,
.contact-section-one ul li a::before {
height: 1px;
}
.footer .bottomFooter ul li a {
padding-bottom: 0;
margin: 3px 0;
}
.home-section-one {
padding: 29px 10px;
}
.home-section-one .sec1Wrap .sec1WrapInr {
flex-wrap: nowrap;
z-index: 1;
background-color: #ffffff80;
padding-right: 0;
border: 2px solid #003d4d;
}
.home-section-one .sec1Wrap .sec1WrapInr img {
width: 40px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 {
margin: 1px 0px;
font-size: 67px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 small,
.home-section-one .sec1Wrap .sec1WrapInr h3 strong small {
font-size: 25px;
line-height: 1;
}
.home-section-one .sec1Wrap figure img {
height: 300px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 strong {
font-size: 26px;
}
.home-section-one .sec1Wrap .sec1WrapInr::before {
border-bottom: 1px solid;
width: 100%;
height: 100%;
border-bottom: 2px solid;
}
.home-section-one .sec1Wrap figure,
.home-section-three figure.sec3Img5 {
width: 100%;
transform: none !important;
padding: 10px;
}
.home-section-three figure.sec3Img5 {
padding: 0;
}
.home-section-two figure figcaption {
padding: 26px;
}
.home-section-two figure figcaption h3 small {
font-size: 30px;
}
.home-section-two figure figcaption h3 {
font-size: 40px;
}
.home-section-two a .img-wrap img {
height: 100%;
}
.home-section-three figcaption h3 {
font-size: 18px;
}
.home-section-three .sec3Wrap figcaption {
padding-top: 10px;
}
.home-section-three .sec3Wrap {
margin-bottom: 25px;
}
.home-section-three figure img {
object-fit: cover;
}
.home-section-three figure figcaption {
padding: 20px;
}
.footer .topFooter {
padding: 20px 0px;
}
.footer .topFooter > figure img {
width: 250px;
height: 250px;
object-fit: contain;
}
.footer .topFooter .logo img {
width: 90px;
}
.bottomFooter,
.footer .bottomFooter span,
.bodyrtl .footer .bottomFooter span {
text-align: center;
}
.footer .topFooter .socialIcons {
gap: 20px;
}
.footer .topFooter .socialIcons li a .footer .topFooter .socialIcons li a i,
.footer .topFooter .socialIcons li a svg {
font-size: 17px;
}
.footer .topFooter .menuLinks li a::before,
.mega-menu .menu-head ul li a::before,
.contact-section-one ul li a::before,
.translator a::before {
height: 1px;
}
.footer .bottomFooter {
border-top: 1px solid #fff;
padding: 5px 0px;
}
.footer .bottomFooter ul li a {
font-size: 12px;
}
.inner-banner figure figcaption h1 {
font-size: 30px;
}
.inner-banner figure img {
height: 250px;
}
.career-section-two .careerFilter .form-control img {
margin-top: 8px;
width: 11px;
}
.career-section-two .careerFilter .ct-slct .child_option {
margin: 6px 0px;
}
.career-section-two .careerFilterInr {
max-height: 100%;
padding: 8px;
}
.career-section-two .careerFilter .form-control,
.career-section-two .careerFilter .dropdown-menu2 li a {
font-size: 14px;
margin: 10px 0px;
}
.contact-section-one .contactForm {
padding: 30px 20px;
}
.contact-section-one ul li a svg {
width: 15px;
height: 15px;
}
.contact-section-one ul li label,
.contact-section-one ul li a {
font-size: 15px;
}
.contact-section-one ul {
gap: 13px;
}
.contact-section-one {
padding-top: 40px;
}
.contact-section-one .socialIcons a {
margin: 10px 6px 20px;
}
.contact-section-one .btn {
min-width: 140px;
padding: 9px;
font-size: 14px;
}
.contact-section-two .map iframe {
height: 220px;
}
.media-detail-section .postDate span svg {
width: 12px;
}
.media-detail-section h3,
.media-detail-two figcaption h3 {
font-size: 20px;
}
.media-detail-section .author img {
width: 40px;
height: 40px;
}
.media-detail-section .author {
gap: 0 15px;
margin: 15px 0;
}
.media-detail-two .mediaGallery figure img {
height: 300px;
}
.media-detail-two .mediaGallery figcaption {
padding: 0 8px 15px;
}
.media-detail-two .mediaGallery figure {
margin-bottom: 10px;
}
.media-detail-two .mediaGallery figure span {
padding: 7px 14px;
}
.media-detail-section h6,
.media-detail-section h6 a {
font-size: 16px;
}
.media-detail-section figure {
margin-bottom: 20px;
}
.media-detail-section figure img {
height: 100%;
object-fit: cover;
}
.about-section-one::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
border: 1px solid #f2d866;
margin: 10px;
}
.about-section-one figure {
margin-top: 15px;
padding: 10px 10px 0;
}
.about-section-one figcaption {
padding: 0;
padding: 10px 10px 0;
}
.about-section-one ul,
.about-section-two ul li {
display: none;
}
.about-section-one figure img,
.about-section-two figure img {
height: auto;
}
.about-section-two figure {
margin-left: 0;
padding: 10px;
}
.about-section-two .abtSec2Inr {
border: 1px solid #003d4d;
margin-bottom: 15px;
}
.about-section-two figcaption,
.bodyrtl .about-section-two figcaption {
padding: 15px;
width: auto;
margin: 0 10px 10px;
}
.about-section-two .main-heading2 h2,
.about-section-three .main-heading2 h2 {
font-size: 30px;
}
.about-section-two .main-heading2 h2 small,
.about-section-three .main-heading2 h2 {
font-size: 20px;
}
.about-section-two .main-heading2 img {
width: 50px;
margin-bottom: 0;
}
.about-section-two h2 {
padding: 10px 0 0;
}
.about-section-three figcaption h2 {
font-size: 20px;
}
.about-section-three figcaption {
padding: 20px;
margin-bottom: 12px;
box-shadow: 0 3px 8px 0 rgb(0 0 0 / 22%);
background: #fff;
}
.about-section-three ul {
gap: 0 15px;
margin: 30px 0px 0px;
}
.about-section-three h2 {
font-size: 14px;
}
.service-section-one .service-one-inner .animateme {
right: 0;
top: 0;
text-align: center;
}
.service-section-one .service-one-inner .animateme img {
height: 100%;
}
.ctbBanner .form-control {
height: auto;
margin: 0 0px 15px !important;
}
.ctbBanner .iti--separate-dial-code .iti__selected-dial-code {
font-size: 12px;
}
.ctbBanner .form-my-check {
padding-left: 0;
margin: 15px 0 0;
}
.ctbBanner .form-my-check label::before {
margin-right: 6px;
padding: 8px;
}
.ctbBanner .btn {
margin: 15px 0 0px 12px;
}
.ctbBanner .form-my-check input:checked + label::after {
top: 4px;
left: 5px;
width: 7px;
height: 14px;
}
.service-section-two .service-one-inner {
padding: 12px;
}
.history-section-one h4,
.history-section-one h3 {
font-size: 18px;
min-height: 40px;
padding: 10px;
}
.history-section-one h5 {
font-size: 18px;
}
.history-section-one .calculator {
margin: 20px 0px;
padding: 12px;
}
.history-section-two .tab-content {
padding: 20px 14px;
margin-bottom: 15px;
margin-top: 40px;
}
.history-section-two .tab-content h4 {
font-size: 30px;
margin-bottom: 15px;
}
.page-content {
margin: 59px 0px 0px;
}
.about-section-three svg {
width: 300px;
}
.history-section-one .main-heading2 h2 {
font-size: 29px;
}
.history-section-two ul li button h3 {
font-size: 18px;
}
.about-section-one p {
padding-right: 0;
}
.career-section-two .careerFilter .form-control {
padding: 10px 0px;
}
.history-section-one .careerFilter .form-group #converted {
font-size: 15px;
}
.thankyou-section-one ul li {
line-height: 1.4;
margin: 8px 0 0;
}
.thankyou-section-one ul li::before {
left: -12px;
top: 7px;
width: 6px;
height: 6px;
}
.thankyou-section-one .d-button p {
font-size: 14px;
}
.home-section-one .sec1Wrap .sec1WrapInr::before {
display: none;
}
.media-detail-section .postDate {
gap: 0 20px;
margin: 10px 0 20px;
}
.media-detail-section .postDate a {
padding: 5px 15px;
}
.banner .socialIcons ul li a svg,
.footer .topFooter .socialIcons li svg {
width: 13px;
height: 13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
.ctbBanner .form-my-check input:checked + label::after {
top: 2px;
}
.about-section-three h2 {
font-size: 24px;
}
.main-heading2 img {
width: 50px;
margin-bottom: 4px;
}
.home-section-three figure.sec3Img5,
.home-section-three figure.sec3Img5 img {
height: 100%;
object-fit: cover;
}
.banner .banner-slider .slick-next {
left: 35px;
}
.home-section-one .sec1Wrap figure {
height: 500px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 {
font-size: 100px;
}
.home-section-one .sec1Wrap .sec1WrapInr img {
width: 60px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 small,
.home-section-one .sec1Wrap .sec1WrapInr h3 strong small {
font-size: 30px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 strong {
font-size: 40px;
}
.contact-section-one ul {
gap: 10px;
}
.registration-process label {
font-size: 14px;
}
.media-detail-section h3,
.media-detail-two figcaption h3 {
font-size: 19px;
}
.about-section-three svg {
width: 410px;
}
.about-section-one p {
padding-right: 0;
}
.about-section-one .main-heading2 h2 {
padding-bottom: 0;
}
.about-section-one ul li:nth-child(1) {
height: 92px;
width: 2px;
top: -12px;
right: 200px;
}
.about-section-one ul li:nth-child(2) {
width: 366px;
height: 2px;
top: -10px;
left: 9px;
}
.about-section-one ul li:nth-child(3) {
height: 106%;
width: 2px;
top: -10px;
left: 8px;
}
.about-section-one ul li:nth-child(4) {
width: 500px;
left: 9px;
height: 2px;
bottom: -11px;
}
.about-section-one ul li:nth-child(5) {
height: 78px;
width: 1px;
bottom: -11px;
right: 65px;
}
.about-section-three ul {
gap: 30px;
margin: 40px 0px 0px;
}
.about-section-three figcaption {
height: 95%;
}
.about-section-two ul li {
height: 2px;
}
.service-section-one .service-one-inner::after {
width: 100%;
height: 100%;
}
.bodyrtl .service-section-one .service-one-inner .animateme {
left: 0;
}
.service-section-one .service-one-inner {
padding: 20px 20px 10px 40px;
}
.bodyrtl .service-section-one .service-one-inner {
padding: 20px 40px 10px 20px;
}
.ctbBanner figure figcaption p {
margin: 20px 0;
}
.history-section-two ul li button h3 {
font-size: 19px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bodyrtl .header .headerWrap::before {
left: -88px;
}
.banner .banner-slider .slick-prev {
left: 70px;
}
.bodyrtl .mega-menu .menu-head {
justify-content: flex-start;
}
.bodyrtl .mega-menu .close-container {
right: auto;
left: 0;
}
.error-section h2 {
padding: 10px 40px 20px;
}
.error-section .page-content {
margin-top: 100px;
}
.service-section-one {
margin-bottom: 18px;
}
.about-section-three ul li {
transform: block;
}
.banner .banner-slider .slick-next {
left: 95px;
}
.about-section-three h2 {
font-size: 23px;
}
.banner .banner-slider .gallery figure img {
height: 400px !important;
}
.header .headerWrap .megaopen span {
height: 2px;
}
.home-section-one .sec1Wrap {
margin: 0;
}
.home-section-one .sec1Wrap figure {
height: auto;
}
.header .headerWrap::before {
height: 75px;
right: -78px;
}
.mega-menu .close-container {
top: -4px;
right: -12px;
}
.mega-menu .close {
font-size: 11px;
}
.header .headerWrap .logo {
width: 80px;
}
.home-section-one .sec1Wrap .sec1WrapInr img {
width: 50px;
}
.home-section-two a .img-wrap img {
height: 312px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 strong {
font-size: 30px;
}
.main-heading2 h2 {
font-size: 30px;
}
.footer .topFooter > figure img {
width: 200px;
height: 200px;
}
.contact-section-one .btn {
min-width: 140px;
font-size: 16px;
padding: 7px;
}
.contact-section-one .contactForm {
padding: 30px 22px;
}
.contact-section-one .commonFrom form .form-group .form-control {
padding: 17px;
margin: 7px 0;
}
.media-detail-section h3,
.media-detail-two figcaption h3 {
font-size: 18px;
}
.about-section-one ul li:nth-child(1) {
height: 98px;
top: -10px;
}
.about-section-one ul li:nth-child(2) {
width: 452px;
}
.about-section-one ul li:nth-child(4) {
width: 586px;
}
.about-section-two ul li:nth-child(2) {
width: 103px;
}
.about-section-two ul li:nth-child(3) {
height: 369px;
}
.about-section-two ul li:nth-child(4) {
width: 260px;
bottom: -3px;
}
.about-section-two ul li:nth-child(5) {
bottom: -3px;
left: 260px;
height: 232px;
}
.history-section-one h4,
.history-section-one h3,
.history-section-one h4 {
padding: 14px 0px;
min-height: 40px;
font-size: 15px;
}
.mega-menu ul.megaUl {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(48px, 0fr));
}
.mega-menu figcaption {
position: absolute;
padding: 12px 8px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.bodyrtl .mega-menu ul.megaUl li:nth-child(3) figcaption {
right: -5.5vw;
bottom: 5vw;
}
.bodyrtl .header .headerWrap::before {
left: -9vw;
}
.banner .banner-slider .gallery figure img {
height: 510px !important;
}
.main-heading h2 small {
font-size: 19px;
}
.footer .topFooter .menuLinks li a,
body,
img,
ul,
ol,
li,
span,
p,
.btn,
.swal-button,
.history-section-one label,
.history-section-one label.output-label {
font-size: 15px;
}
h1 {
font-size: 30px;
}
.home-section-one .sec1Wrap .sec1WrapInr h3 strong small {
font-size: 30px;
}
.main-heading h2 {
font-size: 30px;
}
.main-heading2.with-lines h2::before,
.main-heading2.with-lines h2::after {
width: 2px;
}
.main-heading2 img {
width: 60px;
}
.home-section-two figure figcaption h3 {
font-size: 34px;
}
.home-section-two figure figcaption h3 small {
font-size: 29px;
}
.main-section {
padding: 60px 0px;
}
.header .headerWrap .megaopen {
margin-top: 5px;
}
.header .headerWrap .megaopen span {
height: 2px;
}
.mega-menu .menu-head ul li a {
font-size: 13px;
}
.mega-menu figcaption h2 {
font-size: 21px;
}
.mega-menu label {
font-size: 12px;
}
/*.home-section-one .sec1Wrap figure{width: 230px;right: -112px;}*/
.main-heading2.with-lines h2::after {
width: 2px;
}
.main-heading2.with-lines::before,
.main-heading2.with-lines::after {
height: 2px;
}
.header .headerWrap::before {
height: 75px;
right: -90px;
}
.header .headerWrap .logo {
width: 80px;
}
/*.home-section-one .sec1Wrap .sec1WrapInr{padding-right: 9px;align-items: flex-end;flex-wrap: nowrap;}*/
/*.home-section-one .sec1Wrap .sec1WrapInr img{margin-right: 68px;width: 40px;}*/
/*.home-section-one .sec1Wrap .sec1WrapInr h3 strong{font-size: 20px;}*/
/*.home-section-one .sec1Wrap .sec1WrapInr::before {width: 213px; height: 302px; border-bottom: none; background-size: cover; }*/
.footer .bottomFooter p,
.footer .bottomFooter span,
.footer .bottomFooter span a,
.footer .bottomFooter ul li a {
font-size: 12px;
}
.footer .topFooter > figure img {
width: 300px;
height: 200px;
}
/*.home-section-one .sec1Wrap .sec1WrapInr h3{font-size: 100px;margin: 0;}*/
/*.home-section-one .sec1Wrap .sec1WrapInr h3 small{font-size: 34px;}*/
.main-heading2 h2 {
font-size: 30px;
padding: 5px 0 20px;
}
.home-section-three figcaption h3 {
font-size: 17px;
}
.banner .banner-slider .gallery figure figcaption p {
padding: 10px 0 20px;
padding-left: 10px;
}
.about-section-three h2 {
font-size: 25px;
}
.custom-link::before,
.footer .topFooter .menuLinks li a::before,
.mega-menu .menu-head ul li a::before,
.contact-section-one ul li a::before,
.translator a::before,
.contact-section-one ul li a::before {
height: 1px;
}
.banner .banner-slider .slick-arrow {
width: 12px;
left: 83px;
}
.banner .banner-slider .slick-next {
left: 109px;
}
.banner .socialIcons ul li a {
min-width: 30px;
min-height: 30px;
font-size: 16px;
padding: 7px;
}
.footer .topFooter > figure img {
object-fit: contain;
}
.career-section-two .careerFilter .form-control,
.career-section-two .careerFilter .dropdown-menu2 li a {
font-size: 14px;
}
.contact-section-one ul li a {
font-size: 14px;
}
.contact-section-one ul li label {
font-size: 15px;
}
.contact-section-one .commonFrom form .form-group .form-control {
font-size: 14px;
}
.about-section-one ul,
.about-section-two ul {
display: none;
}
.about-section-two .abtSec2Inr {
border: 2px solid;
padding: 20px;
}
.about-section-one::before {
content: "";
position: absolute;
left: 4vw;
right: 3vw;
bottom: 3vw;
top: 3vw;
border: 2px solid #f2d866;
margin: 10px;
}
.service-section-one .service-one-inner {
border: 2px solid #f2d866;
padding: 0;
}
.service-section-one .service-one-inner .animateme {
right: 0;
top: 0;
text-align: right;
}
.service-section-one .service-one-inner::after {
display: none;
}
.about-section-one ul,
.about-section-two ul {
}
.about-section-one ul li:nth-child(1) {
height: 21%;
width: 2px;
top: -5%;
right: 30%;
}
.about-section-one ul li:nth-child(2) {
width: 70%;
height: 2px;
top: -5%;
}
.about-section-one ul li:nth-child(3) {
width: 2px;
height: 113%;
top: -5.1%;
}
.about-section-one ul li:nth-child(4) {
height: 2px;
width: 92.6%;
bottom: -8.6%;
}
.about-section-one ul li:nth-child(5) {
height: 19.3%;
width: 2px;
bottom: -8.6%;
right: 7.4%;
}
.about-section-two ul li:nth-child(1) {
height: 44px;
width: 2px;
top: 120px;
}
.about-section-two ul li:nth-child(2) {
height: 2px;
width: 134px;
top: 120px;
}
.about-section-two ul li:nth-child(3) {
height: 418px;
width: 2px;
top: 120px;
}
.about-section-two ul li:nth-child(4) {
width: 270px;
height: 2px;
bottom: 20px;
}
.about-section-two ul li:nth-child(5) {
height: 217px;
width: 2px;
bottom: 20px;
left: 270px;
}
.about-section-three ul {
margin: 65px 0px 0px;
gap: 32px;
}
.about-section-three figcaption {
padding: 16px;
margin-bottom: 12px;
}
.about-section-two figcaption {
width: 228px;
}
.about-section-one p {
padding-right: 79px;
}
.about-section-two h2 {
padding: 20px 0 0;
}
/*.service-section-one .service-one-inner{padding: 23px 46px 16px;}*/
/*.service-section-one .service-one-inner::after {height: 94%;}*/
/*.service-section-one .service-one-inner{padding: 55px 46px 16px;}*/
.ctbBanner .form-control {
height: 50px;
font-size: 15px;
}
.ctbBanner .form-my-check input:checked + label::after {
top: 6px;
}
.ctbBanner .form-my-check input:checked + label::before {
margin-right: 10px;
}
.history-section-one h4,
.history-section-one h3 {
font-size: 20px;
padding: 20px 0;
min-height: 66px;
}
.history-section-one .careerFilter .form-group {
padding-bottom: 20px;
}
.history-section-two .tab-content h4 {
font-size: 30px;
}
.history-section-two .tab-content p,
.history-section-two .tab-content span {
margin: 10px 0;
}
.history-section-two .tab-content {
padding: 50px 100px;
margin-top: 50px;
}
.history-section-one .calculator {
padding: 30px;
}
.history-section-one h5 {
font-size: 20px;
}
}
.one {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.two {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.three {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.four {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#entry_length {
display: none;
}
@media only screen and (min-width: 1200px) {
.about-section-two .abtSec2Inr {
border: 2px solid;
padding: 20px;
}
.about-section-two ul {
display: none !important;
}
}
.banner_image {
/* background-position: center center;
background-size: 100% 100%;
object-fit: cover;
/* */
background-color: unset;
background-repeat: no-repeat;
background-size: cover;
}
.error {
color: red !important;
}
.blog-content a,
.blog-content a:visited {
color: #003d4d;
text-decoration: underline;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#contact-form_2 .just-validate-error-label {
position: absolute;
top: 100%
}
#open-an-account .just-validate-error-label {
text-align: left;
}
.position-terms {
position: relative;
}
@media (max-width: 500px) {
.purposeImage {
margin: auto !important;
}
.history-section-two ul li button span {
font-size: 20px;
}
#contact-form_2 .just-validate-error-label {
position: relative !important;
}
#contact-form_2 #terms {
position: relative !important;
top: -9px;
}
}