@import url("typography.css");

/* header */

header {
     /*position: absolute;
     */
     position: relative;
     top: 0;
     left: 0;
     z-index: 2;
     width: 100%;
     padding: 0px 40px;
     background: #ffff;
     transition: all 0.5s ease-in-out;
}

header.head.sticky-down {
     /*top: -120px;*/
     /* transition: all 0.5s cubic-bezier(0.42, 0, 0.31, 0.59);
     transform: translateY(-120px); */
}

header .navbar-brand {
     display: block;
     margin-right: 0;
     padding: 0;
}

.navbar {
     padding: 0;
     margin: 0;
     justify-content: space-between;
     align-items: center;
}

.header-menus .navbar-nav a.nav-link {
     padding: 0 20px;
     font-size: 20px;
     line-height: 100px;
}

.logo-img.device {
     display: none;
}

.header-menus .contact-btn.join-us-btn {
     width: 9em;
}

.nav-link:hover {
     color: var(--textColor);
}

.header-menus li a {
     color: var(--textColor);
}

.navbar-toggler {
     width: 30px;
     min-width: 30px;
     height: 30px;
     border: none;
     padding: 0;
     position: relative;
     z-index: 999;
     color: transparent;
}

.navbar-logo .navbar-toggler span {
     display: block;
     width: 30px;
     height: 2px;
     margin: 6px auto;
     background: #000;
     transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.navbar-logo .navbar-toggler[aria-expanded="true"] span:first-of-type {
     transform: rotate(45deg) translate(6px, 6px);
}

.navbar-logo .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
     opacity: 0;
}

.navbar-logo .navbar-toggler[aria-expanded="true"] span:last-of-type {
     transform: rotate(-45deg) translate(5px, -5px);
}

.navbar-logo .navbar-toggler[aria-expanded="false"] span {
     transform: none;
     opacity: 1;
}

.header-menus .navbar-nav {
     align-items: center;
}

.contact-btn {
     border: 1px solid #1e1916;
     padding: 20px 35px;
     transition: all 0.3s ease-in-out;
     cursor: pointer;
     margin-left: 32px;
}

.contact-btn .join-us {
     color: #000;
     font-size: 18px;
     line-height: normal;
}

.contact-btn.join-us-btn {
     width: 8.3em;
     justify-content: center;
}

.login_btn .contact-btn {
     margin-left: 16px;
}

/* end */

/* marquee */

.marquee-block.create-marquee {
     background: #1e1916;
     border-style: solid;
     border-color: transparent;
     /* padding: 19px 0; */
     overflow-x: clip;
     overflow-y: initial;
     position: relative;
     z-index: 9;
}

.marquee-block .marquee-inner {
     position: relative;
     z-index: 10;
     text-decoration: none;
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important;
}

.marquee-block .marquee-inner .marquee-text {
     animation: ticker 40s infinite linear;
     animation-duration: 60s;
     -webkit-animation: ticker 40s infinite linear;
}

.marquee-block .marquee-inner:hover .marquee-text.flex {
     animation-play-state: paused;
}

.marquee-block .marquee-inner .marquee-text .m-item {
     position: relative;
     padding: 18px 14px;
     font-weight: 500;
     font-size: 20px;
     color: #ffff;
     line-height: 25px;
     letter-spacing: 0.05em;
     text-transform: uppercase;
     align-items: center;
     transition: all 0.4s ease-in-out;
}

/* .marquee-text.flex {
     padding: 19px 0;
} */

.flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
}

.main-hero-banner.homepage::before {
     background-color: rgba(0, 0, 0, 0.4);
}

.two-slide .main-hero-banner.homepage::before,
.three-slide .main-hero-banner.homepage::before {
     background-color: rgba(0, 0, 0, 0.4);
}

.main-hero-banner.homepage {
     background-position-y: center;
}

.annual-points h5 {
     padding-right: 30px;
}

.board-m .main-hero-banner.leadership-main,
.board-m .main-hero-banner.leadership-d {
     background-image: url(../images/board-members.png);
}

@-webkit-keyframes ticker {
     100% {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
     }
}

@keyframes ticker {
     100% {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
     }
}

@keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@-webkit-keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

@-webkit-keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

.text_price {
     text-transform: none;
     padding-left: 24px;
     padding-right: 24px;
}

.yellow_dot {
     height: 10px;
     width: 10px;
     background: rgba(247, 162, 9, 75%);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.m-item .dropdown.tooltip_btn {
     position: absolute;
     z-index: 1;
     top: 61px;
     right: 0;
     left: -30px;
     width: max-content;
     padding: 20px 12px;
     display: none;
     /* animation: fadeOut 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     -webkit-animation: fadeOut 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; */
}

.m-item:hover .dropdown.tooltip_btn {
     background: #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     border: 1px solid #fff;
     /* display: block; */
     filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 20%));
     -webkit-filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 20%));
     animation: fadeIn 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
     -webkit-animation: fadeIn 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.m-item .dropdown.tooltip_btn .traingle-up {
     display: none;
     position: absolute;
     width: 0;
     height: 0;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     border-bottom: 50px solid #fff;
     margin: 0 auto;
     text-align: center;
     right: 0;
     left: 0;
     top: -14px;
     transition: all 0.4s ease-in-out;
     z-index: -1;
}

.m-item:hover .dropdown.tooltip_btn .traingle-up {
     display: block;
     position: absolute;
     width: 0;
     height: 0;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     border-bottom: 50px solid #fff;
     margin: 0 auto;
     text-align: center;
     right: 0;
     left: 0;
     top: -12px;
     transition: all 0.4s ease-in-out;
     z-index: -1;
}

.m-item:hover .option_text {
     display: inline-flex;
     flex-direction: column;
     row-gap: 6px;
}

.tooltip_btn p {
     font-size: 14px;
     font-weight: 600;
     line-height: normal;
     text-transform: none;
     text-align: center;
}

.option_text {
     display: none;
     font-size: 14px;
     color: #fff;
     line-height: normal;
     text-transform: none;
     text-align: center;
}

.link_re {
     font-weight: 600;
     text-decoration: underline;
}

.link_re:hover {
     text-decoration: underline;
}

.tooltip-btn:hover {
     color: #eaab00;
}

button.head_btn {
     background: transparent;
     border: none;
}

.text_price .un_line {
     text-decoration: underline;
}

.t_yellow {
     color: #71b229;
}

.t_green {
     color: #06ad84;
}

.t_blue {
     color: #0b9ad1;
}

.m-item:hover .hover_blue {
     /* color: #0B9AD1; */
}

.m-item:hover .hover_green {
     /* color: #06AD84; */
}

.m-item:hover .hover_yellow {
     /* color: #71B229; */
}

.t_red {
     color: #e42e0f;
}

.m-item:hover .hover_red {
     color: #e42e0f;
}

.m-item .hover_blue,
.m-item .hover_yellow,
.m-item .hover_green,
.m-item .hover_red {
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

/* footer */

.footer-wrapper {
     padding: 120px 100px 30px;
}

.f-title {
     width: 70%;
}

.f-social-links {
     margin: 60px 0 0;
     position: relative;
}

.f-social-links button {
     background: transparent;
     border: none;
     transition: all 0.4s ease-in-out;
}

.f-social-links .subscribe:hover button {
     color: #f7a209;
}

.media-col-r {
     display: none;
}

/* .page-links.media-ml {
     margin-left: 25px;
} */

/* .page-links.media-ml {
     margin-left: 45px;
} */

.page-links.media-ml {
     margin-left: 0;
}

.four .page-links.media-ml {
     margin-left: 30px;
}

.page-links li p.title-page {
     text-transform: uppercase;
}

.page-links li {
     margin: 0 0 24px;
}

.page-links .mb_5 {
     margin-bottom: 30px;
}

.page-links li a {
     font-size: 20px;
     transition: all 0.3s ease-in-out;
     display: inline-block;
}

.page-links li a:hover {
     color: var(--lightGrey);
}

/* 20-3 */

.footer-main a {
     transition: all 0.3s ease-in-out;
     cursor: pointer;
}

.t-footer {
     margin: 0 0 20px;
}

a.cursor_p {
     cursor: default;
}

.fd-text {
     color: #a2a2a2;
}

.page-links.fd-flex {
     display: flex;
     align-items: center;
     gap: 30px;
}

.copy_rights {
     padding-top: 30px;
     text-align: center;
     display: flex;
     justify-content: space-between;
     /* margin: 40px 0 0; */
     align-items: baseline;
}

.copy_rights p,
.page-links.fd-flex li a {
     font-size: 16px;
}

.fd-row {
     justify-content: space-between;
}

.title-of-footer {
     display: flex;
     align-items: center;
     gap: 24px;
     margin: 0 0 30px;
}

.t-footer .text-title {
     color: #b0b0b0;
}

/* end */

.footer-main a:hover,
.footer-main a:hover {
     color: var(--lightGrey);
}

.mr-top {
     /* margin-top: 160px; */
     margin-top: 100px;
     align-items: center;
}

.contact-details.mr-top {
     margin-top: 0px;
     margin-left: auto;
     width: 95%;
}

.contact-details {
     /* display: flex; */
     align-items: center;
     justify-content: space-between;
}

.social-icons {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 20px;
}

.social-icons .box-icons {
     border: 1px solid #555;
     padding: 17px;
}

.email-link p {
     display: flex;
}

.box-icons svg {
     width: 24px;
     height: 24px;
}

.box-icons svg path {
     transition: all 0.4s ease-in-out;
}

.box-icons:hover svg path {
     fill: #ffff;
}

.title-of-footer .text-title {
     margin-bottom: 0;
     color: #b0b0b0;
     font-style: italic;
}

.border-t {
     border-top: 2px solid rgba(85, 85, 85, 0.3);
}

.contact-details.media-ele {
     display: none;
}

.contact-details.mr-top {
     display: block;
}

.f-social-links .f-email {
     background: transparent;
     border: none;
     border-bottom: 1px solid #555;
     width: 100%;
     border-radius: 0;
     padding: 0 140px 20px 0;
}

.f-social-links .f-email::placeholder {
     font-size: 20px;
     color: #b0b0b0;
}

.f-social-links input:focus {
     color: #ffff;
     box-shadow: none;
}

.svg-sub {
     opacity: 0;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
}

.subscribe:hover .svg-sub {
     opacity: 1;
     right: -4%;
}

/* suscribe hover */

.subscribe a,
.svg-sub {
     transition: all 0.4s ease-in-out;
}

.svg-sub {
     opacity: 0;
}

.subscribe:hover .svg-sub {
     opacity: 1;
}

.subscribe:hover a {
     color: #f7a209;
}

.subscribe {
     position: absolute;
     right: 0;
     top: 0;
     transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
     display: flex;
     align-items: center;
     gap: 0;
}

.subscribe button {
     padding: 0;
}

.subscribe .sub_text {
     transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.subscribe:hover .sub_text {
     transform: translateX(-20%);
}

.hover-t a.subscribe:hover {
     right: 30px;
}

.hover-t .subscribe {
     gap: 15px;
}

/* end */

/* home-page start*/

/* .main-wrapper {
     padding: 120px 0 0 0;
} */

.main-hero-banner {
     position: relative;
     background-image: url(../images/hero-banner-img.png);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     /* height: 100vh; */
     left: 0;
     right: 0;
     z-index: 1;
     padding: 130px 100px 140px;
}

.main-hero-banner::before {
     position: absolute;
     content: "";
     background-color: rgba(0, 0, 0, 0.5);
     width: 100%;
     height: 100%;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
}

/* comman btn hover effect */

.join-us-btn {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     text-transform: uppercase;
     padding: 20px 35px;
     width: 19em;
     height: 63px;
     border: 1px solid #fff;
     transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.join-us-btn .join-us {
     transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
     position: absolute;
     font-size: 18px;
}

.join-us-btn:hover {
     background: #f7a209;
     border-color: #f7a209;
}

.join-us-btn:hover .join-us {
     color: #000;
     transform: translateX(-15px);
}

.join-us-btn:hover .svg-sub {
     opacity: 1;
     right: -2%;
}

.join-us-btn .svg-sub {
     opacity: 0;
     position: absolute;
     right: 0;
     margin-right: 30px;
     transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
     -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
     -moz-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
     -ms-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
     -o-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* end */

.homepage .hero-title h1 {
     filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 35%));
     -webkit-filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 35%));
}

.hero-title h3 {
     margin: 24px 0 40px;
}

.hero-desc {
     /* width: 25em; */
     width: 42em;
     margin-top: 90px;
     margin-right: auto;
     /* margin-left: auto; */
}

.main-wrapper .swiper-pagination {
     display: inline-flex;
     justify-content: flex-end;
     bottom: 80px;
     right: auto;
     width: auto;
     left: 100px;
}

.main-wrapper span.swiper-pagination-bullet {
     width: 40px;
     height: 4px;
     border-radius: 0;
     background: #ffffff;
     margin: 0 8px;
}

.main-wrapper span.swiper-pagination-bullet-active {
     background: #ffffff;
}

.sec-padding {
     padding: 200px 100px;
}

.remove-p {
     padding-bottom: 0;
}

.aboutus-sec {
     padding: 200px 100px 80px;
}

.desc-aboutus h5 {
     margin: 0 0 40px;
}

/* red-button */

.red-btn {
     border: 1px solid #000;
     /* width: 12.68em; */
     width: 13.2em;
}

.red-btn:hover .join-us {
     color: #fff;
}

.red-btn:hover {
     background: #74253a;
     border-color: #74253a;
}

.join-us-btn:hover.red-btn .svg-sub {
     opacity: 1;
     right: -4%;
}

.desc-aboutus {
     /* margin: 52px 0 0; */
}

.aboutus-title {
     display: flex;
     flex-direction: column;
     /* gap: 24px; */
}

.counting-title {
     padding: 36px 30px 80px 100px;
}

.counting-title h3 {
     font-family: "Earth";
}

/*
.custom-p {
     padding-bottom: 23%;
} */

.our-counting-sec {
     padding: 0 100px 160px;
}

.align_t {
     text-align: end;
     justify-content: end;
     /* align-items: flex-start; */
}

.pr-0 {
     padding-right: 0;
}

.numbering {
     padding: 0 100px 80px;
}

.counter-number {
     display: flex;
     flex-direction: column;
     gap: 64px;
}

.counter-number h3 {
     font-size: 80px;
     font-weight: 700;
}

.border-l {
     border-left: 1px solid #b0b0b0;
     padding-left: 50px;
}

.blog-title {
     margin: 0 0 120px;
}

.read-more {
     transition: all 0.4s ease-in-out;
     display: inline-flex;
     align-items: center;
     gap: 15px;
}

.read-more-btn {
     font-size: 20px;
}

.read-more:hover .read-more-btn {
     color: #74253a;
}

.read-more:hover .svg-sub {
     opacity: 1;
}

.blogs-sec {
     position: relative;
}

.blogs-sec::before {
     background-color: var(--bgGrey);
     position: absolute;
     content: "";
     right: 0;
     left: 0;
     z-index: -1;
     height: 600px;
     width: 100%;
     bottom: 0;
}

.connect-with-sec {
     position: relative;
}

.desc-connect.container {
     position: absolute;
     right: 0;
     left: 0;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
}

.connect-with-sec .red-btn {
     width: 16.25em;
     margin: 24px auto 0;
}

.connect-img {
     height: 515px;
}

.our-offerings.sec-padding {
     padding-bottom: 100px;
}

.title-offerings {
     padding: 0 0 80px;
}

/* .our-offerings .h-title {
     text-align: right;
} */

.our-offerings .accordion-button {
     padding: 40px 0;
}

.our-offerings .accordion-item {
     padding: 40px 0 40px;
}

.our-offerings .accordion-button:not(.collapsed) {
     color: #000;
     background: #f5f5f5;
     box-shadow: none;
}

.our-offerings .accordion-item {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top: 1px solid #1e1916;
     border-bottom: none;
     border-left: none;
     border-right: none;
}

.our-offerings .accordion {
     --bs-accordion-bg: #f5f5f5 !important;
}

.accordion-item:first-of-type {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}

.accordion-item:last-of-type {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}

.our-offerings .accordion-item:last-of-type {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 1px solid #1e1916;
}

.our-offerings .accordion-button::after {
     display: none;
}

.our-offerings .captions {
     text-transform: uppercase;
     text-align: right;
}

.our-offerings .accordion-body {
     padding: 0 12px;
}

.products-disc {
     display: flex;
     flex-direction: column;
     gap: 50px;
     align-items: start;
     width: 82%;
     opacity: 0;
     transform: translateY(30%);
     transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
     transition-delay: 0s;
}

.our-offerings .accordion-button[aria-expanded="true"]~.accordion-collapse.show .products-disc {
     opacity: 1;
     transform: translateY(0%);
}

/* new */

.custom-flex {
     display: flex;
     align-items: start;
     justify-content: space-between;
     position: relative;
}

.our-offerings .accordion-button:not(.collapsed)[aria-expanded="false"] .hover-t .animate-text {
     height: 100%;
     justify-content: start;
     transform: translate(0em, 23em);
     width: 200%;
     z-index: 2;
     opacity: 1;
     /* height: 100%;
     justify-content: start;
     transform: translate(0, 23em);
     width: 200%;
     position: absolute;
     right: 0;
     left: auto;
     z-index: 2; */
}

.our-offerings .accordion-button.collapsed[aria-expanded="true"] .hover-t .animate-text,
.our-offerings .accordion-button[aria-expanded="true"] .hover-t .animate-text {
     opacity: 0;
     right: 0;
     left: auto;
}

.our-offerings .accordion-button.collapsed[aria-expanded="true"]~.accordion-collapse.show .hover-t.custom-move .animate-text,
.our-offerings .accordion-button:not(.collapsed)[aria-expanded="true"]~.accordion-collapse.show .hover-t.custom-move .animate-text {
     opacity: 1;
}

.our-offerings .accordion-button[aria-expanded="true"]~.accordion-collapse .hover-t.custom-move .animate-text {
     opacity: 0;
}

.hover-t.custom-move {
     width: 100%;
}

.hover-t.custom-move .animate-text {
     right: auto;
     left: 0;
}

.our-offerings .animate-text.subscribe {
     transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.our-offerings .accordion-button[aria-expanded="true"]~.accordion-collapse.show .img-product img {
     transform: translateY(0);
     opacity: 1;
}

.our-offerings .img-product {
     position: relative;
     height: 540px;
     width: 100%;
}

.our-offerings .img-product img {
     transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
     transform-origin: top;
     transform: translateY(30%);
     position: absolute;
     top: -17%;
     right: 0;
     opacity: 0;
     height: 100%;
     object-fit: cover;
     z-index: 2;
}

.our-offerings .accordion-button[aria-expanded="true"] .slide-text {
     display: block;
}

.our-offerings .accordion-button .slide-text {
     position: relative;
     color: var(--textColor);
}

.hover-t.custom-move .animate-text p {
     color: var(--textColor);
}

.policy-sec .policy-content {
     background: transparent;
     margin: 0 0;
     padding: 0;
}

.border-block.rm-border {
     border-right: transparent;
}

.blogs-sec .read-more:hover svg {
     display: none;
}

/* end */

.img-product {
     text-align: right;
}

.visible-m {
     display: none;
}

.hover-t {
     height: 36px;
     position: relative;
}

.hover-t:hover .animate-text p {
     color: #74253a;
}

.hover-t:hover svg.move-arrow {
     opacity: 1;
}

.hover-t .move-arrow {
     opacity: 0;
     transition: all 0.4s ease-in-out;
}

/* custom column */

.column_4 {
     width: 33.33%;
     flex: 0 0 auto;
}

.column_8 {
     width: 66.66%;
     flex: 0 0 auto;
}

/* end */

.industry-title {
     margin: 0 0 100px;
}

.content-slider .red-btn {
     width: 21.68em;
}

.side-title h4 {
     color: var(--greycolor);
     transition: all 0.4s ease-in-out;
}

.industry-sec .img-slide {
     display: inline-block;
}

.industry-sec .swiper-slide {
     height: 500px;
}

.industry-sec .content-slider {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     width: 76%;
     margin-left: auto;
}

.industry-sec .side-title.active h4 {
     color: #000;
}

/* custom pagination */

.sec-h {
     height: 100%;
}

.pagination_process {
     position: relative;
     height: 100%;
}

li.side-title {
     text-align: start;
     position: relative;
     cursor: pointer;
}

.pagination_process ul {
     align-items: start;
     display: flex;
     flex-direction: column;
     gap: 100px;
     padding-left: 30px;
}

.pagination_process .swiper-pagination-custom {
     position: relative;
}

.pagination_process .swiper-pagination-custom::before {
     position: absolute;
     content: "";
     bottom: 0;
     width: 2px;
     height: 100%;
     left: 0;
     border: 2px solid var(--lightGrey);
}

.pagination_process .swiper-pagination-custom::after {
     position: absolute;
     content: "";
     bottom: 0;
     width: 2px;
     height: 100%;
     left: 0;
     transition: all 0.5s ease-in-out;
}

.line {
     position: absolute;
     transition: all 0.5s ease-in-out;
     top: 0;
     left: 0;
     height: 60px;
     border: 2px solid var(--redcolor);
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
}

/* end */

.testimonial-slider {
     padding: 200px 0;
     overflow: hidden;
}

.carousel-slides {
     padding: 120px 0 0;
}

.role-name {
     margin: 40px 0 0;
}

.carousel-slides .swiper-slide .inner-tesi .c-text,
.carousel-slides .swiper-slide .role-name p {
     color: #b0b0b0;
}

.carousel-slides .swiper-slide.swiper-slide-active .inner-tesi .c-text {
     color: #1e1916;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
     display: none;
}

.rt_spacing {
     margin: 0 100px;
}

.swiper.duplicate-swiper {
     height: 100%;
     width: 11.3em;
     margin-right: 0;
}

.custom-navigation {
     width: 100%;
     height: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
}

.custom-navigation .swiper-button-next,
.custom-navigation .swiper-button-prev {
     width: 4.375em;
     height: 4.375em;
     border-radius: 50%;
     border: 1px solid #1e1916;
     transition: all 0.3s ease-in-out;
}

.custom-navigation .swiper-button-next svg path,
.custom-navigation .swiper-button-prev svg path {
     transition: all 0.3s ease-in-out;
}

.custom-navigation .swiper-button-next svg,
.custom-navigation .swiper-button-prev svg {
     width: auto;
     height: auto;
}

.custom-navigation .swiper-button-next:hover,
.custom-navigation .swiper-button-prev:hover {
     background: #1e1916;
}

.custom-navigation .swiper-button-next:hover svg path,
.custom-navigation .swiper-button-prev:hover svg path {
     fill: #f7a209;
}

.usps-title {
     padding: 0 100px 120px;
}

.verticle-wrapper {
     padding: 0 100px;
}

.image-usps {
     text-align: end;
     height: 100%;
}

.distinction {
     padding: 0 50px 50px;
     /* margin: 0 0 160px; */
}

.usps-verticle-slider .swiper {
     height: calc(100vh - 119px);
     width: 100%;
}

.swiper.uspsMain {
     padding: 0 100px;
     display: flex;
     gap: 50px;
}

/* sha */

.uspsMain {
     padding: 0 100px;
}

.usps-section {
     padding: 200px 0;
}

.usps-verticle-slider.desktop .usps-item {
     /* height: 250px; */
     display: flex;
     flex-direction: column;
}

.usps-verticle-slider.desktop .distinction {
     padding: 0 50px 155px;
}

.usps-verticle-slider.desktop {
     height: 100vh;
}

.usps-verticle-slider.desktop .uspsMain {
     width: 100vw;
     height: 100%;
}

.usps-verticle-slider.desktop .uspsMain .usps-item {
     width: 50%;
}

/* .usps-verticle-slider .usps-item:before,
.usps-verticle-slider .usps-item:after {
     content: '';
     position: absolute;
     top: 0;
     left: -2px;
     background: rgba(0, 0, 0, 0.25);
     width: 2px;
     height: 100%;
     transition: all 0.5s linear;
} */

.usps-verticle-slider .usps-item.active .switch-title {
     background: #000;
}

/* .usps-verticle-slider .switch-title .p-number {
     color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     z-index: 1;
     overflow: hidden;
} */

.usps-verticle-slider .switch-title {
     position: absolute;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: #bcbdbf;
     transition: 0.2s all ease-in-out;
     transition-delay: 0s;
     z-index: 1;
     left: -3%;
}

.swiper.uspsMain .swiper-pagination {
     display: block;
     bottom: 0;
     left: auto;
     right: auto;
}

.usps-verticle-slider .usps-item:after {
     height: 0;
}

.usps-verticle-slider .usps-item.active:after {
     background: #000;
     height: 100%;
}

.usps-verticle-slider.mobile {
     display: none;
}

.gallery-thumbs {
     padding-right: 100px;
     width: 50%;
     position: fixed;
     right: 0;
     top: 45%;
     transform: translateY(-50%);
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     z-index: -1;
}

.usps-section .gallery-thumbs .image-usps {
     pointer-events: none;
     display: none;
     z-index: -1;
}

.usps-section.scrolled .gallery-thumbs .image-usps.is-active {
     display: block;
     pointer-events: auto;
     z-index: -1;
}

/* end */

.image-usps img {
     height: 100%;
     object-fit: cover;
}

.swiper.uspsMain .swiper-slide {
     height: 100%;
}

.swiper.uspsMain .swiper-wrapper {
     flex-direction: column;
     justify-content: start;
}

.swiper.gallery-thumbs .swiper-wrapper {
     flex-direction: column;
}

.usps-verticle-slider .gallery-thumbs .swiper-slide {
     opacity: 1;
     pointer-events: none;
}

.usps-verticle-slider .gallery-thumbs .swiper-slide-active {
     opacity: 1;
     pointer-events: all;
}

.usps-verticle-slider .swiper-pagination-custom {
     position: absolute;
     content: "";
     height: 83%;
     border-right: 2px solid #5555553d;
     top: 0;
     left: 0;
}

.usps-verticle-slider .switch-title {
     position: absolute;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: #bcbdbf;
     transition: 0.2s all ease-in-out;
     transition-delay: 0s;
     z-index: 1;
     left: -3%;
}

/*sha*/

.usps-verticle-slider .swiper-slide-thumb-active .switch-title {
     background: #000;
}

.usps-verticle-slider .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-verticle.swiper-pagination-vertical {
     z-index: -1;
     width: 2px;
     left: 100px;
     position: absolute;
}

.usps-verticle-slider span.swiper-pagination-progressbar-fill {
     background-color: black;
     height: 70%;
     top: 0;
}

.usps-verticle-slider .switch-title .p-number {
     color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     z-index: 1;
     overflow: hidden;
}

li.swiper-pagination-switch {
     padding-right: 50px;
}

/* .usps-item {
     height: 100%;
} */

.usps-verticle-slider .usps-item:before,
.usps-verticle-slider .usps-item:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0px;
     background: rgba(0, 0, 0, 0.25);
     width: 2px;
     height: 100%;
     transition: all 0.5s linear;
}

.swiper.uspsMain .swiper-pagination {
     display: block;
     bottom: 0;
     left: auto;
     right: auto;
}

.usps-verticle-slider .usps-item:after {
     height: 0;
}

.usps-verticle-slider .swiper-slide-thumb-active .usps-item:after,
.usps-verticle-slider .swiper-slide-prev .usps-item:after,
.usps-verticle-slider .swiper-slide-active .usps-item:after,
.usps-verticle-slider .swiper-slide.four.active-last-second .usps-item:after {
     background: #000;
     height: 100%;
}

.usap-item-img,
.swiper.uspsMain .swiper-pagination {
     display: none;
}

.swiper.uspsMain .distinction h4 {
     margin-bottom: 10px;
}

.usps-item {
     height: auto;
}

/* end */

/* about-us page */

.main-hero-banner.about-img {
     background-image: url(../images/about-hero-sec.png);
     height: calc(700px - 120px);
}

.about-us .main-hero-banner {
     padding: 180px 100px;
     background-size: cover;
     background-position: center;
}

.about-us .hero-title {
     display: flex;
     justify-content: center;
     flex-direction: column;
     text-align: center;
     height: 100%;
}

.about-us p.center-disc {
     width: 55%;
     margin: 0 auto;
}

.who-we-are .nav-tabs {
     border: transparent;
     display: inline-block;
     position: relative;
}

.who-we-are .content-tab {
     margin-top: 40px;
}

.who-we-are .nav-link {
     color: rgba(30, 25, 22, 0.2);
     border: none;
     margin: 0 0 70px 0;
     padding: 0;
     transition: none;
}

.who-we-are .nav-link h2 {
     transform: translateX(0);
     transition: all 0.3s linear;
}

.who-we-are .nav-link.active {
     color: #1e1916;
}

.who-we-are .nav-link.active h2 {
     transform: translateX(25px);
}

.who-we-are .nav-link.active.border-left {
     position: absolute;
     transition: all 0.3s linear;
     top: 0;
     left: 0;
     height: 95px;
     border: 2px solid var(--redcolor);
}

.who-we-are .fade {
     transition: all 0.2s linear;
}

.who-we-are .d-view {
     opacity: 1;
     pointer-events: all;
}

.who-we-are .media-view {
     opacity: 0;
     pointer-events: none;
     display: none;
}

.mission-vision-sec {
     /* padding: 100px 200px 100px 100px; */
     border-bottom: 1px solid rgba(17, 17, 17, 0.2);
}

.mission-vision-text.space-t {
     padding: 80px 0 0;
}

.mission-vision-sec .mission-vision-img {
     text-align: center;
}

.our-values-sec {
     overflow: hidden;
}

.value-container {
     margin-bottom: 120px;
     display: flex;
     align-items: start;
     position: relative;
}

.value-container .min-w {
     width: 95%;
}

.value-container .text-value {
     transform: translateX(0px);
     transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     display: flex;
     flex-direction: column;
}

.value-container:hover .text-value {
     transform: translateX(14px);
}

.value-container .value-line {
     opacity: 0;
     pointer-events: none;
     transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.value-container:hover .value-line {
     position: absolute;
     top: 0;
     opacity: 1;
     pointer-events: all;
     width: 3px;
     height: 40px;
     background: #74253a;
}

.infrastructure-sec .row.f-end {
     justify-content: flex-end;
}

.infrastructure-sec .desc-infras {
     padding: 80px 0 80px 30px;
}

.our-assets h2 {
     font-family: "Arial";
}

.points-assets h5 {
     font-family: "DM Sans";
}

.our-assets h2 {
     padding-bottom: 40px;
}

.our-assets-img {
     margin-left: 30px;
     text-align: right;
     height: 100%;
}

.our-assets-img img {
     height: 100%;
     object-fit: cover;
}

.points-assets {
     display: flex;
     gap: 16px;
     margin-bottom: 32px;
}

.points-assets svg {
     width: 36px;
     height: 36px;
}

.points-assets img {
     /* width: 36px; */
     height: 36px;
}

.chairmans-message {
     padding: 100px 100px;
}

.profile-details .custom-t {
     font-family: Arial;
     font-size: 60px;
     color: #fff;
}

.profile-desc {
     margin: 40px 0 0 120px;
}

.profile-desc h5 {
     margin-bottom: 40px;
}

.chairmans-message .profile-img {
     /* height: 750px; */
     height: 100%;
}

.history-slider {
     overflow: hidden;
}

.history-slider .swiper {
     overflow: visible;
}

.history-slider .aboutus-title {
     padding: 0 0 120px;
     text-align: center;
}

.image-history {
     display: flex;
}

.image-history img {
     object-fit: cover;
}

.year-number {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
}

.year-number h2 {
     font-family: "Arial";
     font-weight: 700;
     font-size: 175px;
     color: rgba(30, 25, 22, 0.16);
     margin: 0;
     line-height: 1em;
}

.history-slider .cstom-padding {
     padding-top: 150px;
}

.content-history {
     position: absolute;
     bottom: 0;
}

/* .history-slider ul.swiper-pagination-timeline {} */

.history-slider ul.swiper-pagination-timeline {
     position: relative;
     display: flex;
     gap: 257px;
     width: max-content;
     transform: translateX(-20px);
}

.history-slider ul.swiper-pagination-timeline::before {
     position: absolute;
     content: "";
     z-index: 1;
     top: auto;
     bottom: 70px;
     height: 2px;
     background: #74253a;
     width: 97%;
     z-index: -1;
     left: 20px;
}

.history-slider li.swiper-pagination-switch {
     padding-right: 0;
}

.history-slider .swiper-pagination-switch .year-text {
     position: relative;
}

.history-slider .swiper-pagination-timeline .swiper-pagination-switch .year-text::after {
     position: absolute;
     content: "";
     width: 24px;
     height: 24px;
     border: 1px solid #74253a;
     background: #fff;
     border-radius: 50%;
     transition: 0.2s all ease-in-out;
     transition-delay: 0s;
     z-index: 1;
     top: calc(100% + -83px);
     left: 20px;
}

.history-slider .swiper-pagination-timeline .swiper-pagination-switch.on-active .year-text::before {
     opacity: 1;
}

.history-slider .swiper-pagination-timeline .swiper-pagination-switch .year-text::before {
     position: absolute;
     content: "";
     transition: 0.2s all ease-in-out;
     transition-delay: 0s;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background: #74253a;
     opacity: 0;
     top: calc(100% + -78px);
     transform: translateX(33%);
     z-index: 2;
     left: 20px;
}

.history-slider .swiper-pagination-switch.right-auto .year-text::after {
     position: absolute;
     content: "";
     right: auto;
     left: 20px;
     transform: none;
     bottom: 70px;
}

.history-slider .swiper-pagination-switch.left-auto .year-text::after {
     position: absolute;
     content: "";
     left: auto;
     right: 20px;
     transform: none;
}

.history-slider .swiper-pagination-switch.right-auto .year-text::before {
     position: absolute;
     content: "";
     right: auto;
     left: 20px;
     transform: translateX(5px);
}

.history-slider .swiper-pagination-switch.left-auto .year-text::before {
     position: absolute;
     content: "";
     left: auto;
     right: 20px;
     transform: translateX(-5px);
}

.leadership-sec .desc-aboutus {
     text-align: left;
     margin-left: auto;
     margin-top: 0;
     width: 61%;
}

.leadership-sec .col-flex {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

.leadership-sec .desc-aboutus p {
     padding: 0 0 40px;
}

.leader-imgs {
     text-align: right;
     padding-left: 100px;
     height: 100%;
}

.leader-imgs img {
     height: 100%;
}

.leadership-sec .red-btn {
     border: 1px solid #000;
     width: 14.68em;
}

.responsibility-sec {
     padding: 200px 0;
}

.aboutus-title.respo-title {
     text-align: center;
     padding: 0 100px 80px;
}

.respo-title p {
     font-family: "DM Sans";
     color: #666666;
}

.responsibility-carousel .swiper-wrapper .swiper-slide {
     width: auto;
     height: auto;
     position: relative;
     z-index: 1;
}

.wrap-box {
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     width: 33.75em;
     height: 37.5em;
     left: 0;
     right: 0;
     z-index: 1;
     overflow: hidden;
}

.respo-linear::before {
     position: absolute;
     content: "";
     background: linear-gradient(180deg,
               rgba(0, 0, 0, 0) 0%,
               rgba(0, 0, 0, 0.7) 80.75%);
     width: 100%;
     height: 100%;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
}

.respo-linear::after {
     position: absolute;
     content: "";
     background: linear-gradient(180deg,
               rgba(0, 0, 0, 0) 0%,
               rgba(0, 0, 0, 0.8) 73.08%);
     width: 100%;
     height: 50%;
     z-index: -1;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     transition: all 0.9s ease-in-out;
     /* animation: fadeOutBottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; */
}

.wrap-box:hover.respo-linear::after {
     /* animation: fadeInBottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; */
     bottom: 0;
     opacity: 1;
}

.respo-1 {
     background-image: url(../images/respo-01.png);
}

.respo-2 {
     background-image: url(../images/respo-02.png);
}

.respo-3 {
     background-image: url(../images/respo-3.png);
}

.respo-4 {
     background-image: url(../images/respo-04.png);
}

.respo-5 {
     background-image: url(../images/respo-05.png);
}

.respo-6 {
     background-image: url(../images/respo-06.png);
}

.title-box {
     margin: 24px;
     position: absolute;
     bottom: 0%;
     transform: translateY(0);
     right: 0;
     left: 0;
}

.title-box p {
     margin-top: 24px;
     animation: fadeOutBottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wrap-box:hover .title-box p {
     animation: fadeInBottom 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.title-box h3 {
     transform: translateY(0);
     transform-origin: top;
     position: absolute;
     bottom: 0;
     transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wrap-box:hover .title-box h3 {
     transform: translateY(-200%);
}

.responsibility-sec .swiper-pagination {
     display: none;
}

/* presiontation page */

.custom-padding {
     padding: 100px 100px;
}

.inner-page-link {
     /* padding: 120px 100px 0; */
     padding: 0 100px 0;
}

.bd-title {
     text-transform: uppercase;
     font-size: 16px;
}

.center_bd .bd-title {
     font-size: 24px;
     text-transform: uppercase;
}

.center_bd .breadcrumb-item+.breadcrumb-item {
     padding-left: 0;
}

.center_bd .breadcrumb-item+.breadcrumb-item::before {
     float: left;
     padding: 0 10px;
}

.inner-page-link ol.breadcrumb {
     margin: 0;
     padding: 30px 0;
}

.breadcrumb-item+.breadcrumb-item::before {
     color: var(--yellowText);
     float: initial;
     padding: 0;
}

.breadcrumb-item a:hover {
     color: #f7a209;
     cursor: pointer;
}

.title-presiontation {
     padding: 0 0 100px;
}

.presionatation .accordion-button {
     color: #ffff;
     background-color: #74253a;
     box-shadow: none;
     border-radius: 0;
     justify-content: space-between;
     align-items: center;
     padding: 24px 60px;
}

.presionatation .accordion-item:first-of-type .accordion-button,
.presionatation .accordion-item:last-of-type .accordion-button.collapsed {
     border-radius: 0;
}

.presionatation .accordion-button::after {
     display: none;
}

.arrow {
     position: relative;
     height: 30px;
     width: 40px;
     right: 0;
     left: auto;
     /* top: 0; */
}

.arrow-line {
     position: absolute;
     width: 50%;
     height: 100%;
     overflow: hidden;
}

.arrow-line.right {
     right: 0;
}

.arrow-line.left {
     left: 0;
}

.arrow-line:after {
     content: " ";
     height: 4px;
     width: 100%;
     background: #74253a;
     border-radius: 50px;
     position: absolute;
     top: 50%;
     transition: all 0.3s ease-in-out;
}

.arrow-line.left:after {
     transform: rotate(45deg);
     left: 23%;
}

.arrow-line.right:after {
     transform: rotate(-45deg);
     right: 23%;
}

.accordion-button:not(.collapsed)[aria-expanded="true"] .arrow .arrow-line.right:after {
     transform: rotate(45deg);
}

.accordion-button:not(.collapsed)[aria-expanded="true"] .arrow .arrow-line.left:after {
     transform: rotate(-45deg);
}

.date {
     color: var(--greycolor);
     font-size: 16px;
}

.presionatation .accordion-body {
     padding: 0;
     border: 1px solid #b0b0b0;
}

.presionatation .accordion-item {
     margin: 0 0 16px;
     border: none;
}

.presionatation .base-item {
     padding: 40px 0;
     margin: 0 40px;
     display: flex;
     justify-content: space-between;
}

.border-bt {
     border-bottom: 1px solid #b0b0b0;
}

a.file-btn {
     border-radius: 50%;
     width: 56px;
     height: 56px;
     border: 2px solid #555555;
     background: #ffff;
     position: relative;
     display: inline-flex;
     left: auto;
     right: 0px;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

a.file-btn::before {
     position: absolute;
     content: "";
     background-image: url("../images/d-variant-arrow.svg");
     right: 0;
     left: 50%;
     height: 20px;
     width: 15px;
     background-repeat: no-repeat;
     transform: translate(-50%, -3px);
     /* top: 12px; */
     opacity: 1;
     transition: all 0.2s ease-out;
}

a.file-btn::after {
     position: absolute;
     content: "";
     background-image: url("../images/white-d-arrow-svg.svg");
     right: 0;
     left: 50%;
     height: 20px;
     width: 15px;
     background-repeat: no-repeat;
     transform: translate(-50%, -16px);
     /* top: -23px; */
     opacity: 0;
     transition: all 0.2s ease-in;
}

a.file-btn:hover::before {
     opacity: 0;
     /* top: 0; */
     transform: translate(-50%, 0);
}

a.file-btn:hover::after {
     opacity: 1;
     /* top: 12px; */
     transform: translate(-50%, -3px);
}

a.file-btn:hover {
     background: #f7a209;
     border-color: #f7a209;
}

a.file-btn:hover svg.d-arrow path,
a.file-btn:hover svg.d-line path {
     stroke: #fff;
}

svg.d-arrow path,
svg.d-line path {
     transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

svg.d-line {
     position: absolute;
     bottom: 12px;
}

.annual-points {
     display: flex;
     background: #f5f5f5;
     border: 1px solid #b0b0b0;
     align-items: center;
     justify-content: space-between;
     padding: 40px 50px;
}

.annual-points a.file-btn {
     background: #f5f5f5;
}

.annual-points a.file-btn:hover {
     background: #f7a209;
     border-color: #f7a209;
}

.space-top {
     margin: 40px 0 0;
}

/* services page */

.service-details {
     padding: 0 100px;
}

.inner-details {
     margin: 80px 0;
}

.border-block {
     border-right: 1px solid #b0b0b0;
}

.border_bottom {
     border-bottom: 1px solid #b0b0b0;
}

.inner-desc {
     width: 70%;
}

.policy-sec {
     padding: 40px 100px;
}

.click-here-btn a {
     text-decoration: underline;
}

.policy-content {
     display: flex;
     align-items: center;
     gap: 40px;
}

/* service-page */

.main-hero-banner.servie-img {
     background-image: url(../images/service-hero-sec.png);
     height: calc(700px - 120px);
}

.title-service h2 {
     padding: 0 0 30px;
}

.title-service .mb {
     margin: 30px 0 0;
}

.list-produce {
     display: flex;
     gap: 8px;
}

.produce-detail {
     padding: 16px 0 0;
}

.flex-c {
     justify-content: flex-start;
     padding-left: 88px;
}

.flex-new {
     justify-content: flex-end;
     padding-left: 0;
}

.pb-bottom {
     padding-bottom: 10px;
}

.min-height {
     height: 560px;
}

.max-height {
     height: 100%;
}

.fix-width {
     width: 50em;
}

/* investor relation */

.main-hero-banner.investor-img {
     background-image: url(../images/investor-relation-img.png);
     height: calc(700px - 120px);
}

.about-us .main-hero-banner.investor-img {
     padding: 100px 100px;
}

.investor-main img {
     width: 100%;
}

/* image scale -hover */

.inner-img {
     overflow: hidden;
     display: flex;
     position: relative;
     justify-content: center;
     align-items: center;
     text-align: center;
}

.image-scale:hover {
     transform: scale(1.1);
}

/* end */

.image-scale {
     transition: 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.investor-content {
     padding: 30px 0 0;
}

.investor-main {
     padding-right: 30px;
}

.corporate-text {
     padding-left: 30px;
}

.corporate-text h3,
.corporate-text p {
     margin: 0 0 30px;
}

.view-all-link .red-btn {
     width: 11em;
     padding: 20px 40px;
}

.title-calendar h3 {
     margin-bottom: 30px;
}

/* leadership-d */

.main-hero-banner.leadership-d {
     background-image: url(../images/leadership-detail.png);
     height: calc(700px - 120px);
}

.about-us .main-hero-banner.leadership-d {
     padding: 100px 100px;
}

.about-us .leadership-d .hero-title {
     align-items: center;
}

.leadership-d .hero-title ol.breadcrumb {
     margin: 0;
     align-items: center;
}

/* .annual-points h5{
     text-transform: capitalize;
} */

.leadership-d .breadcrumb-item+.breadcrumb-item {
     display: flex;
     align-items: center;
}

.leader-tabs .leader-img {
     height: 530px;
     width: 30em;
}

.leader-tabs .leader-img img {
     height: 100%;
     object-fit: cover;
}

.leader-tabs .leader-role {
     height: 100%;
}

.l-content {
     margin: 40px 0 0;
}

.leader-tabs .nav-tabs {
     border: none;
     flex-direction: column;
     width: 20em;
}

.leader-tabs .nav-tabs .nav-link {
     padding: 0;
     border: none;
     border-radius: 0;
}

.leader-tabs .item-leader {
     border-bottom: 1px solid #b0b0b0;
     padding: 10px 0;
     display: flex;
     align-items: center;
}

.leader-tabs .nav-tabs .nav-link.active {
     border-color: #b0b0b0;
     background-color: transparent;
}

.leader-tabs .nav-tabs .nav-link p {
     display: inline-block;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 14em;
     white-space: nowrap;
}

.leader-tabs .nav-link p {
     transform: translateX(0);
     transition: all 0.2s linear;
     font-size: 19px;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
}

.leader-tabs .nav-link.active p {
     transform: translateX(16px);
     color: #000;
}

.leader-tabs .nav-link svg {
     opacity: 0;
     transition: all 0.3s linear;
}

.leader-tabs .nav-link.active svg {
     opacity: 1;
}

.leader-tabs .tab-content {
     position: relative;
     height: 100%;
}

.leader-tabs .tab-content .tab-pane {
     transition-duration: 1s;
     height: 100%;
     opacity: 0;
}

.leader-tabs .tab-pane.active.show {
     opacity: 1;
}

/* comapny events */

.company-events {
     padding: 95px 95px;
}

.grid-landscap {
     height: 800px;
     width: 100%;
}

.grid-landscap img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: top;
}

.grid-portrait {
     height: 388px;
     width: 100%;
}

.grid-portrait img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: top;
}

.flex-items {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     gap: 24px;
}

.grid-p {
     padding: 24px 12px;
}

/* finanical reports */

.financial-tabs.nav.nav-tabs {
     border: none;
}

.financial-tabs .nav-tabs .nav-link.active {
     border: transparent;
}

.financial-tabs .nav-link {
     padding: 24px 80px;
     border-radius: 0;
     background: #f5f5f5;
     color: #555;
     border-color: #b0b0b0;
}

.financial-tabs .nav-link.active {
     background: #74253a;
     color: #ffff;
     border: transparent;
}

.financial-tabs .nav-link:hover {
     border-color: #b0b0b0;
}

.financial-sec .tab-content.general-items {
     padding: 40px 0 0;
}

/* leadership-main */

.main-hero-banner.leadership-main {
     background-image: url(../images/leadership-detail.png);
     height: calc(700px - 120px);
}

.about-us .main-hero-banner.leadership-main {
     padding: 100px 100px;
}

.about-us .leadership-main .hero-title {
     align-items: center;
}

.leadership-main .hero-title ol.breadcrumb {
     margin: 0;
}

.all-inspires .pb-bottom {
     padding-bottom: 80px;
}

.all-inspires .pb_0 {
     padding-bottom: 0;
}

.all-inspires .inspire-name {
     margin: 20px 0 0;
}

.box_width {
     width: 31.33%;
}

.all-inspires .row {
     column-gap: 41px;
}

h5.p-title {
     color: var(--greycolor);
}

/* contact-page */

.main-hero-banner.contact-page {
     background-image: url(../images/contact-img.png);
     height: calc(700px - 120px);
}

.contact-form {
     padding: 80px 80px;
}

.contact-info {
     padding: 80px 0 0;
     display: flex;
     justify-content: space-between;
     text-align: center;
     /*flex-direction: column;*/
     /* gap: 60px; */
     height: 100%;
}

.update_section .item-contact {
     width: 19%;
}

.update_section .contact-form {
     padding: 64px 80px !important;
}

.update_section .bg-icons svg {
     width: 48px;
     height: 48px;
}

.update_section .item-contact p {
     font-size: 24px;
}

.contact-info .item-contact a:hover {
     color: #fff;
}

.contact-info .bg-icons {
     width: 60px;
     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     /* background: rgba(247, 162, 9, 10%); */
     margin: 0 auto;
}

.contact-form .form-group {
     margin: 0 0 40px;
}

.contact-title h2 {
     font-size: 32px;
     padding: 0 0 40px;
}

.contact-form .form-select,
.contact-form .form-control,
.contact-form .form-label,
.contact-form select {
     font-size: 18px;
}

.contact-form .form-control {
     padding: 16px 20px;
     border-radius: 0;
     border-color: #b0b0b0;
     background-color: #f5f5f5;
}

.contact-form .form-select {
     cursor: pointer;
}

.contact-form .form-label {
     margin-bottom: 12px;
}

.contact-form .form-control::placeholder,
.contact-form .form-control::-moz-placeholder,
.contact-form .form-control:focus {
     font-size: 18px;
     color: #555;
}

.form-group.radio-main {
     display: flex;
     gap: 160px;
}

.mr-right {
     margin-right: 80px;
}

.contact-form .form-check-input:checked {
     background-color: #000;
     border-color: #000;
}

.contct-btn {
     background: #74253a;
     width: 100%;
}

.contct-btn .red-btn {
     border: 1px solid #74253a;
     width: 20.68em;
}

.contct-btn .red-btn button.join-us {
     color: #fff;
     justify-content: center;
     text-align: center;
     margin: 0 auto;
     display: flex;
     align-items: center;
     width: 100%;
}

.contct-btn .join-us-btn {
     justify-content: center;
     text-align: center;
     margin: 0 auto;
}

.contct-btn button.join-us {
     background: transparent;
     border: none;
}

.upload-btn .custom-upload-text {
     border: 1px dashed #b0b0b0;
     color: #555555;
     background: #f0f0f0;
     padding: 22px 20px;
}

.upload-btn #upload_cv {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     font-size: 100px;
     cursor: pointer;
}

.contct-btn:hover .join-us-btn button.join-us {
     transform: translateX(-15px);
}

.contct-btn:hover .join-us-btn .svg-sub {
     opacity: 1;
     right: -2%;
}

.contct-btn:hover .join-us-btn.red-btn .svg-sub {
     opacity: 1;
     right: -4%;
}

/* calendar css */

#calendar.vanilla-calendar {
     width: 100%;
     border-radius: 0;
     padding: 0;
     border: 1px solid #b0b0b0;
}

#calendar .vanilla-calendar-years,
#calendar .vanilla-calendar-months {
     height: 600px;
}

#calendar .vanilla-calendar-content {
     justify-content: end;
}

#calendar .vanilla-calendar-day {
     height: 90px;
     border: 1px solid #b0b0b0;
}

#calendar .vanilla-calendar-week {
     margin: 0;
     height: 90px;
}

#calendar .vanilla-calendar-days {
     flex-grow: 0;
     row-gap: 0;
     border: 1px solid #b0b0b0;
}

#calendar .vanilla-calendar-week__day {
     font-size: 20px;
     text-transform: uppercase;
}

#calendar .vanilla-calendar-day__btn {
     font-size: 20px;
}

#calendar .vanilla-calendar-day__btn_selected {
     border-radius: 0;
}

#calendar .vanilla-calendar-header,
#calendar .vanilla-calendar-header__content {
     margin-bottom: 0;
     height: 70px;
     padding: 0 20px;
}

#calendar .vanilla-calendar-month,
#calendar .vanilla-calendar-year {
     font-size: 20px;
}

#calendar .vanilla-calendar-months__month,
#calendar .vanilla-calendar-years__year {
     font-size: 20px;
     border-radius: 0;
     font-weight: 400;
}

#calendar .vanilla-calendar-week__day {
     color: #000;
     border-left: 1px solid #b0b0b0;
     border-right: 1px solid #b0b0b0;
     border-top: 1px solid #b0b0b0;
}

#calendar .vanilla-calendar-day__btn_prev,
#calendar .vanilla-calendar-day__btn_next {
     color: #b0b0b0;
}

#calendar .vanilla-calendar-day__btn,
#calendar .vanilla-calendar-day__btn_weekend,
#calendar .vanilla-calendar-day__btn_holiday {
     color: #555;
}

#calendar .vanilla-calendar-day__btn_today {
     background-color: #fff;
     color: #74253a;
     transition: all 0.5s ease-in-out;
}

#calendar .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today:hover {
     background: rgba(247, 162, 9, 0.2);
     border-radius: 0;
}

#calendar .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_selected {
     background: rgba(247, 162, 9, 0.2);
     color: #74253a;
}

#calendar .vanilla-calendar-day__btn_selected {
     --tw-bg-opacity: 1;
     background-color: #74253a;
     color: #fff;
}

#calendar .vanilla-calendar-header,
#calendar .vanilla-calendar-header__content {
     background-color: #74253a;
}

#calendar .vanilla-calendar-month,
#calendar .vanilla-calendar-year {
     color: #f7a209;
}

#calendar .vanilla-calendar-months__month,
#calendar .vanilla-calendar-years__year {
     color: #555;
}

#calendar .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
#calendar .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,
#calendar .vanilla-calendar-years__year.vanilla-calendar-years__year_selected {
     background-color: #74253a;
     color: #fff;
}

.vanilla-calendar-arrow::before {
     background-image: url("../images/cal-arrow.svg") !important;
     background-repeat: no-repeat;
}

#calendar .vanilla-calendar-month:hover,
#calendar .vanilla-calendar-year:hover {
     color: #ffdc9c;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-day__btn {
     background-color: #fff;
     border-radius: 0;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-week {
     background-color: #fff;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-years,
#calendar .vanilla-calendar-months {
     background-color: #fff;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-years__year:hover,
#calendar[data-calendar-theme="dark"] .vanilla-calendar-months__month:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-months__month,
#calendar[data-calendar-theme="dark"] .vanilla-calendar-years__year {
     color: #555;
     background-color: #fff;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected {
     color: #74253a;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today:hover {
     background-color: #74253a;
     color: #fff;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_selected {
     background-color: #74253a;
     color: #fff;
}

#calendar[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected {
     background-color: #74253a;
     color: #fff;
}

/* darkTheme */

/* #calendar[data-calendar-theme=dark] .vanilla-calendar-week__day {
     color: #fff;
}

#calendar[data-calendar-theme=dark] .vanilla-calendar-day__btn {
     color: #F5F5F5;
}

#calendar[data-calendar-theme=dark] .vanilla-calendar-day__btn_today {
     background-color: transparent;
     color: #F5F5F5;
     transition: all 0.5s ease-in-out;
}

#calendar[data-calendar-theme=dark] .vanilla-calendar {
     border: none;
} */

/* upcoming-label css */

.upcoming-label {
     padding: 40px 40px;
     height: 100%;
}

.b-top {
     border-bottom: 1px solid #b0b0b0;
     padding-bottom: 40px;
}

.cal-events.pb-top {
     padding: 40px 0;
     border-bottom: 1px solid #555;
}

.cal-events.sp-top {
     padding-top: 40px;
}

.addto-cal {
     color: #f7a209;
     text-transform: uppercase;
     margin: 0;
}

.cal-events {
     display: flex;
     align-items: baseline;
     gap: 48px;
}

.month-date-year {
     display: flex;
     flex-direction: column;
     gap: 12px;
}

.cal-content {
     display: flex;
     flex-direction: column;
     gap: 12px;
}

/* privacy-policy */

.privacy-policy.custom-padding {
     padding: 200px 100px 100px;
}

.policy-content {
     background: #f5f5f5;
     margin: 0 auto;
     padding: 100px 100px;
}

.policy-content .container,
.privacy-policy .container {
     max-width: 1200px;
}

.policy-content h3 {
     margin: 50px 0 24px;
     font-size: 35px;
     font-weight: 600;
}

.policy-content p {
     color: #555;
}

/* updated-changes css 20-2*/

.nav-link.contact-btn.b-padding {
     padding: 20px 35px !important;
}

.testimonial-slider .testimonial-title h5 {
     margin-bottom: 20px;
}

/* 26-04 */

.pop-btn .join-us {
     font-size: 18px;
     text-transform: uppercase;
}

.pop-btn button.btn.nav-link.contact-btn.b-padding {
     border-radius: 0;
     display: flex;
     align-items: center;
     gap: 10px;
     height: 63px;
     padding: 20px 20px !important;
}

.pop-btn button.btn:hover {
     border: 1px solid #1e1916;
}

.popup-title h1.title_text {
     font-size: 60px;
}

.download-popup .modal {}

.download-popup .modal-dialog {
     max-width: 100%;
     margin: 0;
}

.modal-content {
     border-radius: 0;
     border: none;
}

.download-popup .modal-body {
     padding: 152px 100px;
}

.download-popup .qr-image {
     display: flex;
     gap: 40px;
     align-items: center;
     justify-content: end;
}

.download-popup .flex_name {
     display: flex;
     align-items: center;
     gap: 10px;
}

.app-qr-body .which-app h5 {
     letter-spacing: 1.1px;
}

.app-qr-body .qr-image.second {
     margin-top: 80px;
}

.download-popup .mr_right {
     margin-right: 90px;
}

.download-popup .p_row {
     justify-content: space-between;
     align-items: center;
}

.download-popup .popup-title {
     width: 80%;
}

/* login-popup */

.login-popup .modal {
     overflow: hidden;
}

.login-popup .modal-dialog {
     max-width: 646px;
     height: 100%;
     vertical-align: middle;
     display: flex;
     justify-content: center;
     align-items: center;
}

.login-popup .modal-body {
     padding: 55px 100px 60px;
}

.login-popup .mrs-logo {
     text-align: center;
     margin-bottom: 35px;
}

.login-popup .form-group {
     margin: 0 0 30px;
}

.login-popup .form-control {
     border-radius: 0;
     padding: 16px 20px;
}

.login-popup .check_text {
     font-size: 18px;
     color: #1e1916;
}

.login-popup .form-check-input[type="checkbox"] {
     border-radius: 0;
}

.login-popup .check-link {
     display: flex;
     align-items: baseline;
     justify-content: space-between;
}

.c_login .nav-link.contact-btn.b-padding {
     padding: 20px 35px !important;
     background: #74253a;
     border-color: #74253a;
}

.c_login .contact-btn .join-us {
     color: #fff;
}

.login-popup .max_width {
     width: 100%;
     margin-left: 0;
}

.login-popup .nav-item.login_btn {
     margin: 50px 0 0;
}

.staff_login .join-us-btn.red-btn:hover,
.staff_login .join-us-btn {
     border-color: #74253a;
     background-color: transparent;
}

.staff_login .join-us-btn .join-us:hover,
.staff_login .join-us-btn .join-us {
     color: #74253a;
}

.c_login .join-us-btn:hover.red-btn .svg-sub,
.staff_login .join-us-btn:hover.red-btn .svg-sub {
     right: -1%;
}

.login-popup .form-check-input:checked {
     background-color: #74253a;
     border-color: #74253a;
}

.or-condition.position-relative {
     border-bottom: 1px solid #b0b0b0;
     padding: 20px 0;
     margin-bottom: 40px;
}

.or-condition p.or_text {
     width: 50px;
     display: inline-block;
     background: #f5f5f5;
     bottom: -18px;
     position: absolute;
     right: 0;
     left: 0;
     margin: 0 auto;
     text-align: center;
}

.bg_popup {
     background: #f5f5f5;
}

.bg_red {
     background: #74253a;
}

.crafted {
     display: flex;
     align-items: center;
     gap: 8px;
}

.our-locations .aboutus-title {
     padding: 0 30px 80px;
}

.footer-main ul.page-links.other-links {
     margin-top: 120px;
     width: max-content;
}

.footer-main ul.page-links.media-ml.asso-mr {
     margin-right: auto;
     margin-left: auto;
     width: max-content;
}

.moretext {
     display: none;
}

.investor-main .read-more-btn {
     cursor: pointer;
}

.invest_mb {
     margin-bottom: 80px;
}

.relation-layout.sec-padding {
     padding-bottom: 100px;
}

.board-calender.sec-padding {
     padding: 100px 100px;
}

.leadership-sec .pagination_process ul {
     gap: 65px;
}

.leadership-sec .industry-sec .content-slider {
     justify-content: center;
     width: 83%;
     gap: 42px;
}

.leadership-sec .industry-sec .img-slide img {
     object-fit: cover;
}

.governace_main:not(.full-content) .flex_text p {
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
}

.governace_main .moreless-button:after {
     content: "Read More";
}

.governace_main.full-content .moreless-button:after {
     content: "Read Less";
}

.lubricant-btn .red-btn {
     width: 16.2em;
}

.leader-tabs.pro .leader-img img {
     object-fit: initial;
     border: 1px solid #b0b0b0;
}

.leader-tabs.pro .product_btn.red-btn {
     width: 14.2em;
}

.leader-tabs.pro .l-content {
     margin: 30px 0 30px;
}

.all-inspires.products .inspire-main img {
     border: 1px solid #b0b0b0;
}

.no-data img {
     width: 26%;
}

.main-hero-banner.servie-img.retail-st {
     background-image: url(../images/retail-st-banner.png);
}

.retail-st-tabs {
     padding: 65px 100px;
}

.retail-st-tabs .financial-tabs {
     margin-bottom: 100px;
}

.retail-st-tabs .accordion-item {
     border: none;
     background: transparent;
}

.retail-st-tabs .accordion-button {
     background: transparent;
     gap: 80px;
}

.loc-title h4.loc-name {
     font-family: "Arial CE";
     font-weight: 700;
     display: inline-block;
     font-size: 30px;
     margin-right: 10px;
}

.loc-title .loc-side {
     font-size: 24px;
}

.retail-st-tabs .accordion {
     --bs-accordion-bg: #f5f5f5 !important;
}

.retail-st-tabs .accordion-button:not(.collapsed) {
     color: #000;
     background-color: transparent !important;
     box-shadow: none;
}

.width_rt {
     width: 100%;
}

.rs_inner {
     justify-content: space-between;
}

.col_rs_2 {
     flex: 0 0 auto;
     width: 30%;
}

.col_rs_5 {
     flex: 0 0 auto;
     width: 25%;
}

.direction-btn .red-btn {
     width: 15.2em;
     margin-left: auto;
}

.available-item {
     padding: 24px 0 0 0;
}

.retail-st-tabs .accordion-button {
     padding: 40px 0;
}

.retail-st-tabs .accordion-header {
     padding: 30px 0;
}

.retail-st-tabs .accordion-body {
     padding: 24px 0 0 0;
}

.retail-st-tabs .accordion-item {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top: 1px solid #1e1916;
     border-bottom: none;
     border-left: none;
     border-right: none;
}

.retail-st-tabs .accordion-item:first-of-type {
     border-top: none;
}

.open-timing {
     text-align: end;
}

.rs_inner .rs_flex {
     display: flex;
     justify-content: space-between;
}

.direction-btn {
     margin: 40px 0;
}

.retail-st-tabs .accordion-button::after {
     display: none;
}

#retailNetwork .lubricant-btn .red-btn {
     width: 15.2em;
}

.retail-st-tabs .list-produce {
     align-items: center !important;
}

.product_new .main-hero-banner.servie-img {
     background-image: url(../images/product-hero-img.png);
}

.policy-sec.pro-desk {
     background: #74253a;
}

.policy-sec.pro-desk a:hover {
     color: #fff;
}

.all-inspires.products.sec-padding.container-fluid {
     padding-bottom: 0;
}

.retail-st h5 {
     margin: 0 auto;
}

.href_text,
.href_text:hover {
     color: #555555;
     font-weight: 700;
}

/* 9-05 css */
.two-slide .main-hero-banner {
     background-image: url(../images/hero-banner-img-02.png);
}

.three-slide .main-hero-banner {
     background-image: url(../images/hero-banner-img-03.png);
}

.hero-title h1 {
     font-size: 48px;
}

.homepage .hero-title h3 {
     font-size: 30px;
}

/* #heroSlider .swiper-slide-active .main-hero-banner.homepage .fade-content{
     opacity: 1;
}
#heroSlider .swiper-slide .main-hero-banner.homepage .fade-content{
     opacity: 0;
} */
/* all animation keyframes */

@keyframes fadeInBottom {
     0% {
          opacity: 0;
          transform: translateY(100%);
     }

     100% {
          opacity: 1;
     }
}

@keyframes fadeOutBottom {
     0% {
          opacity: 1;
          /* transform: translateY(0); */
     }

     100% {
          opacity: 0;
          transform: translateY(100%);
     }
}

@keyframes PaginationLine {
     0% {
          height: 0;
     }

     100% {
          height: 60px;
     }
}

@keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes fadeOut {
     0% {
          opacity: 1;
     }

     100% {
          opacity: 0;
     }
}

.two-slide .join-us-btn {
     width: 19em;
}

.rslocation-btn.lubricant-btn {
     margin-left: auto;
}

.rslocation-btn.lubricant-btn .red-btn {
     width: 15.2em;
}

.staff_login {
     margin-top: 20px;
}

.contact-info .item-contact a:hover {
     color: #000;
}

/* dropdown in header */
.header-container {
     display: flex;
     justify-content: flex-end;
}

.header-container .marquee-block.create-marquee {
     width: calc(100% - 420px);
}

.location-dropdown {
     display: flex;
     width: 420px;
     background-color: #1e1916;
}

.location-dropdown .form-select.loc_text,
.location-dropdown .form-select option.loc_text {
     color: #b0b0b0;
     background-color: #1e1916;
     font-weight: 700;
     font-size: 20px;
     border: none;
     border-color: #1e1916;
}

.location-dropdown .btn-group {
     /* width: 18em; */
     width: calc(100% - 32px);
}

.loc-dropdown-inner {
     display: flex;
     width: 100%;
}

.location-dropdown .dropdown-item.loc_text {
     color: #b0b0b0;
     transition: 0.7s ease;
     -webkit-transition: 0.7s ease;
     -moz-transition: 0.7s ease;
     -ms-transition: 0.7s ease;
     -o-transition: 0.7s ease;
}

.location-dropdown .dropdown-item:focus,
.location-dropdown .dropdown-item:hover {
     color: #fff;
     background-color: #1e1916;
}

.location-dropdown .dropdown-menu.show {
     padding: 0;
     width: 100%;
     transform: translate3d(0px, 66px, 0px) !important;
     box-shadow: -22px 0px 28px rgba(0, 0, 0, 25%);
}

.location-dropdown ul {
     background-color: #1e1916 !important;
}

.location-dropdown .dropdown-menu .loc_text {
     word-wrap: break-word;
     text-wrap-mode: wrap;
     line-height: 1.4;
}

.location-dropdown button.dropdown-toggle {
     display: inline-flex;
     justify-content: space-between;
     gap: 45px;
     padding: 18px 25px;
}

.location-dropdown li .loc_text,
.location-dropdown button {
     color: #fff;
     background-color: #1E1916;
     font-weight: 700;
     font-size: 20px;
     /* padding: 18px 40px; */
     border: none;
     width: 100%;
     border-color: #1E1916;
}

.vr_padding {
     padding-top: 15px !important;
     padding-bottom: 15px !important;
}

.location-dropdown .dropdown-toggle::after {
     display: none;
}

.location-dropdown .arrow {
     height: 20px;
     width: 20px;
}

.location-dropdown .arrow-line:after {
     height: 3px;
     background: #ffffff;
}

.location-dropdown button.dropdown-toggle.show[aria-expanded="true"] .arrow .arrow-line.left:after {
     transform: rotate(-45deg);
}

.location-dropdown button.dropdown-toggle.show[aria-expanded="true"] .arrow .arrow-line.right:after {
     transform: rotate(45deg);
}

.location-dropdown .ld_width {
     width: 15em;
}

.location-dropdown .second_dr button {
     text-align: start;
}

.clamp_text {
     overflow: hidden;
     /* display: -webkit-box; */
     -webkit-line-clamp: 1;
     line-clamp: 1;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
}

/* new-dropdown */
.select2-container--default .select2-selection--single {
     background-color: #1e1916;
     border: none;
     border-radius: 0;
}

.select2-container .select2-selection--single {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     padding: 0 24px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0;
     height: 100%;
     color: #fff;
     font-size: 20px;
     font-weight: 600;
}

.btn-group select {
     width: 100%;
     border: none !important;
     background-color: #1e1916;
     /* opacity: 0; */
     font-size: 20px;
     display: none;
}

.select2-hidden-accessible {
     width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
     position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
     border: none;
     position: absolute;
     width: 14px;
     height: 20px;
     top: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b.left {
     left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
     content: " ";
     height: 3px;
     width: 80%;
     background: #fff;
     border-radius: 50px;
     position: absolute;
     top: 50%;
     transform: rotate(-45deg);
     left: 36%;
     transition: all 0.3s ease-in-out;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
     content: " ";
     height: 3px;
     width: 80%;
     background: #fff;
     border-radius: 50px;
     position: absolute;
     top: 50%;
     transform: rotate(45deg);
     right: 36%;
     transition: all 0.3s ease-in-out;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}

.select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b:after {
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}

.select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b:before {
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
}

.select2-container {
     height: 100%;
     /* width: 100% !important; */
     z-index: 9;
}

.select2-container--default .select2-selection--single[aria-expanded="true"] {
     background: #74253a;
}

.select2-dropdown {
     background-color: #1e1916;
     border: none;
}

.select2-results__option {
     color: #b0b0b0;
     padding: 18px 24px;
     font-size: 20px;
}

.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
     background: transparent;
     border: none;
     border-color: #1e1916;
     color: #fff;
     font-size: 20px;
}

.select2-container--default .select2-results__option--selected {
     background-color: #1e1916;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
     background-color: transparent;
     color: white;
}

.location-dropdown .dropdown-toggle.show[aria-expanded="true"] {
     background: #74253a;
     border-radius: 0;
}

.select2-container--default .select2-results>.select2-results__options {
     max-height: 800px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
     background: transparent;
     width: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
     background: #fff;
     width: 5px;
}

.location-dropdown img {
     margin-left: 20px;
     margin-right: 20px;
     width: 2em;
}

.login-popup .modal-header {
     border: none;
     padding: 30px 30px 0;
}

.login-popup .btn-close {
     background: url(../images/close-vector.svg);
     background-repeat: no-repeat;
     opacity: 1;
     border-radius: 0;
}

.select2-search--dropdown {
     padding: 18px 27px;
}

.select2-container .select2-selection--single:focus-visible {
     border: none;
     outline: none;
}

/* .select2-search--dropdown .select2-search__field::placeholder{
     color:#fff;
} */

/* .select2-search--dropdown .select2-search__field {
     background-image: url(../images/serach-vector.png) !important;
     background-repeat: no-repeat !important;
     background-origin: content-box !important;
} */

.select2-search--dropdown :focus-visible {
     outline: #1e1916;
}

/* today product css */
.our_products .all-inspires.products.sec-padding.container-fluid {
     padding-top: 100px;
}

.our_products .tab-content {
     padding-top: 100px;
}

.vr_scrollbar {
     overflow-y: auto;
     height: 700px;
     width: 21em;
}

.pr-list .all-leaders {
     display: inline-block;
}

.vr_scrollbar::-webkit-scrollbar-thumb {
     background: #b0b0b0;
}

.location-boxes {
     padding: 0 100px 130px;
}

.location-boxes .inner-lbox {
     padding: 40px;
     height: 350px;
     border: 1px solid #b0b0b0;
}

.location-boxes .items-lbox {
     display: inline-flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 16px;
     width: fit-content;
}

.location-boxes .details-lbox {
     padding: 35px 0 0;
     display: flex;
     flex-direction: column;
}

.location-boxes .inner-lbox:hover .hover_title {
     color: #fff;
}

.location-boxes .inner-lbox .hover_text,
.location-boxes .inner-lbox,
.location-boxes .inner-lbox .hover_p,
.location-boxes .inner-lbox .hover_title,
.location-boxes .inner-lbox svg.loc-arrow {
     transition: 0.5s ease-in-out;
     -webkit-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out;
     -ms-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
}

.location-boxes .inner-lbox:hover {
     background-color: #74253a;
}

.location-boxes .inner-lbox:hover .hover_p {
     color: #f5f5f5;
}

.location-boxes .inner-lbox svg.loc-arrow {
     opacity: 0;
}

.location-boxes .inner-lbox:hover svg.loc-arrow {
     opacity: 1;
}

.location-boxes .title-lbox {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.width_30 {
     width: 30%;
}

.row_lc {
     gap: 80px;
}

.available-price {
     display: flex;
     align-items: end;
     justify-content: space-between;
}

.leader-tabs.pro .ci-list .product_btn.red-btn {
     width: 19.2em;
}

.location-dropdown .btn-group.second_dr .dropdown-menu.show {
     width: auto;
}

/* 20-05 css */
.view_block {
     display: none;
}

.view_block.show-value {
     display: block;
}

.lubricant-btn.depot .join-us-btn.red-btn {
     width: 12.2em;
}

.location-boxes .tab-content {
     margin-top: 100px;
}

.homepage .join-us-btn {
     background: #fff;
}

.homepage .join-us-btn:hover {
     background: #f7a209;
     border-color: #f7a209;
}

/* modal */
.Get_It_Now .btn-close {
     background: url(../images/close-vector-white.svg);
     background-repeat: no-repeat;
     opacity: 1;
     border-radius: 0;
}

.getitnow-main-img {
     background-image: url(../images/get-it-now.png);
     background-repeat: no-repeat;
     position: relative;
     height: 680px;
     width: 100%;
     background-size: 100%;
}

.Get_It_Now .modal-dialog {
     max-width: 60%;
     /* height: 680px; */
     height: 100%;
     vertical-align: middle;
     display: flex;
     justify-content: center;
     align-items: center;
}

.getitnow-main-img::after {
     position: absolute;
     content: "";
     background: linear-gradient(197deg,
               rgba(116, 37, 58, 0) 37%,
               rgba(72, 26, 38, 1) 100%);
     width: 100%;
     height: 100%;
     z-index: 1;
     left: 0;
     right: 0;
     bottom: 0;
     /* opacity: 0; */
     transition: all 0.9s ease-in-out;
}

.Get_It_Now .modal-header {
     position: absolute;
     background: transparent;
     border: none;
     right: 22px;
     top: 22px;
     z-index: 4;
}

.get-it-now-content h3 {
     font-family: "Earth";
}

.Get_It_Now .modal-body {
     padding: 40px 40px 60px;
     z-index: 2;
}

.Get_It_Now .modal-body {
     background-color: transparent;
}

.get-it-now-content {
     padding: 90px 0 0;
}

.get-it-now-content h4 {
     width: 65%;
     font-size: 28px;
     padding: 20px 0 70px;
}

.get-it-now-links .join-us-btn {
     background: #f7a209;
     border-color: #f7a209;
     width: 11em;
}

.get-it-now-links {
     display: flex;
     align-items: end;
     justify-content: space-between;
     padding: 50px 0 0;
}

.modal.Get_It_Now {
     --bs-modal-bg: transparent;
     overflow: hidden;
}

.add-full-block {
     background: #f7a209;
     width: 100%;
     padding: 0 30px;
     transition: 1s ease-in-out;
     /* opacity: 0; */
     display: none;
}

.add-full-block .inner-addfull {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
}

.add-full-block p {
     padding: 20px 0;
     width: 100%;
}

.close_add_btn {
     cursor: pointer;
}

/* 27-05 */
.location-boxes .tab-content .tab-pane {
     padding-top: 120px;
}

.location-boxes .tab-content {
     margin-top: 0;
}

.location-boxes .financial-tabs.nav.nav-tabs {
     position: absolute;
     top: 0;
}

.title-upm {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.bg_white {
     background: #fff;
}

.upcoming-meetings .inner-upm {
     padding: 90px 110px;
     margin-top: 50px;
     height: 600px;
     overflow-y: scroll;
     scroll-behavior: smooth;
}

.upcoming-meetings .inner-upm::-webkit-scrollbar {
     display: none;
     width: 5px;
}

.upcoming-meetings .inner-upm::-webkit-scrollbar-thumb {
     background: #b0b0b0;
}

.upcoming-meetings .cal-hover {
     text-transform: uppercase;
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 20px;
     opacity: 0;
     transition: 0.4s ease;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
}

.upm-inner:hover .cal-hover {
     opacity: 1;
}

.upm-content {
     border-bottom: solid #b0b0b0;
     border-width: 0.5px;
}

.upcoming-meetings .upm-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 40px 0;
}

.upm_col_min {
     width: 18%;
}

.upm_col_max {
     width: 14%;
     text-align: end;
}

.cursor_def {
     cursor: default;
}

.ls-wwd .layout-service.sec-padding {
     padding-bottom: 60px;
}

/* .header-menus .dropdown .dropdown-menu {
     display: none;
} */

.header-menus .dropdown-toggle.dt-none::after {
     display: none;
}

.header-menus .nav-item.dropdown .active {
     color: #74253a;
}

.header-menus .navbar-nav .dropdown-menu {
     margin: 0;
     border: none;
     border-radius: 0;
     padding: 0;
     width: 18.5em;
     filter: drop-shadow(4px 4px 40px rgba(0, 0, 0, 20%));
     -webkit-filter: drop-shadow(4px 4px 40px rgba(0, 0, 0, 20%));
}

.header-menus .navbar-nav .dropdown-menu .dropdown-item,
.header-menus .dropen .arrow-line:after {
     padding: 18px 24px;
     font-size: 20px;
     font-weight: 700;
     letter-spacing: 0.5px;
     transition: 0.2s ease;
     -webkit-transition: 0.2s ease;
     -moz-transition: 0.2s ease;
     -ms-transition: 0.2s ease;
     -o-transition: 0.2s ease;
}

.header-menus .dropdown-item:focus,
.header-menus .dropdown-item:hover {
     color: #fff;
     background-color: #74253a;
}

.header-menus .dropend .dropdown-item:hover .arrow-line:after,
.header-menus .dropend .dropdown-item:focus .arrow-line:after {
     background: #fff;
}

.header-menus .dropend:hover>.dropdown-menu {
     position: absolute;
     top: 0;
     left: 100%;
}

/* .header-menus .dropend .dropdown-menu {
     position: static;
     top: 0;
     left: 100%;
     background: #d3cfcf80;
} */

.navbar-expand-lg .header-menus .navbar-nav .dropend .dropdown-menu {
     right: 0;
     top: 0;
}

li.nav-item.dropend .dropdown-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.dropend .arrow {
     height: 25px;
     width: 25px;
}

.header-menus.desk-block .dropend .arrow-line.right:after {
     transform: rotate(-130deg);
     top: 30%;
     right: auto;
     -webkit-transform: rotate(-130deg);
     -moz-transform: rotate(-130deg);
     -ms-transform: rotate(-130deg);
     -o-transform: rotate(-130deg);
}

.header-menus.desk-block .dropend .arrow-line.left:after {
     left: auto;
     top: auto;
     bottom: 27%;
     transform: rotate(130deg);
     -webkit-transform: rotate(130deg);
     -moz-transform: rotate(130deg);
     -ms-transform: rotate(130deg);
     -o-transform: rotate(130deg);
}

.header-menus.desk-block .dropend .arrow-line.left,
.header-menus.desk-block .dropend .arrow-line.right {
     left: auto;
     right: auto;
}

.header-menus .dropdown-item.active,
.dropdown-item:active {
     color: #000;
     background-color: transparent;
}

/* rt */
.rslocation-btn.lubricant-btn .red-btn {
     background-color: #fff;
}

.rslocation-btn.lubricant-btn {
     margin: 0 auto;
     padding: 40px 0;
}

.rslocation-btn.lubricant-btn .red-btn:hover .join-us {
     color: #000;
}

.rslocation-btn.lubricant-btn .red-btn:hover {
     background-color: #f7a209;
}

.retail-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #555;
}

.retail-dropdown .select2-container--default .select2-selection--single {
     background-color: #f5f5f5;
     border: 1px solid #b0b0ad;
     padding: 24px;
}

.retail-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.retail-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
     background: #555555;
}

.retail-dropdown .select2-container--default .select2-selection--single[aria-expanded="true"] {
     background: #74253a;
     border: none;
}

.retail-dropdown .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__rendered {
     color: #fff;
}

.retail-dropdown .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b:before,
.retail-dropdown .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b:after {
     background: #fff;
}

.retail-dropdown .btn-group {
     width: 18em;
}

.ParentClass>.select2-container .select2-results__option {
     color: #555;
}

.ParentClass>.select2-container .select2-dropdown {
     background-color: #f5f5f5;
}

.ParentClass>.select2-container--default .select2-results__option--selected {
     color: #555;
}

.ParentClass>.select2-container--default .select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
     color: #000;
}

.ParentClass>.select2-container .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
     background: #74253a;
     width: 5px;
}

.ParentClass>.select2-container--default .select2-results__option--selected {
     background-color: transparent;
}

.ParentClass>.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
     background: transparent;
     border: none;
     border-color: #1e1916;
     /* color: #000; */
     font-size: 20px;
}

.retail-st-tabs .financial-tabs {
     justify-content: space-between;
}

.main_st_tab {
     display: flex;
     align-items: center;
}

.header-menus .arrow {
     display: none;
}

.header-menus .nav-item.dropend .arrow {
     display: block;
}

.mobile-block {
     display: none;
}

/* 10-02 changes style */
.our-policies .respo-1 {
     background-image: url(../images/sustainability-policy.png);
}

.our-policies .respo-2 {
     background-image: url(../images/data-privacy.jpg);
}

.our-policies .respo-3 {
     background-image: url(../images/system-policy.jpg);
}

.our-policies .respo-4 {
     background-image: url(../images/code-of-ethics.png);
}

.our-policies .wrap-box:hover .title-box h3 {
     transform: translateY(-260%);
     -webkit-transform: translateY(-260%);
     -moz-transform: translateY(-260%);
     -ms-transform: translateY(-260%);
     -o-transform: translateY(-260%);
}

.knowledge-banner .main-hero-banner.investor-img {
     background-image: url(../images/knowledge-banner.png);
}

.knowledge-banner .main-hero-banner::before {
     background-color: transparent;
}

.latest-post {
     margin-bottom: 50px;
}

.latest-post-sec .investor-content h6 {
     font-size: 16px;
}

.latest-profile-info h6 {
     color: #97989f;
     font-size: 16px;
}

.post-profile-name img {
     height: 36px;
     width: 36px;
     border-radius: 28px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     -ms-border-radius: 28px;
     -o-border-radius: 28px;
}

.post-profile-name {
     display: flex;
     align-items: center;
     gap: 12px;
}

.latest-profile-info {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 24px;
}

.lubricants_product .product_btn {
     margin-top: 20px;
}

.annual-points.export_pdf {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
}

.annual-points.export_pdf svg.d-line {
     position: absolute;
     bottom: 6px;
}

.annual-points.export_pdf a.file-btn {
     width: 40px;
     height: 40px;
}

a.file-btn::before,
a.file-btn::after {
     height: 20px;
}

.main-wrapper .join-us-btn {
     justify-content: center;
}

.one-slide .join-us-btn {
     width: 17.2em;
}

.three-slide .join-us-btn {
     width: 17.4em;
}

/* .all-inspires .lubricants_product .inspire-name {
     height: 220px;
} */
.parent-list-item {
     height: 220px;
}

#IBCproduct .parent-list-item {
     height: 0;
}

.all-inspires .lubricants_product .h-col .inspire-name {
     height: 170px;
}

.pagination_process.swiper-pagination {
     z-index: 8;
}

.who-we-are .tab-content {
     padding-right: 20px;
}

.item-download {
     display: inline-flex;
}

.go-to-cta {
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.inquiry-form .contact-info {
     flex-direction: column;
     padding: 70px 0;
}

.info {
     color: #ff0000;
     margin: 8px 0 0 0;
}

.inquiry-form-overlay {
     display: none;
}

.v-play {
     position: absolute;
     right: 0;
     left: 0;
     width: auto !important;
     margin: 0 auto;
}

.blog-rm-banner .main-hero-banner.investor-img {
     background-image: url(../images/knowledge/blog-readmore-banner.png);
}

.blog-video-banner .main-hero-banner.investor-img {
     background-image: url(../images/knowledge/blog-watchvideo-banner.png);
}

.blog-rm-banner .main-hero-banner::before,
.blog-video-banner .main-hero-banner::before {
     background-color: transparent;
}

.blog-read-container {
     display: flex;
     justify-content: space-between;
}

.right-sticky-layout {
     width: 21.6%;
     height: 100%;
     position: sticky;
     top: 70px;
}

.blog-read-conetnt {
     margin-bottom: 60px;
}

.blog-read-wrap {
     width: 72%;
}

.blog-read-title ol li::before {
     content: counter(ordered) ".";
     counter-increment: ordered;
     font-size: 24px;
}

.blog-read-title ol li {
     color: #121416;
     display: inline-flex;
     align-items: start;
     gap: 12px;
}

.blog-read-title ol {
     list-style-type: none;
     counter-reset: ordered;
     padding: 0;
}

.blog-read-conetnt.third h5.mb_2 {
     margin-bottom: 10px;
}

.blog-read-conetnt.third h5 {
     margin-bottom: 26px;
}

.blog-read-title h3 {
     font-size: 36px;
     margin-right: 80px;
     margin-bottom: 30px;
}

.follow-us-container .social-icons {
     margin: 40px 0;
     gap: 18px;
}

.contct-btn.subscribe_btn,
.subscribe-form .form-group {
     width: 100%;
}

.contct-btn.subscribe_btn .red-btn {
     width: 100%;
}

.subscribe-form .form-control {
     padding: 20px 24px;
     border-radius: 4px;
     border-color: #CECECE;
}

.subscribe-form .form-group {
     margin-bottom: 12px;
}

.consent-checkbox p {
     color: #A9A9A9;
     font-size: 16px;
     line-height: 1.5;
}

.form-check-input:checked {
     background-color: #000;
     border-color: #000;
}

.consent-checkbox {
     display: flex;
     align-items: start;
     gap: 4px;
     margin-top: 42px;
}

.latest-item {
     position: relative;
     background-image: url(../images/knowledge/latest-thumbnail.png);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     z-index: 1;
     padding: 30px 25px;
     margin-top: 40px;
}

.latest-item::before {
     position: absolute;
     content: "";
     background-color: rgba(0, 0, 0, 0.5);
     width: 100%;
     height: 100%;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
}

.latest-item span,
.latest-profile-info h6 {
     font-size: 16px;
}

.follow-us-container .box-icons:hover svg path {
     fill: #a8a8a8;
}

.latest-container {
     padding-top: 80px;
}

.latest-container .latest-text {
     font-size: 16px;
     line-height: 1.5;
}

.latest-category {
     padding-top: 20px;
}

.mb_20 {
     margin-bottom: 20px;
}

.signup-newsletter h4,
.related-video-category h4 {
     font-family: 'Earth';
}

.signup-newsletter .contct-btn.subscribe_btn,
.subscribe-form.signup-newsletter .form-group {
     width: 24em;
}

.signup-newsletter .mr_top {
     margin-top: 40px;
}

.signup-newsletter .consent-checkbox {
     margin-top: 24px;
}

.subscribe-form.signup-newsletter {
     border-top: 1px solid #1E1916;
     padding: 100px 0 0;
}

.related-video-category h4 {
     margin: 60px 0 40px;
}

.related-video-category .investor-content h5 {
     font-size: 20px;
     letter-spacing: 0.5px;
}

.related-video-category .investor-content p {
     font-size: 16px;
     height: 115px;
}

.related-video-container {
     height: 800px;
     width: 100%;
     background-color: #000;
     margin-bottom: 120px;
     position: relative;
}

.r-video-title {
     position: absolute;
     right: 0;
     left: 66px;
     top: 40px;
     z-index: 1;
}

.related-video-container .r-video-main,
.r-video-main .video-bg {
     height: 100%;
     width: 100%;
     object-fit: cover;
}

.blog-sidebar {
     max-height: calc(100vh - 100px);
     overflow: auto;
     z-index: 2;
     position: relative;
}

.blog-sidebar::-webkit-scrollbar {
     width: 3px;
}

.blog-sidebar::-webkit-scrollbar-thumb {
     background: #a8a8a8;
}

.form-check-input:checked {
     background-color: #74253a;
     border-color: #74253a;
}

.form-check-input:focus {
     box-shadow: none;
     border-color: rgba(0, 0, 0, .25);
}

.hero-title .latest-profile-info {
     margin-top: auto;
}