html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    font-family: 'Pilat Wide';
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #000000;
    background-color: #ffffff;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.wow {
    visibility: hidden;
}
a,
button,
.btn {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
a {
    text-decoration: none;
}
p:last-child {
    margin-bottom: 0 !important;
}
.owl-carousel .owl-item img {
    width: auto;
}

/* COMMON STYLE :START */

.overflow-clip {
    overflow: clip;
}
.overflow-x-clip {
    overflow-x: clip;
}
.overflow-y-clip {
    overflow-y: clip;
}

.text-wrap-balance {
    text-wrap: balance;
}

.fs-12px {
    font-size: 12px !important;
}
.fs-14px {
    font-size: 14px !important;
}
.fs-16px {
    font-size: 16px !important;
}
.fs-18px {
    font-size: 18px !important;
}

.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}

.mxcontainer {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.mxcontainer2 {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}

/* ---- section spacing :start ---- */
.section-padding {
    padding: 90px 0px;
}
.section-margin {
    margin: 90px 0px;
}

.section-padding2 {
    padding: 70px 0px;
}
.section-margin2 {
    margin: 70px 0px;
}

.innerpage-padding {
    padding: 100px 0px;
}
/* ---- section spacing :end ---- */

/* ---- hd-type :start ---- */
.hd-type-1 {
    color: #000000;
    margin-bottom: 12px;
}
.hd-type-1 h1,
.hd-type-1 h2,
.hd-type-1 h3,
.hd-type-1 h4,
.hd-type-1 h5 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    color: inherit;
    margin-bottom: 0px;
}

.hd-type-2 {
    color: #000000;
    margin-bottom: 12px;
}
.hd-type-2 h1,
.hd-type-2 h2,
.hd-type-2 h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: inherit;
    margin-bottom: 0px;
}

.hd-type-3 {
    color: #000000;
    margin-bottom: 12px;
}
.hd-type-3 h1,
.hd-type-3 h2,
.hd-type-3 h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    margin-bottom: 0px;
}
/* ---- hd-type :end ---- */

/* ---- .btn-type-1 :start ---- */
.btn-type-1 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #ffffff;
    background-color: #023222;
    border: 2px solid #023222;
    border-radius: 100px;
    text-align: center;
    padding: 12px 30px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.btn-type-1.btn:active,
.btn-type-1:hover {
    color: #ffffff;
    background-color: #00672a;
    border-color: #00672a;
}
/* ---- .btn-type-1 :end ---- */

/* ---- .btn-type-2 :start ---- */
.btn-type-2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #ffffff;
    background-color: #004d13;
    border: 2px solid #004d13;
    border-radius: 100px;
    text-align: center;
    padding: 12px 30px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.btn-type-2.btn:active,
.btn-type-2:hover {
    color: #ffffff;
    background-color: #00672a;
    border-color: #00672a;
}
/* ---- .btn-type-2 :end ---- */

/* ---- btn-type addons :start ---- */
.btn-radius-1[class*="btn-type-"] {
    border-radius: 10px;
}
/* ---- btn-type addons :end ---- */

/* ---- .block-style-1 :start ---- */
.block-style-1 {
    width: 100%;
    height: auto;
    min-height: 200px;
    aspect-ratio: 310/245;
    background-color: #023222;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}
.block-style-1 .bs1-image {
    width: 100%;
    height: 100%;
    position: relative;
}
.block-style-1 .bs1-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.1) 50%);
}
.block-style-1 .bs1-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.block-style-1 .bs1-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px 30px;
    transition: 0.5s;
}
.block-style-1 .bs1-text h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0px;
}
.block-style-1:hover .bs1-image img {
    transform: scale(1.1);
}
.block-style-1:hover .bs1-text {
    bottom: 10px;
}
/* ---- .block-style-1 :start ---- */

/* ---- .block-style-2 :start ---- */
.block-style-2 {
    width: 100%;
    height: 100%;
    /* min-height: 200px; */
    /* aspect-ratio: 310/245; */
}
.block-style-2 .bs2-image {
    width: 100%;
    height: auto;
    aspect-ratio: 365/205;
    background-color: #023222;
}
.block-style-2 .bs2-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.block-style-2 .bs2-text {
    text-align: center;
    margin-top: 15px;
}
.block-style-2 .bs2-text :last-child {
    margin-bottom: 0;
}
.block-style-2 .bs2-text h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 12px;
}
/* ---- .block-style-2 :end ---- */

/* ---- .para-type-1 :start ---- */
.para-type-1 p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin-bottom: 0px;
}
/* ---- .para-type-1 :end ---- */

/* ---- owlnav-1 :start ---- */
.owlnav-1 .owl-nav button.owl-prev, 
.owlnav-1 .owl-nav button.owl-next  {
    position: absolute;
    top: calc(50% - 15px);
    font-size: 16px;
    color: #023222;
    background-color: #ffffff;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 0.5s;
}
.owlnav-1 .owl-nav button.owl-prev {
    left: 40px;
}
.owlnav-1 .owl-nav button.owl-next {
    right: 40px;
}
.owlnav-1 .owl-nav button.owl-prev:hover, 
.owlnav-1 .owl-nav button.owl-next:hover  {
    color: #ffffff;
    background-color: #023222;
    opacity: 1;
}
.owlnav-1 .owl-nav button.owl-prev.disabled, 
.owlnav-1 .owl-nav button.owl-next.disabled  {
    opacity: 0.1 !important;
    pointer-events: none;
}
/* ---- owlnav-1 :end ---- */

/* ---- owldots-1 :start ---- */
.owldots-1 .owl-dots {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 7px;
    margin: 50px 0px 0px 0px;
}
.owldots-1 .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #0c9064;
    border: 1px solid #0c9064;
    border-radius: 10px;
    display: flex;
    transition: 0.5s;
}
.owldots-1 .owl-dots .owl-dot:hover span {
    background-color: #cfcfcf;
    border-color: #cfcfcf;
}
.owldots-1 .owl-dots .owl-dot.active span {
    background-color: #cfcfcf;
    border-color: #cfcfcf;
}
/* ---- owldots-1 :end ---- */

/* ---- owlsameheight :start ---- */
.owlsameheight .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.owlsameheight .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}
.owlsameheight .owl-item .item {
    width: 100% !important;
    height: 100% !important;
}
/* ---- owlsameheight :end ---- */

/* ---- form-style-1 :start ---- */
.form-style-1 {
    width: 100%;
    height: auto;
}
.form-style-1 .form-group {
    margin-bottom: 20px;
}
.form-style-1 .form-label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
}
.form-style-1 .form-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: inherit;
    margin-top: 12px;
    display: block;
}
.form-style-1 .form-control {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.286;
    background-color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 0 20px;
    transition: 0.5s;
    height: 46px;
}
.form-style-1 .form-control:focus {
    border-color: #023222;
    box-shadow: none;
}
.form-style-1 .form-control:disabled {
    background-color: #e8e8e8;
    border-color: #000000;
}
.form-style-1 .form-control::placeholder {
    color: #868686;
}
.form-style-1 textarea.form-control {
    height: 160px;
    padding-top: 15px;
}
.form-style-1 .nice-select {
    width: 100%;
    height: 43px;
    font-weight: 500;
    line-height: 1;
    background-color: transparent;
    border: 2px solid #bdbdbd;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 30px;
    transition: 0.5s;
}
.form-style-1 .nice-select::after {
    top: 0;
    right: 15px;
    background-image: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 100%;
    border: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.form-style-1 .nice-select.open {
    border-color: #cc0000;
}
.form-style-1 .nice-select.open::after {
    -webkit-transform: scaleY(-1) rotate(0deg);
        -ms-transform: scaleY(-1) rotate(0deg);
            transform: scaleY(-1) rotate(0deg);
}
.form-style-1 .nice-select .list {
    max-height: 300px;
    overflow-y: auto;
}
.form-style-1 .nice-select .option {
    font-weight: 500;
}
.form-style-1 .nice-select .list .option:hover {
    color: #ffffff;
    background-color: #000000 !important;
}
/* ---- form-style-1 :end ---- */

/* COMMON STYLE :END */


/* Header section :start */
header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 50px 30px 0px 30px;
}
header .cextranav {
    padding: 15px 15px 15px 0px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
}
header .breakpoint-on .cextranav {
    margin-left: auto;
}
header .cextranav .enav-language {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
header .cextranav .enav-language li {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    color: #c3c3c3;
    display: inline-flex;
    align-items: center;
}
header .cextranav .enav-language li::after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background-color: #023222;
}
header .cextranav .enav-language li:last-child::after {
    display: none;
}
header .cextranav .enav-language li a {
    color: inherit;
    padding: 0px 10px;
    display: inline-flex;
    align-items: center;
}
header .cextranav .enav-language li a.active {
    color: #023222;
}
header .cextranav .enav-language li a:hover {
    color: #00672a;
}

header .cextranav .enav-contact-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #023222;
    border: 2px solid #023222;
    border-radius: 6px;
    text-align: center;
    padding: 12px 30px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
header .cextranav .enav-contact-btn:hover {
    color: #ffffff;
    background-color: #00672a;
    border-color: #00672a;
}
.breakpoint-on.classy-nav-container .cextranav .enav-contact-btn {
    display: none;
}
/* Header section :end */

/* Home banner section :start */
.homebanner-section {
    width: 100%;
    height: 100dvh;
    min-height: 800px;
    background-color: #023222;
}
.homebanner-section .owl-carousel, 
.homebanner-section .owl-carousel .owl-stage-outer,
.homebanner-section .owl-carousel .owl-stage-outer .owl-stage,
.homebanner-section .owl-carousel .owl-stage-outer .owl-stage .owl-item, 
.homebanner-section .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
    width: 100%;
    height: 100%;
}
.hbanner-block {
    width: 100%;
    height: 100%;
    position: relative;
}
.hbanner-block .hbimage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hbanner-block .hbimage::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);

} 
.hbanner-block .hbimage img, 
.hbanner-block .hbimage video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hbanner-block .hbcaption {
    width: 100%;
    height: 100%;
    padding: 0px 12px 40px 12px;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}
.hbanner-block .hbcaption h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
}
.hbanner-block .hbcaption p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 10px;
}
/* Home banner section :end */

/* What we do section :start */
.whatwedo-section {
    width: 100%;
    height: auto;
}
.whatwedo-section .wwdsec-body {
    /* padding-left: 35px; */
    margin-top: 60px;
}
.whatwedo-section .wwdsec-body .owl-carousel .owl-stage {
    cursor: all-scroll;
}
.whatwedo-section .wwdsec-body .owl-carousel .owl-stage:active {
    cursor: grabbing;
}

.what-we-do-block {
    width: 100%;
    height: 100%;
    min-height: 420px;
    color: #000000;
    background-color: #eaede4;
    border-radius: 36px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    transition: 0.5s;
    /* cursor: all-scroll; */
}
.what-we-do-block .wwd-head {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.what-we-do-block .wwd-head h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: inherit;
    margin-bottom: 0;
}
.what-we-do-block .wwd-image {
    width: 100%;
    height: auto;
    margin-top: auto;
}
.what-we-do-block .wwd-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transition: 0.5s;
}
.what-we-do-block .wwd-bottom {
    width: 100%;
    height: 0;
    margin-top: auto;
    overflow: hidden;
    transition: 0.5s;
}
.what-we-do-block:hover > .wwd-bottom {
    height: 65px;
}
.what-we-do-block .wwd-bottom p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.what-we-do-block .wwd-bottom .learnmore-btn {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    color: inherit;
    display: inline-flex;
    align-items: center;
}
.what-we-do-block .wwd-bottom .learnmore-btn i {
    margin-left: 5px;
}

.what-we-do-block:hover {
    color: #ffffff;
    background-color: #023222;
}
.what-we-do-block:hover .wwd-image img {
    filter: brightness(0) invert(1);
}
/* What we do section :end */


/* Our Brands section :start */
.ourbrands-section {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    background-image: url('../images/our-brands-bg3.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-left: 20px;
    padding-right: 20px;
}
.ourbrands-section .obsec-head {
    margin-bottom: 80px;
}
.ourbrands-section .obsec-head .obsec-left {}
.ourbrands-section .obsec-head .obsec-right {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
    text-align: right;
}

.ourbrands-owl .owl-stage-outer {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.1));
}
.our-brand-block {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    background-color: #ffffff;
    border-radius: 100%;
    padding: 30px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.our-brand-block img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
/* Our Brands section :end */


/* Our Growth Journey section :start */
.journey-section {
    background-color: #eaede4;
    padding: 80px 0px;
    position: relative;
    z-index: 2;
}
.journey-section .jousec-inner {
    text-align: center;
    /* color: #004d13; */
    color: rgba(0, 77, 19, 0.4);
    background-image: url('../images/scroll-slider/ss-image-1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    background-attachment: fixed;
}
.journey-section .jousec-inner h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: inherit;
    margin-bottom: 30px;
}
.journey-section .jousec-inner h4 {
    font-size: 76px;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
    margin-bottom: 10px;
}

.journey-section .jshape {
    position: absolute;
    bottom: -40px;
    left: calc(50% - 55px);
    width: 110px;
    height: 110px;
    background: inherit;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
/* Our Growth Journey section :end */

/* .scroll-slider-section :start */
.scroll-slider-section {
    width: 100%;
    /* height: 100dvh; */
    position: relative;
    /* overflow-x: clip; */
    /* overflow-y: auto; */
    z-index: 1;
}
.sslidersec-block {
    width: 100%;
    height: 100%;
    background-color: #004d13;
    padding: 20px 0px;
    position: relative;
}
.sslidersec-block .ssblk-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #004d13;
}
.sslidersec-block .ssblk-image::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 77, 19, 0.4);
}
.sslidersec-block .ssblk-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sslidersec-block .ssblk-text {
    width: 100%;
    height: 100%;
    padding: 0px 60px;
    display: flex;
    align-items: center;
    position: relative;
}
.sslidersec-block .ssblk-text .txtinner {
    display: flex;
    gap: 12px;
    color: #ffffff;
}
.sslidersec-block:nth-child(even) .txtrow {
    flex-direction: row-reverse;
}
.sslidersec-block .ssblk-text .txtinner .tincount h3 {
    font-size: 72px;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 0px;
}
.sslidersec-block .ssblk-text .txtinner .tintext h4 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0px;
}


.featurescroll-on#feature-scroll-track {
    width: 100%;
    height: auto;
    position: relative;
    /* z-index: 20; */
}
.featurescroll-on #feature-sticky-viewport {
    height: 100vh;
    width: 100%;
    position: sticky;
    top: 0;
    overflow: hidden;
}
.featurescroll-on .feature-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    will-change: transform;
    overflow: hidden;
}
.featurescroll-on .feature-panel:nth-child(2) {
    transform: translateY(0%);
}

.scroll-slider-section.featurescroll-off .feature-panel {
    transform: initial !important;
}
.scroll-slider-section.featurescroll-off .sslidersec-block {
    height: 400px;
    padding: 50px 0px;
}
/* .scroll-slider-section :end */

/* Import & Export section :start */
.importnexport-section {
    overflow-x: clip;
}
.importnexport-section .iesec-frame-outer {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}
.importnexport-section .iesec-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1366px;
    height: 1088px;
    text-align: center;
    /* padding-top: 205px; */
    margin: 0 auto 50px;
    transform-origin: top;

    /* background-color: antiquewhite; */
}
.importnexport-section .ieimg-bg {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    padding-top: 205px;
    padding-bottom: 50px;
    margin-left: -220px;
}
.importnexport-section .iesec-frame .ieimg-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 2;
    transform-origin: top center;
    animation: 25s ieswing infinite;
}
@keyframes ieswing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -8deg);
    transform: rotate3d(0, 0, 1, -8deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
}
.importnexport-section .iesec-frame .ieimg-2 {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
}
.importnexport-section .iesec-frame .ieimg-3 {
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 3;
}

.importnexport-section .iesec-frame .ietxt-1 {
    position: absolute;
    top: 640px;
    left: 70px;
    width: 400px;
    height: auto;
    text-align: left;
}
.importnexport-section .iesec-frame .ietxt-1 h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 0.9;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.importnexport-section .iesec-frame .ietxt-2 {
    position: absolute;
    top: 640px;
    right: 30px;
    width: 255px;
    height: auto;
    text-align: right;
}
.importnexport-section .iesec-frame .ietxt-2 p {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.importnexport-section .iesec-text {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 40px 0px;
}
.importnexport-section .iesec-text h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 0.9;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.importnexport-section .iesec-text p {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}
/* Import & Export section :end */

/* Footer section :start */
footer {
    width: 100%;
    height: auto;
    background-image: url('../images/footer-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
footer .ftinner {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}


footer .ft-top {
    text-align: center;
    padding: 50px 0px;
}
footer .ft-top h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 0.95;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
}
footer .ft-top h2 strong {
    font-weight: 700;
}


footer .ft-body {
    width: 100%;
    max-width: 1300px;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    color: #023222;
    background-color: #ffffff;
    border-radius: 25px;
    padding: 60px 40px;
    margin: 0 auto;
 position: relative;
}
footer .ft-body .back-to-top {
    position: absolute;
    top: -19px;
    right: 50px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #023222;
    border: 2px solid #023222;
    border-radius: 100px;
    padding: 5px 10px 5px 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
footer .ft-body .back-to-top:hover {
    color: #ffffff;
    background-color: #00672a;
    border-color: #00672a;
}
footer .ft-body .ftb-block h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #023222;
    margin-bottom: 15px;
}
footer .ft-body .ftb-block address {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    color: #023222;
    margin-bottom: 15px;
    display: block;
}


footer .ft-body .ftb-block .ft-list-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #023222;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .ft-body .ftb-block .ft-list-1 li a {
    color: inherit;
}
footer .ft-body .ftb-block .ft-list-1 li a:hover {
    color: inherit;
    text-decoration: underline;
}


footer .ft-body .ftb-block .ft-list-2 {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #023222;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .ft-body .ftb-block .ft-list-2 li {
    display: flex;
    gap: 10px;
}
footer .ft-body .ftb-block .ft-list-2 li .fl2left {
    flex-grow: 0;
    flex-shrink: 0;
    width: 70px;
}
footer .ft-body .ftb-block .ft-list-2 li .fl2right {}
footer .ft-body .ftb-block .ft-list-2 li a {
    font-weight: 700;
    color: inherit;
    display: inline-block;
}
footer .ft-body .ftb-block .ft-list-2 li a:hover {
    color: inherit;
    text-decoration: underline;
}


footer .ft-body .ftb-block .ft-btn-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

footer .ft-body .ftb-block .ft-btn-wrap .download-btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #004d13;
    background-color: transparent;
    border: 2px solid #004d13;
    border-radius: 100px;
    text-align: center;
    padding: 5px 5px 5px 30px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
footer .ft-body .ftb-block .ft-btn-wrap .download-btn img {
    width: auto;
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
    flex-grow: 0;
    margin-left: 10px;
    transition: 0.5s;
}
footer .ft-body .ftb-block .ft-btn-wrap .download-btn:active,
footer .ft-body .ftb-block .ft-btn-wrap .download-btn:hover {
    color: #ffffff;
    background-color: #00672a;
    border-color: #00672a;
}
footer .ft-body .ftb-block .ft-btn-wrap .download-btn:active img ,
footer .ft-body .ftb-block .ft-btn-wrap .download-btn:hover img {
    filter: brightness(0) invert(1);
}


footer .ft-copyright {
    width: 100%;
    height: auto;
    padding: 20px 0px;
    color: #ffffff;
    text-align: center;
}
footer .ft-copyright p {
    font-size: 12px;
    font-weight: 400;
}
/* Footer section :end */

/* fixed-float-buttons :start */
.fixed-float-buttons {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    z-index: 1020;
}
.fixed-float-buttons .btn {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    rotate: 180deg;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0px 5px 5px 0px;
    box-shadow: none;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px 7px 12px 7px;
    transition: 0.5s;
    overflow: hidden;
}
.fixed-float-buttons .btn.c2 {
    color: #ffffff;
    background-color: #000000;
}
.fixed-float-buttons .btn p {
    padding: 0;
    margin: 0;
}
.fixed-float-buttons .btn:hover {
    color: #ffffff;
    background-color: #00672a !important;
}
/* fixed-float-buttons :end */

/* Inner Banner :start */
.innerbanner-section {
    width: 100%;
    height: auto;
}
.innerbanner-section .ibanner-block {
    width: 100%;
    height: 590px;
    background-color: #000000;
    position: relative;
}
.innerbanner-section .ibanner-block::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.2); */
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.1) 70%);
    z-index: 2;
}
.innerbanner-section .ibanner-block .ibbimage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.innerbanner-section .ibanner-block .ibbcaption {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 140px 0px 10px;
    z-index: 3;
    position: relative;
}
.innerbanner-section .ibanner-block .ibbcaption.ibc-s1 {
    align-items: flex-end;
    padding-left: 18px;
    padding-bottom: 40px;
}
.innerbanner-section .ibanner-block .ibbcaption :last-child {
    margin-bottom: 0;
}
.innerbanner-section .ibanner-block .ibbcaption .ibcap-content {
    padding-left: 18px;
    padding-right: 18px;
}
.innerbanner-section .ibanner-block .ibbcaption h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    text-align: left;
}
.innerbanner-section .ibanner-block .ibbcaption p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 10px;
}
.innerbanner-section .ibanner-block .ibbcaption .btn {
    height: 44px;
    line-height: 44px;
    background: #046201;
    color: #fff;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    font-size: 12px;
}
.innerbanner-section .ibanner-block .ibbcaption .btn:hover {
    background: #fff;
    color: #046201;

}
.innerbanner-section .ibanner-block iframe {
    width: 100%;
    height: calc(100% + 60px);
    position: absolute;
    left: 0;
    top: -60px;
}
.innerbanner-section .ibanner-block.no-after::after {
    display: none;
}
/* Inner Banner :end */


.im-ex-wrap {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}
.im-ex-wrap .cell {
    width: 33.33%;
    text-align: center;
}
.im-ex-wrap .cell img {
    max-width: 100%;
}
.im-ex-wrap .cell span {
    font-size: 20px;
    color: #000;
    display: block;
    text-align: center;
    font-weight: 600;
    margin: 15px 0 0 0;
}



.mission-vision-section {
    width: 100%;
    height: auto;
    overflow-x: clip;
}
.mission-vision-section .mvsec-inner {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.mission-vision-section .mvsec-inner .mvblock {
    width: 32%;
    border: 0px solid #cccccc;
    border-right-width: 2px;
    padding: 30px 30px;
    position: relative;
}
.mission-vision-section .mvsec-inner .mvblock::before,
.mission-vision-section .mvsec-inner .mvblock::after {
    content: '';
    position: absolute;
    top: 0;
    right: -110px;
    width: 220px;
    height: 2px;
    background-color: #cccccc;
    transition: 0.5s;
}
.mission-vision-section .mvsec-inner .mvblock::after {
    top: auto;
    bottom: 0;
}
.mission-vision-section .mvsec-inner .mvblock:last-child {
    border: 0;
}
.mission-vision-section .mvsec-inner .mvblock:last-child::before,
.mission-vision-section .mvsec-inner .mvblock:last-child::after {
    display: none;
}
.mission-vision-section .mvsec-inner .mvblock.mvb1 {
    text-align: right;
}









.download-strip-wrap {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: #023222;
}
.download-strip-wrap .dsw-block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 30px 0px;
}
.download-strip-wrap .dsw-block .dsbleft {
    width: 100%;
}
.download-strip-wrap .dsw-block .dsbleft h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}
.download-strip-wrap .dsw-block .dsbright {
    width: 100%;
}
.download-strip-wrap .dsw-block .dsbright {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}
.download-strip-wrap .dsw-block .dsbright .fsize {
    font-size: 12px;
    font-weight: 400;
    text-wrap: nowrap;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}
.download-strip-wrap .dsw-block .dsbright .dbtn1 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background-color: #00672a;
    border: 2px solid #00672a;
    border-radius: 100px;
    padding: 12px 30px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.download-strip-wrap .dsw-block .dsbright .dbtn1:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}




.sendusmessage-section {
    width: 100%;
    height: auto;
    background-color: #eaede4;
}

.contact-details-section .cdsec-inner {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-bottom: 0;
}
.contact-details-section .cdsec-inner .cdblock {
    flex: 1;
}
.contact-details-section .cdsec-inner .cdblock address {
    display: block;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 0px;
}
.contact-details-section .cdsec-inner .cdblock p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 0px;
}
.contact-details-section .cdsec-inner .cdblock p a {
    font-weight: 600;
    color: inherit;
}
.contact-details-section .cdsec-inner .cdblock p a:hover {
    text-decoration: underline;
}
.contact-details-section .cdsec-inner .cdblock.cdb1 {
    text-align: right;
}
.contact-details-section .cdsec-inner .cdblock .ofc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.contact-details-section .cdsec-inner .cdblock .ofc h3 {
    font-size: 24px;
    font-weight: 700;
}
.contact-details-section .cdsec-inner .cdblock .ctct {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.contact-details-section .cdsec-inner .cdblock .ctct h3 {
    font-weight: 700;
    font-size: 24px;    
}
.contact-details-section .cdsec-inner .cdbr {
    font-size: 32px;
    color: #000000;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.contact-details-section .cdsec-inner .cdbr::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #a8a8a8;
    margin: auto;
    transform: rotate(19deg);
}
.contact-details-section .cdsec-inner .cdbr i {
    padding: 5px 0px;
    background-color: #ffffff;
    position: relative;
}

/* Operations page :start */
.intersourcing-section {}

.intersourcing-section .issec-image {
    width: 100%;
    height: auto;
    max-height: 630px;
    aspect-ratio: 1920/650;
    background-image: url('../images/international-sourcing.webp');
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center bottom;
    position: relative;
    text-align: center;
}
.intersourcing-section .issec-image::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.2); */
    background: #063626;
    background: linear-gradient(0deg, rgba(6, 54, 38, 1) 9%, rgba(6, 54, 38, 0) 22%, rgba(6, 54, 38, 0) 50%);
    z-index: 2;
}
.intersourcing-section .issec-image img {
    position: relative;
    z-index: 1;
}

.intersourcing-section .issec-content {
    width: 100%;
    height: auto;
    color: #ffffff;
    background-color: #063626;
    padding: 10px 0px 70px;
}




.distributionnetwork-section .dn-logos-wrap {
    width: 100%;
    height: auto;
}
.distributionnetwork-section .dn-logos-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14.2857%, 1fr));
    grid-auto-rows: 1fr;
}
.distributionnetwork-section .dn-logos-wrap ul li {
    height: 130px;
    margin: -1px -1px 0px 0px;
}
.distributionnetwork-section .dn-logos-wrap ul li.colspan-2 {
    grid-column: span 2;
}

.distributionnetwork-section .dnlogo-block {
    width: 100%;
    height: 100%;
    border: 1px dashed #ccccd1;
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.distributionnetwork-section .dnlogo-block img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transition: 0.5s;
}
.distributionnetwork-section .dnlogo-block:hover img {
    transform: scale(0.9);
}



.distributionnetwork-section .dnsec-bottom {
    width: 100%;
    height: auto;
}
.distributionnetwork-section .dnsec-bottom p {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}




.lnw-shape {
    width: 100%;
    height: 120px;
    background-image: url('../images/lnw-shape-circle.webp');
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
}

.logisticsnwarehousing-section {
    width: 100%;
    height: auto;
    background-color: #e2e5dc;
}
.logisticsnwarehousing-section .lnw-content {
    position: relative;
}

.logisticsnwarehousing-section .lnwsec-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
}

.logisticsnwarehousing-section .lnwsec-center {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logisticsnwarehousing-section .lnwsec-center .lnwimage {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.logisticsnwarehousing-section .lnwsec-center .lnwimage img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.logisticsnwarehousing-section .lnwsec-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 420px;
}
.logisticsnwarehousing-section .lnwsec-right p {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}




.salesnmarketing-section {
    width: 100%;
    height: auto;
}
.salesnmarketing-section .snm-content {
    width: 100%;
    height: 100%;
    min-height: 469px;
    color: #ffffff;
    background-color: #eaede4;
    background-image: url('../images/sales-and-marketing-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 35px;
    padding: 50px 50px;
    position: relative;
    overflow: hidden;
}
.salesnmarketing-section .snm-content::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(130deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.1) 70%);
}
.salesnmarketing-section .snm-content::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(330deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.1) 70%);
}
.salesnmarketing-section .snmsec-right {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.salesnmarketing-section .snmsec-right p {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}
.salesnmarketing-section .snmsec-right ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.salesnmarketing-section .snmsec-right ul li {
    position: relative;
    padding-left: 20px;
}
.salesnmarketing-section .snmsec-right ul li::after {
    width: 8px;
    height: 8px;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 50%;
}



.weoperate-section {
    width: 100%;
    height: auto;
    padding: 75px 0px 100px;
    position: relative;
    overflow: hidden;
}
.weoperate-section::before {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/how-we-operate-world-map.webp');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
    opacity: 0.2;
}
.weoperate-section .wosec-image {
    text-align: center;
}
.weoperate-section .wosec-image img {
    width: auto;
    max-width: 100%;
    height: auto;
}
/* Operations page :end */


/* Al Roya Rent-A-Car :start */
.fvcategories-section {
    background-color: #eaede4;
}

.serlocations-section {
    background-color: #023222;
}
.serlocations-section .slsec-left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.serlocations-section .slsec-right {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 24px;
}


.location-box {
    width: 300px;
    height: auto;
    min-height: 210px;
    background-color: #04281c;
    border-radius: 37px;
    padding: 30px 20px 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    overflow: hidden;
    transition: 0.5s;
}
.location-box .lbx-icon {
    width: 100%;
    height: auto;
    text-align: right;
}
.location-box .lbx-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transition: 0.5s;
}
.location-box .lbx-text {
    width: 100%;
    height: auto;
    text-transform: uppercase;
}
.location-box .lbx-text h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0px;
}
.location-box:hover {
    background-color: #00672a;
}
.location-box:hover .lbx-icon img {
    filter: brightness(0) invert(1);
}

.continformation-section {
    width: 100%;
    height: auto;
}
.continformation-section .cisec-details {
    padding: 50px 0px;
}
.continformation-section .cisec-details .cidetails-block {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px 0px 0px 0px;
    position: relative;
}
.continformation-section .cisec-details .cidetails-block.cdbemail {
    padding-left: 50px;
    padding-right: 50px;
}
.continformation-section .cisec-details .cidetails-block.cdbemail::before {
    content: '{';
    left: 0;
}
.continformation-section .cisec-details .cidetails-block.cdbemail::after {
    content: '}';
    right: 0;
}
.continformation-section .cisec-details .cidetails-block.cdbemail::before, 
.continformation-section .cisec-details .cidetails-block.cdbemail::after {
    position: absolute;
    top: 0;
    font-size: 150px;
    font-weight: 100;
    line-height: 0.55;
    color: #000000;
}

.continformation-section .cisec-details .cidetails-block h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 10px;
}
.continformation-section .cisec-details .cidetails-block .cdlinks {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.continformation-section .cisec-details .cidetails-block .cdlinks li {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #000000;
}
.continformation-section .cisec-details .cidetails-block .cdlinks li a {
    color: inherit;
}
.continformation-section .cisec-details .cidetails-block .cdlinks li a:hover {
    text-decoration: underline;
}

.continformation-section .cisec-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 20px;
}
.continformation-section .cisec-buttons .btn {
    width: 255px;
}

/* Al Roya Rent-A-Car :end */






/* .section-style-1 :start */
.section-style-1 {
    width: 100%;
    height: auto;
    min-height: 645px;
    display: flex;
    align-items: flex-end;
    background-image: url('../images/corporate-and-business-rentals.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.section-style-1::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/gradient-1.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section-style-1 .ss1-content {
    width: 100%;
    height: auto;
    /* background-color: #023222; */
    background-color: rgba(2, 50, 34, 0.9);
    padding: 30px 30px 40px;
}
.section-style-1 .ss1-content h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
}
.section-style-1 .ss1-content p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0px;
}
/* .section-style-1 :end */

/* .renopt-types :start */
.renopt-types {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.renopt-types ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.renopt-types ul li {
    flex-shrink: 0;
    flex-grow: 0;
}
.renopt-types ul li:not(:first-child) {
    margin-left: -30px;
}
.renopt-types ul li .rotblock {
    width: 232px;
    height: auto;
    aspect-ratio: 1/1;
    background-color: #ffffff;
    border: 1px dashed #a8a8a8;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    transition: 0.5s;
}
.renopt-types ul li .rotblock p {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0px;
}
.renopt-types ul li .rotblock:hover {
    background-color: #a8a8a8;
}
/* .renopt-types :end */

/* .keyservice-owl :start */
.keyservice-owl .owl-stage {
    cursor: all-scroll;
}
.keyservice-owl .kservice-block {
    width: 100%;
    height: 100%;
    min-height: 450px;
    display: flex;
    flex-direction: column;
}
.keyservice-owl .owl-item:nth-child(even) .kservice-block {
    justify-content: flex-end;
}
.keyservice-owl .kservice-block .ksb-image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.keyservice-owl .kservice-block .ksb-image img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.keyservice-owl .kservice-block .ksb-text {
    width: 100%;
    height: auto;
}
.keyservice-owl .kservice-block .ksb-text h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 0px;
}
/* .keyservice-owl :end */


/* Infrastructure: Start */
.infrastructure {
    background: #eaede4;
    padding: 60px 0;
}
.infrastructure h5 {
    color: #023222;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
    margin: 0 0 30px 0;
}
.infrastructure h5 sub {
    font-size: 36px;
    color: #000;
    display: block;
    text-align: center;
    top: auto;
    bottom: auto;
    margin: 5px 0 0 0;
    line-height: normal;
}
.infrastructure .cell .cimage {
    width: 100%;
    height: auto;
    aspect-ratio: 365/205;
    overflow: hidden;
}
.infrastructure .cell .cimage img {
    width: 100%;
    transition: all 0.5s;
}
.infrastructure .cell span {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0 0 0;
}
.infrastructure .cell:hover img {
    transform: scale(1.1);
}
.infrastructure.in-realEstate .para-type-1 {
    margin-bottom: 40px;
}
.infrastructure.in-realEstate .para-type-1 p {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    margin: 0;
    line-height: 1.2;
    text-align: center;
}
.infrastructure.in-realEstate .para-type-1 p span {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}
.infrastructure.in-realEstate h6 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    display: block;
    text-align: center;
    margin: 0 0 25px 0;
}
/* Infrastructure: End */

/* core values: Start */
.corevalues {
    padding-bottom: 70px;
    overflow-x: clip;
}
.corevalues .inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}
.corevalues .inner .cell-2 img {
    max-width: 484px;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.corevalues .inner .cell-1,
.corevalues .inner .cell-3 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0%;
}
.corevalues .inner .cell-1 h4 {
    text-transform: uppercase;
}
.corevalues .inner .cell-1 span {
    font-size: 20px;
    font-weight: 700;
    color: #046200;
    display: block;
    text-transform: uppercase;
}
.corevalues .inner .cell-img-box {
    width: 100%;
    aspect-ratio: 755/482;
    border-radius: 55px;
    overflow: hidden;
}
.corevalues .inner .cell-img-box > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
        transition: 0.5s;
}
.corevalues .inner .cell-img-box:hover > img {
    transform: scale(1.1);
}
.corevalues .inner p {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 1.3;
    margin: 0;
}
/* core values: End */

/* Warehousing: Start */
.warehousing {
    background: url('../images/warehousing.webp') center center no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 0.40;
    padding: 40px 40px 0 40px;
    position: relative;
}
.warehousing .hd-type-1 h4 {
    text-transform: uppercase;
    font-weight: 700;
}
.warehousing p {
    width: 410px;
    font-size: 24px;
    position: absolute;
    right: 40px;
    top: 40px;
    color: #fff;
}

/* Warehousing: End */

.img-sec-1 {
    margin: 70px 0 90px 0;
}
.img-sec-1 img {
    width: 100%;
    border-radius: 35px;
}

/* Round wrap: Start */
.round-wrap {
    display: flex;
    flex-direction: row;
    gap: 6px;
}
.round-wrap .cell {
    border: 1px solid #acacac;
    border-style: dashed;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0%;
    height: 289.5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.round-wrap .cell span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
/* Round wrap: End */

/* Ongoing Support:Start */
.ongoing-support {
    background: url('../images/image-2.webp') center top no-repeat;
    background-size: cover;
    padding: 180px 0;
}
.ongoing-support h5 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
}
.ongoing-support p {
    font-size: 20px;
    color: #fff;
    margin: 15px 0 0 0;
    line-height: 1.3;
    width: 600px;
    font-weight: 400;
}
/* Ongoing Support:End */

.last-title {
    padding: 100px 0;
}
.last-title span {
    font-size: 50px;
    font-weight: 600;
    color: #000;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

/* .gmap-iframe :start */
.gmap-iframe {
    width: 100%;
    height: 495px;
    position: relative;
}
.gmap-iframe iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* .gmap-iframe :end */

/* .contdetails-section :start */
.contdetails2-section {
    width: 100%;
    height: auto;
}
.contdetails2-section .cd2s-inner {
    width: 100%;
    height: 100%;
    background-color: #eaede4;
    padding: 30px 30px 40px 30px;
}
.contdetails2-section .cd2s-inner .cdin-head {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #cbd2c6;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.contdetails2-section .cd2s-inner .cdin-head h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.contdetails2-section .cd2s-inner .cdin-head h3 img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-right: 10px;
}

.contdetails2-section .cd2s-inner .cdin-body {
    width: 100%;
    height: auto;
}
.contdetails2-section .cd2s-inner .cdin-body h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}
.contdetails2-section .cd2s-inner .cdin-body address {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
    display: block;
    margin-bottom: 0;
}
.contdetails2-section .cd2s-inner .cdin-body .cdilinks {
    list-style: none;
    padding: 0;
    margin: 30px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
}
.contdetails2-section .cd2s-inner .cdin-body .cdilinks li {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.contdetails2-section .cd2s-inner .cdin-body .cdilinks .cdlink-icon {
    width: 22px;
    height: auto;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 7px;
}
.contdetails2-section .cd2s-inner .cdin-body .cdilinks .cdlink-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.contdetails2-section .cd2s-inner .cdin-body .cdilinks a {
    color: inherit;
}
.contdetails2-section .cd2s-inner .cdin-body .cdilinks a:hover {
    color: inherit;
    text-decoration: underline;
}
/* .contdetails-section :end */