HEX
Server: LiteSpeed
System: Linux premium260.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
User: aliazzsr (627)
PHP: 7.4.33
Disabled: NONE
Upload Files
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;
     }
}