@import url('https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap');
body{
    margin: 0;
    font-family: 'Fustat', serif; 
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    overflow-x: hidden;
}
:root{
	--gradient: linear-gradient(90deg, #000000 0%, #FF1200 100%);
	--light:#D7E3F0;
	--text:#333;
	--dark:#161616;
	--white:#FFFFFF;
}

::selection {
  background-color: #0056b3!important;
  color: #ffffff!important;
  -webkit-text-fill-color: #ffffff!important;
}

::-moz-selection {
  background-color: #0056b3!important;
  color: #ffffff!important;
	-webkit-text-fill-color: #ffffff!important;
}

::-webkit-selection {
  background-color: #0056b3!important;
  color: #ffffff!important;
	-webkit-text-fill-color: #ffffff!important;
}


a {
    color: var(--gradient);
    text-decoration: none !important;
    transition: all 0.4s;
}
a:hover {
    color: var(--dark);
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    color: var(--dark);
}
p:last-child {
    margin-bottom: 0;
}
::selection {
    color: var(--white);
    background: var(--dark);
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
html .container {
    max-width: 1470px;
    padding: 0 25px;
    margin: 0 auto;
}
section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

/* .cf7sr-g-recaptcha{
	margin-bottom: 20px;
} */

html .btn {
    border-radius: 50px;
    padding: 0 26px;
    line-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    border: 0;
    gap: 10px;
    font-weight: 800;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--white);
    position: relative;
    overflow: hidden;
    z-index: 1;
}
html .btn::before {
    content: "";
    background: var(--gradient);
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: 0px;
    transition: all 0.4s;
}
html .btn:hover {
    background-color: var(--white);
    color: var(--dark);
}

html .btn:focus-visible{
	color: #fff;
}

html .btn:hover i{
    transform: rotate(45deg);
}

html .btn:hover:Before {
    background: var(--white);
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit.btn{
	margin: 15px auto 0!important;
}
.header-main-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sticky .header-bottom {
    padding: 15px 0px;
}
.sticky .header-main-bar {
    align-items: center;
}
.header-bottom {
    padding: 26px 0;
}
header {
    transition: all 0.4s;
    background-color: #DFDFDF;
    z-index: 11;
    position: relative;
}
.sticky header {
    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 4%);
    background-color: var(--white);
    padding-top: 0;
    padding-bottom: 0;
}
.sticky header nav > ul > li:hover > a {
    color: #FF1200;
}
header nav > ul > li.active a{
    color: #FF1200;
}

header nav > ul > li > a:Hover {
    color: #FF1200;
}
.sticky header nav > ul > li.menu-parent > a:hover:after {
    border-color: var(--dark);
}
.sticky header nav > ul > li:hover > a:after {
    opacity: 1;
    border-color: var(--gradient);
}
.sticky .contact_us_btn:hover a {
    background-color: var(--dark);
    color: var(--white);
    border-color: var(--dark);
}
.sticky header nav > ul > li:hover  > a{
    opacity: 1 !important;
    color: #FF1200;
}
.navbar-toggle {
    display: none;
}
.header-logo a {
    display: block;
    max-width: 310px;
}
.sticky .header-logo a {
    max-width: 250px;
}
.header-logo img {
    display: block;
}
header nav > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
header nav > ul > li {
    position: relative;
}
header nav > ul > li + li {
    margin-left: 30px;
}
header nav > ul > li > a {
    color: var(--dark);
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    position: relative;
    transition: all 0.5s !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
}
header nav > ul > li:hover  > a{
    color: #FF1200;
}
header nav > ul > li.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    margin: -5px 0 0 8px;
    transition: all 0.4s;
}
header nav > ul > li:hover > a:after {
    border-right: 2px solid;
    border-bottom: 2px solid;
}
.sub-menu {
    position: absolute;
    top: 100%;
    background: var(--white);
    left: 0;
    width: max-content;
    padding: 8px;
    border-radius: 11px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translatey(20px);
    visibility: hidden;
    transition: all 0.4s;
}
li:hover > .sub-menu {
    opacity: 1;
    transform: translatey(0);
    visibility: visible;
}
.sub-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}
.sub-menu ul li {
    margin-bottom: 5px;
}
.sub-menu ul li:last-child {
    margin-bottom: 0;
}
.sub-menu .menu-item a {
    color: var(--dark);
    display: block;
    padding: 8px 15px;
    border-radius: 4px;
    line-height: 120%;
    position: relative;
	font-size: 18px;
}
/*.sub-menu .menu-item a:hover {*/
/*    color: var(--gradient);*/
/*    background: #f5f5f5;*/
/*}*/
.sub-menu ul li.active {
    color: #FF1200;
    background: #dbf3f6;
}
.sub-menu .sub-menu{
    left: 100%;
    top: inherit;
    margin-left: 5px;
    padding: 10px;
    transform: translateY(-40px)!important;
}

.sub-menu .menu-item a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

.sub-menu .menu-item a::before {
    content: "\ea6c";
    position: relative;
    font-family: 'remixicon' !important;
    font-style: normal;
    opacity: 0;
    transform: translateX(-10px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.sub-menu > ul > li.list-item-parent{
    position: relative;
}
.sub-menu .menu-item a:hover, .sub-menu .menu-item li:hover a {
    background-color: #DFDFDF;
    color: #FF1200;
}
.sub-menu ul > li:hover > a:after{
    border-color: var(--gradient);
}
.header-navbar {
    margin-left: 0;
    margin-right: 30px;
}
.main {
    position: relative;
}
.sub-menu.sub-menu-inner li.menu-parent > a:after {
    border-right-color: #000;
    border-bottom-color: #000;
    margin: 3px 0 0 8px;
    transition: all 0.4s;
    float: right;
    transform: rotate(-45deg);
}
.sub-menu.sub-menu-inner li.menu-parent{
    position: relative;
}
.sub-menu.sub-menu-inner li.menu-parent > a:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-right: 2px solid var(--dark);
    border-bottom: 2px solid var(--dark);
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    transition: all 0.4s;
}

.scrollToTop {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 110px;
    border-radius: 55px;
    right: 30px;
    line-height: 40px;
    color: var(--white);
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    background: var(--dark);
    z-index: 9;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky .scrollToTop {
    animation-name: bounceInUp;
    opacity: 1;
}
.scrollToTop:hover {
    color: var(--white);
    background-color: var(--gradient);
}

/* breadcrumb */
.breadcrumb-section{
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    padding: 30px 0;
    color: #fff;
    text-align: right;
}

.breadcrumb-item+.breadcrumb-item::before{
   	content: "\ea6e"; 
    font-family: 'Remixicon';
    color: #fff; 
    font-size: 1.2em; 
    margin: 0 10px;
}
.breadcrumb-item.active{
    color: #fff;
    text-decoration: none;
}
.breadcrumb-section .breadcrumb .breadcrumb-item{
    font-weight: 700;
    font-size: 24px;
    color: var(--white);
    line-height: 20px;
}

.breadcrumb-section ol{
    display: flex;
    justify-content: end;
}

/* banner-section-css */
section.banner_section .hero-section .swiper-slide img{
    width: 100%;
    height: 620px;
    object-fit: cover;
}
section.banner_section .hero-section .swiper-slide h3 {
    font-weight: 500;
    font-size: 70px;
    color: #FFFFFF;
    line-height: 120%;
    margin-bottom: 40px;
}
section.banner_section .hero-section .swiper-slide h3 span{
    font-weight: 700;
}
section.banner_section .hero-section .swiper-slide .hero-slide-content {
    position: absolute;
    z-index: 21 !important;
    opacity: 1 !important;
    top: 80px;
    left: 160px;
}
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container {
    opacity: 1 !important;
}
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light {
    color: var(--dark);
    margin-left: 45px;
}
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light::Before {
    background: #FFF;
}
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light:hover:Before {
    background: var(--gradient);
}
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light:hover {
    color: var(--white);
}
section.banner_section .slider-fix-content {
    position: absolute;
    bottom: 60px;
    left: 160px;
    z-index: 1;
    width: 1090px;
}
section.banner_section .hero-section .top-red-line {
    display: block;
    position: absolute;
    border-top: 3px solid #FF1200;
    top: -1px;
    transition: left 1s ease, width 1s ease;
}
section.banner_section .slider-fix-content .content-box h3 {
    font-weight: 800;
    font-size: 28px;
    line-height: 110%;
    color: #FFFFFF;
    margin-bottom: 10px;
}
section.banner_section .slider-fix-content .content-box h4 {
    font-weight: 800;
    font-size: 28px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 0;
}

section.banner_section .slider-fix-content .content-box h4 a:hover{
	color: #ff1200;
}

section.banner_section .slider-fix-content p {
    margin-bottom: 15px;
}
section.banner_section{
    height: 620px;
}
.title h2 {
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    color: var(--dark);
}

.title .gradient-title{
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 300;
}

.title h2 span,
section.success_section .success_box .success_inner_box h3 a:hover,
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light span,
.blog_inner_section article.blog .content h3 a:hover {
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

section.success_section .success_box .success_inner_box h3{
	height: 40px;
}

.title h2 span {
    font-weight: 700;
}
.success_items ul.nav.nav-pills {
    display: flex;
    margin: 0 -32px;
}
.success_items ul.nav.nav-pills li {
    width: 33.33%;
    padding: 0 32px;
}
.success_items ul.nav.nav-pills li button {
    padding: 50px;
    background-color: #FFFF;
    border-radius: 15px;
    text-align: start;
    position: relative;
    margin-bottom: 50px;
	height: 225px;
	display: flex;
	flex-direction: column;
}
.success_items ul.nav.nav-pills li button  h3 {
    font-weight: 700;
    font-size: 24px;
    color: var(--dark);
    margin-bottom: 12px;
    line-height: 130%;
}
.success_items ul.nav.nav-pills li button  p {
    font-weight: 400;
    font-size: 18px;
    color: var(--text);
    margin-bottom: 0;
    line-height: 130%;
    max-width: 318px;
    position: relative;
	text-align: justify;
}
.success_items ul.nav.nav-pills li button::Before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 50px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
    transform: translate(10px, 0);
    transition: all 0.4s;
}
.success_items ul.nav.nav-pills li button.active::Before {
    transform: translate(-35px, 50px);
}
section.success_section .success_box {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 60px 65px;
    display: grid !important;
    gap: 60px;
    grid-template-columns: repeat(3,1fr);
}
section.success_section .success_box .success_inner_box {
    background: #DFDFDF;
    box-shadow: 0px 6px 6px rgba(32, 32, 32, 0.3);
    border-radius: 10px;
    padding: 26px;
}
section.success_section .success_box .success_inner_box .success_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.4s;
}
section.success_section .success_box .success_inner_box .success_img img:Hover {
    transform: scale(1.1);
}
section.success_section .success_box .success_inner_box .success_img a {
    height: 180px;
    overflow: hidden;
    border-radius: 10px;
    display: block;
}
.success_img {
    position: relative;
    margin-bottom: 38px;
}
section.success_section .success_box .success_inner_box .success_img .btn {
    height: 50px;
    width: 50px;
    min-width: 50px;
    padding: 0px;
    position: absolute;
    bottom: -25px;
    right: 18px;
    z-index: 11;
    border-radius: 30px;
    display: flex;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
section.success_section .success_box .success_inner_box h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 20px;
}
section.success_section .success_box .success_inner_box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: #161616;
	text-align: justify;
}
.success_items {
    margin-top: 40px;
}
section.product_section .col-lg-4:nth-child(1){
	margin-bottom: 25px;
}

section.product_section .title h2 {
    margin-bottom: 25px;
}
section.product_section p {
    font-size: 20px;
    color: #161616;
    line-height: 140%;
	text-align: justify;
}
section.product_section {
    background-image: url(../images/products-shape.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.product_box .product_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: all 0.4s;
    padding: 30px;
    background: #fff;
}
.product_box .product_img a {
    height: 250px;
    display: block;
}
section.banner_section .hero-section .swiper-slide .hero-slide-content .hero-btn-container .btn.btn-light span{
    font-weight: 800;
}
section.banner_section .hero-section .swiper-slide {
    position: relative;
    z-index: 1;
}
section.banner_section .hero-section .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #000000 0%, rgba(51, 51, 51, 0) 100%);
    margin: auto;
    z-index: 1;
}
.product_img{
    overflow: hidden;
}
.product_box {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 24px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.product_content {
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 10px 26px;
    background-color: #8E0A00;
    align-items: center;
}
.product_content h4 {
    font-weight: 700;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 0;
    line-height: 140%;
    max-width: 260px;
}
html  .btn.btn-icon {
    height: 50px;
    width: 50px;
    min-width: 50px;
    padding: 0;
}
.product_box .product_img img:hover {
    transform: scale(1.1);
}

section.software_section .title, .services_section .title{
	max-width: 40%;
	text-align: center;
	margin: 0 auto;
}
section.software_section .title h2 {
    margin-bottom: 25px;
}
section.software_section p {
    color: var(--dark);
    font-size: 20px;
}
.software_box {
    background: #FFFFFF;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    position: relative;
}
section.software_section .software_wrap {
    display: grid !important;
    gap: 67px;
    grid-template-columns: repeat(2,1fr);
    padding-top: 50px;
	width: 60%;
    margin: 0 auto;
}
.software_box .content {
    padding: 30px 25px;
}
.software_box .image img {
    height: 100%;
    width: 100%;
    object-fit: fill;
    border-radius: 10px 10px 0 0;
}
.software_box .image {
    height: 200px;
}
.software_box .content h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 140%;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.software_box .content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #4B4B4B;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.software_box .content p::Before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    background: var(--gradient);
}
.software_box .content .btn {
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 20px;
    font-weight: 800;
}
.software_box .content .btn:before {
    background: transparent;
}
.software_box:hover .btn {
    color: #FF1200;
}
.software_box span.number {
    color: transparent;
    -webkit-text-stroke: 1px black;
    font-weight: 800;
    font-size: 128px;
    line-height: 100%;
    position: absolute;
    bottom: -50px;
    left: -60px;
    transition: all 0.4s;
	font-family: sans-serif;
}
.software_wrap .software_box:nth-child(1) span.number {
    left: -45px;
}
.software_wrap .software_box:hover span.number {
    background: linear-gradient(0deg, #000000 10%, #FF1200 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: none;
}
section.software_section {
    background-color: #DFDFDF;
}
section.services_section .title h2 {
    margin-bottom: 20px;
}

section.services_section p{
	color: var(--dark);
	font-size: 20px;
}

section.services_section .services_content p{
	color: #fff;
	font-size: 16px;
	text-align: justify;
}

.services_box {
    padding: 50px 40px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    color: #FFF;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 50px 18px 0;
}
.services_box::before {
    content: "";
    background: linear-gradient(180deg, rgba(191, 37, 25, 0.06) 85.37%, rgb(191 37 25 / 0%) 100%), linear-gradient(270deg, rgba(191, 37, 25, 0.06) 69.75%, rgb(191 37 25 / 0%) 100%);
    inset: 0;
    margin: auto;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
}
.services_box:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #000000bd;
    border-radius: 10px;
}
.services_items .services_content {
    position: relative;
    z-index: 11;
}
.services_box .services_content span {
    font-weight: 300;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 10px;
    display: block;
}
.services_items .services_content h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    color: var(--white);
    margin-bottom: 15px;
    text-transform: capitalize;
}
.services_items .btn.btn-icon {
    height: 60px;
    width: 60px;
    position: absolute;
    top: -20px;
    right: -20px;
}
.services_items .btn.btn-icon svg{
	height: 20px;
	width: 20px;
}
.services_box:hover .btn.btn-icon {
    background-color: var(--white);
    color: var(--dark);
}
.services_box:hover .btn.btn-icon:Before {
    background: #FFF;
}
section.services_section {
    background-image: url(../images/products-shape.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
section.vision_section .title h2 {
    margin-bottom: 25px;
}

.mision-vision-wrap.mision-vision-conform.d-flex{
	gap: 20px;
}

section.vision_section .vision_content p {
    font-size: 20px;
    color: #161616;
    margin-bottom: 15px;
	text-align: justify;
}
section.vision_section .vision_content {
    margin-bottom: 40px;
}
.vision_section .mission-vision-box.w-300{
    width: 300px;
}
.mission-vision-box .btn {
    height: 70px !important;
    width: 70px !important;
    line-height: 1.2;
}

.mission-vision p{
	font-size: 20px;
}

.vision_section .mission-vision-box{
    margin: 7px auto;
}
.mission-vision-box.read-more-skillset:hover{
	box-shadow: none!important;
}

.vision_section .mission-vision-box:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.vision_section .mission-vision-box, .vision_section .mission-vision-box img{
    border-radius: 50px;
}
.vision_section .mission-vision-box img {
    height: 75px;
    width: 75px;
    min-width: 75px;
    object-fit: cover;
	margin: 5px;
}
.vision_section .mission-vision-box p {
    padding: 0px 15px!important;
    margin-bottom: 0%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-weight: 500;
}
.vision_section .mission-vision-box {
    align-items: center;
}
section.vision_section .title h2 {
    margin-bottom: 25px;
}
section.vision_section .vision_content p {
    font-size: 20px;
    color: #161616;
    margin-bottom: 15px;
}
section.vision_section .vision_content {
    margin-bottom: 40px;
}
.vision_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
section.sustainable_future .container {
    max-width: 1330px;
}
section.sustainable_future .btn:hover:before {
    background: var(--dark);
}
section.sustainable_future .btn:hover {
    color: var(--white);
}
section.sustainable_future .title h2 {
    margin-bottom: 20px;
}
section.sustainable_future p {
    font-size: 20px;
    line-height: 140%;
    color: #161616;
    margin-bottom: 30px;
}
section.leaders_section .title h2 {
    margin-bottom: 25px;
}
section.leaders_section .leaders_content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #161616;
}
.leaders_content {
    padding-bottom: 120px;
}
.leaders_carosuel {
    padding: 0 120px;
}
.leaders_carosuel .item .leader_box {
    background: #EEEEEE;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 55px 36px 36px;
    margin: 24px 0 30px;
}
.leaders_carosuel .item .leader_box p {
    font-weight: 400;
    font-size: 16px;
    color: #161616;
    margin-bottom: 20px;
	text-align: justify;
}
.leaders_carosuel .item .leader_box h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: var(--dark);
    margin-bottom: 0;
}
.leaders_carosuel .owl-nav{
	display: block!important;
}
.leaders_carosuel .owl-nav button {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    transition: all 0.4s;
    color: #0d1957;
    background: #fd7702;
}
.leaders_carosuel .owl-nav .owl-next {
   right: 0;
}

.leaders_carosuel .owl-nav .owl-prev {
   left: 0px;
}

.double_comma_img {
    position: absolute;
    top: 0;
    right: 60px;
    width: 74px;
}
.leaders_carosuel.owl-carousel .owl-nav button span {
    font-size: 0;
}
.leaders_carosuel.owl-carousel .owl-nav button {
    height: 50px;
    width: 50px;
    background-color: #FFF;
    border-radius: 50px;
    background-image: url('data:image/svg+xml,<svg width="13" height="23" viewBox="0 0 13 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.125 20.75L1.875 11.5L11.125 2.25" stroke="url(%23paint0_linear_1737_660)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_1737_660" x1="11" y1="12" x2="2" y2="12" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-color="%23FF1200"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.4s;
    border: 1px solid #000;
}
.leaders_carosuel.owl-carousel .owl-nav button.owl-next {
    right: 20px;
    left: auto;
    transform: rotate(180deg);
}
.leaders_carosuel.owl-carousel .owl-nav button:hover {
    background-color: #FF1200;
    background-image: url('data:image/svg+xml,<svg width="13" height="23" viewBox="0 0 13 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.125 20.75L1.875 11.5L11.125 2.25" stroke="url(%23paint0_linear_1737_660)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_1737_660" x1="11" y1="12" x2="2" y2="12" gradientUnits="userSpaceOnUse"><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: center center;
}
section.contact_us_section .title h2 {
    color: var(--white);
    margin-bottom: 10px;
}
section.contact_us_section p {
    color: #FFF;
    font-size: 20px;
    margin-bottom: 0;
}
section.contact_us_section .contact_para {
    margin-bottom: 30px;
}
.contact_wrapper {
    max-width: 680px;
    margin: auto;
}

.contact_wrapper input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit.btn {
    background: #fff;
    color: #ff1200;
}

.contact_wrapper .title{
	margin-bottom: 20px;
}

.contact_wrapper_2{
	max-width: 680px;
    margin: auto;
}

html textarea {
    background-color: #E9E9E9!important;
    width: 100%!important;
    border-radius: 20px!important;
    margin: 3px 0!important;
    color: #A5A5A5!important;
    line-height: 50px!important;
    border: 1px solid transparent!important;
    padding: 0 38px!important;
    height: 150px;
}
html input.form-control{
    background-color: #E9E9E9;
    border-radius: 100px;
    display: inline-block;
    padding: 0 38px;
    line-height: 50px;
    border: 1px solid transparent;
    font-size: 16px;
    color: #A5A5A5;
    transition: all 0.4s;
}
html input.form-control::placeholder {
    color: #A5A5A5;
}
.home_contact_form .form_wrap, .home_inquiry_form .form_wrap {
    margin-bottom: 18px;
}
html input.form-control:focus {
    border: 1px solid var(--dark);
    box-shadow: none;
}
.checkbox-container.form_wrap {
    margin-bottom: 26px;
    display: flex;
    align-items: center;
}
.checkbox-container.form_wrap label {
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    color: var(--white);
    margin-left: 15px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit.btn{
    background: var(--gradient);
    color: #fff;
    position: relative;
	text-align: center;
	margin-top: 20px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit.btn::after {
    content: "\ea70";  /* Make sure this is the correct Unicode for the icon */
    font-family: 'Remixicon'; 
    position: absolute;
    left: 10px;  /* Adjust this value */
    top: 50%;
    transform: translateY(-50%);  /* Vertically center */
    color: #FF1200;
    font-size: 22px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit.btn::after {
    z-index: 2;
}


.home_contact_form button.btn-submit.btn {
    font-size: 20px;
    padding: 0px 35px;
}
section.contact_us_section::before {
    content: "";
    background-image: url(../images/contact-banner-img.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 70px;
    top: 150px;
    height: 300px;
    width: 300px;
}
.custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: white;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 18px;
}
.custom-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid white;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
    background: #EEEEEE;
    border: 2px solid #747474;
    border-radius: 20px;
}
.custom-checkbox input[type="checkbox"]:checked {
    background: transparent;
}
.custom-checkbox label {
    cursor: pointer;
}
  
.blog_content h2 {
    margin-bottom: 30px;
}
.blog_content p {
    font-weight: 400;
    font-size: 20px;
    color: #161616;
}
.blog_content {
    padding-bottom: 65px;
}
.blog_inner_section {
    display: grid !important;
    gap: 50px;
    grid-template-columns: repeat(2,1fr);
    padding-bottom: 68px;
}
.blog_inner_section article.blog .image img {
    height: 100%;
    width: 100%;
    transition: all 0.4s;
    object-fit: cover;
    border-radius: 8px;
}
.blog_inner_section article.blog .image img:hover {
    transform: scale(1.1);
}
.blog_inner_section article.blog .image a {
    height: 173px;
    width: 227px;
    display: block;
    overflow: hidden;
}
.blog_inner_section article.blog {
    display: flex;
    position: relative;
}
.blog_inner_section article.blog .content {
    padding-left: 60px;
}
.blog_inner_section article.blog .content h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #042A2D;
    margin-bottom: 15px;
}
.blog_inner_section article.blog .content h3 a {
    color: inherit;
}
.blog_inner_section article.blog .content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #161616;
    margin-bottom: 20px;
}
.blog_inner_section article.blog .content span.date.btn {
    height: 66px;
    width: 66px;
    min-width: 66px;
    line-height: 140%;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    position: absolute;
    cursor: auto;
    top: -20px;
    left: 177px;
}
.blog_inner_section article.blog .content span.date.btn:hover::before {
    background: #ef1100;
}
.blog_inner_section article.blog .content span.date.btn:hover {
    color: var(--white);
}
.blog_inner_section article.blog .content .btn:hover:before {
    background: var(--dark);
}
.blog_inner_section article.blog .content .btn:hover {
    color: var(--white);
}
.header_top {
    padding: 75px 0 60px;
    position: relative;
    z-index: 1;
}
footer {
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
}
footer::before,
footer::after  {
    content: "";
    background: linear-gradient(180deg, rgba(191, 37, 25, 0.065) 65.37%, rgba(191, 37, 25, 0.1) 100%), linear-gradient(270deg, rgba(191, 37, 25, 0.06) 59.75%, rgba(191, 37, 25, 0.1) 100%);
    position: absolute;
    inset: 0;
    margin: auto;
}
footer::after {
    background-color: #000000ba;
}
.footer_link h4 {
    font-weight: 800;
    font-size: 24px;
    line-height: 130%;
    color: var(--white);
    margin-bottom: 20px;
}
.footer_link a {
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    color: #FFFFFF;
    display: block;
    margin-bottom: 10px;
}
.footer_link a:hover {
    color: #ffffff8f;
}
footer .container {
    max-width: 1530px;
}
.header_bottom {
    position: relative;
    z-index: 11;
}
.header_bottom .condition_wrap ul {
    display: flex;
    max-width: 615px;
    margin: auto;
    justify-content: center;
}
.header_bottom .condition_wrap ul li {
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
}
.header_bottom .condition_wrap ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}
.header_bottom .condition_wrap ul li a:hover{
    color: #FF1200;
}
.header_bottom .condition_wrap ul li:nth-child(4) {
    padding-right: 0;
    margin-right: 0;
}
.header_bottom .condition_wrap ul li::before {
    content: "";
    height: 23px;
    width: 2px;
    position: absolute;
    right: 0;
    background-color: #FFF;
    border-radius: 10px;
}
.header_bottom .condition_wrap ul li:last-child:before {
    display: none;
}
.copyright_content {
    padding: 18px 0 38px;
    margin-top: 17px;
    border-top: 2px solid #FFF;
}
.copyright_content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--white);
}
.copyright_content .col-md-5 p{
	text-align: right;
}
.copyright_content p a:hover{
    color: #FF1200;
}
section#shadow-host-companion {
    padding: 0;
}

/* Contact form */
body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required::after {
    content: "\ea4e";
    font-family: "remixicon", sans-serif;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
}
.contact_us_section .wpcf7-not-valid-tip{
    color: #fff;
    text-align: center;
}
.contact_us_section .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	border: none;
	background: transparent!important;
	margin: 10px 0 0;
	padding: 0;
}
.wpcf7 form.sent .wpcf7-response-output{
    margin: 10px 0 0;
    padding: 0;
    border: none;
    color: #fff;
}
.contact-menu-container p,
.contact-detail-container p{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #161616;
}
.contact-menu-container .title{
    text-align: center;
    margin: 0 auto;
}
.contact-menu-container .contact-option {
    margin: 30px 0px 0;
    position: relative;
}
.contact-menu-container .contact-option .contact-option-icon{
    height: 150px;
    width: 150px;
    padding: 40px;
    border-radius: 50%;
    margin: 0 auto 30px;
    position: relative;
    background: var(--gradient);
}
.contact-menu-container .contact-option .contact-option-item{
    text-align: center;
}

.contact-menu-container .contact-option .contact-option-item h2{
    font-weight: 800;
    font-size: 24px;
    line-height: 130%;
    color: var(--dark);
}
.contact-menu-container .contact-option .contact-option-item p{
    font-weight: 400;
    font-size: 20px;
    color: #161616;
}

.contact-menu-container .contact-option .contact-option-item .form-btn{
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 20px;
    font-weight: 800;
    background: transparent;
}

.contact-menu-container .contact-option .contact-option-item .form-btn svg{
    margin-left: 10px;
    transition: 0.3s all ease-in;
}

.contact-menu-container .contact-option .contact-option-item .form-btn:hover{
    color: #8E0A00;
}
.contact-menu-container .contact-option .contact-option-item .form-btn:hover svg{
    transform: rotate(45deg);
}

.contact-detail{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 30px;
}
.contact-data-section{
    margin-top: 30px;
}


.contact-detail-container .title{
    margin-bottom: 30px;
}

.contact-detail-container iframe{
    height: 100%;
    border: none;
    border-radius: 10px;
}
.social-menu{
    border-radius: 10px;
    margin-top: 10px;
    padding: 20px;
    background-color: #EEEEEE;
}
.contact-detail-container .contact-detail-menu .contact-detail-inner{
    display: flex;
    border-radius: 10px;
    margin-top: 10px;
    padding: 20px;
    background-color: #EEEEEE;
}
.contact-detail-container .contact-detail-menu .contact-detail-inner .contact-icon{
    padding: 9px 10px;
}
.contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data p, 
.contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data a,
.social-menu p{
    font-weight: 700;
    font-size: 20px;
    color: var(--dark);
    line-height: 130%;
}
.contact-detail-container .contact-detail-menu .contact-detail-inner .contact-data p{
    margin-bottom: 0;
}


/* Blog page */
.blog-menu-container .title{
    text-align: center;
    margin: 0 auto;
}
.blog-menu-container .title p{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #161616;
}
.blog-menu-container .blog-box-container .blog-box h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
}
.blog-menu-container .blog-box-container .blog-box{
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}
.blog-menu-container .blog-box-container .blog-box img {
    height: 250px;
    object-fit: cover;
}
.blog-menu-container .blog-box-container .blog-box .blog-box-content{
    padding: 40px 30px 20px;
    background-color: #fff;
}
.blog-menu-container .blog-box-container .blog-box .blog-btn{
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 20px;
    font-weight: 800;
    background: transparent;
}
.blog-menu-container .blog-box-container .blog-box .blog-btn:hover {
    color: #8E0A00;
}
.blog-menu-container .blog-box-container .blog-box .blog-btn:hover i{
    display: inline-block;
    transition: transform 0.3s ease;
    transform: rotate(45deg);
}

.blog-menu-container .blog-box-container .blog-box .blog-date{
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    color: #fff;
    font-size: 16px;
    height: 70px;
    width: 70px;
    font-weight: 400;
    padding: 10px;
    line-height: 1;
    position: absolute;
    top: 42%;
    right: 25px;
    border-radius: 50%;
    text-align: center;
}
/* Blog page end */


/* error page */
.error-container{
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: #DFDFDF;
}
.error-container h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 230px;
    margin-bottom: 30px;
    font-weight: 900;
    background: linear-gradient(90deg, #000000 10%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.error-container h3{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}

/* popup forms */
body.modal-open {
  position: relative;
  background-color: #00000078;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog {
  position: fixed;
  background-color: #FFFF;
  padding: 30px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  margin: auto;
  border-radius: 25px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header {
  padding: 0px;
  border-bottom: 0;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header h5.modal-title {
  display: block;
  font-size: 26px;
  line-height: 140%;
  position: relative;
  font-weight: 700;
  color: #FF1200;
  background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  margin: 0 auto 20px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header button.close {
  position: absolute;
  margin: 0;
  padding: 6px;
  right: -20px;
  top: -20px;
  height: 35px;
  width: 35px;
  border: 1px solid #FFF;
  min-width: 35px;
  background: var(--gradient) !important;
  opacity: 11;
  border-radius: 50px;
  box-shadow: rgb(0 0 0 / 23%) 0px 8px 11px 0px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header button.close:hover{
  background-color: #000000 !important;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-header button.close span {
  color: #FFF;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control,
body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control,
body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  background: #DFDFDF;
  border: 1px solid #e2ddde;
  padding: 10px 20px;
  font-size: 18px;
  color: #161616!important;
  margin-bottom: 4px;
  margin-top: 10px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
  border-radius: 100px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-content .form-group {
  padding: 0 10px 15px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog .modal-content .row.clearfix {
  margin: 0 -10px;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control {
  height: 150px;
  border-radius: 22px;
  resize: none;
}
.message-btn {
  margin-bottom: 0;
}

body.modal-open .modal.fade.get-quote-modalform  .message-btn input.wpcf7-form-control {
  display: inline-block;
  width: auto !important;
  background-color: #0d1957;
  color: #FFF;
  border: 0;
  font-size: 18px;
  padding: 0 30px;
  border-radius: 0;
}
body.modal-open .modal.fade.get-quote-modalform .message-btn input.wpcf7-form-control:hover,
body.modal-open .modal.fade.get-quote-modalform .message-btn input.wpcf7-form-control:focus {
  background-color: #000 !important;
}
body.modal-open .modal .wpcf7-spinner {
  margin: 18px 24px;
  position: absolute;
}
body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit.btn {
    border-radius: 50px;
    padding: 0 26px !important;
    line-height: 50px;
    transition: all 0.4s;
    border: 0;
    gap: 10px;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--white) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto;
    width: auto !important;
    background: var(--gradient) !important;
}

body.modal-open .modal.fade.get-quote-modalform .modal-dialog input.wpcf7-form-control:focus, body.modal-open .modal.fade.get-quote-modalform .modal-dialog textarea.wpcf7-form-control:focus {
  border: 1px solid #000;
  background-color: white;
}
body.modal-open .modal .wpcf7 form.sent .wpcf7-response-output {
  color: #46b450;
}
.get-quote-modalform .wpcf7-not-valid-tip{
	padding-left: 50px
}

.get-quote-modalform .wpcf7 form.invalid .wpcf7-response-output,
.get-quote-modalform .wpcf7 form.unaccepted .wpcf7-response-output, 
.get-quote-modalform .wpcf7 form.payment-required .wpcf7-response-output{
	color: #b80d00;
	padding: 0;
	border: none;
	background: transparent
}
/* Ended Popup forms */



/* Pagination design */ 
.styled-pagination{
    margin-top: 60px;
}
.styled-pagination span.page-numbers.current {
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    color: #fff;
    font-size: 16px;
    height: 40px;
    width: 40px;
    font-weight: 600;
    display: inline-block;
    padding: 10px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-right: 3px;
}
.styled-pagination a.page-numbers {
    background: #fff;
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-right: 3px;
}

.styled-pagination a.next.page-numbers,
.styled-pagination a.prev.page-numbers{
    display: none;
}
/* Pagination end */ 


/* blog detail page */
.blog-data-container img{
    height: 600px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.blog-data-container .blog-meta-data p {
    margin-right: 30px;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
}
.blog-data-container .blog-meta-data p i{
    color: #FF1200;
}

.blog-data-container .blog-data p,
.blog-data-container .blog-data li{
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 20px;
    text-align: justify;
}

.blog-data-container .title h1{
    color: var(--dark);
    font-size: 34px;
    font-weight: 700;
}
.blog-data-container .title h1 span{
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blog-data-container .blog-data h3{
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 24px;
    font-weight: 800;
    text-align: justify;
}
.blog-data-container .blog-data h2{
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 32px;
    font-weight: 800;
    text-align: justify;
}
.blog-data-container .blog-data ul{
    margin-bottom: 20px;
}
/* Blog detail page end */


/* About us page */
.about-data p, .other-company-data p, .sustainable_future p{
    color: #161616;
    padding: 0;
    line-height: 27.2px;
    font-size: 20px;
    text-align: justify;
    padding-right: 20px;
}
.mission-vision .mission-vision-data-container{
    margin-top: 80px;
}

.mission-vision .mission-vision-data-container .mission-vision-data{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mission-vision .mission-vision-data-container .mission-vision-data .mv-detail-box {
    background: #FFFFFF;
    box-shadow: 4px 6px 3.7px -3px #00000033;
    border-radius: 15px;
    padding: 30px 40px;
    margin-bottom: 30px;
}

.values-data-container{
    text-align: center;
}
.values-data-container img {
    height: 600px;
    object-fit: contain;
}
.journey .timeline{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.journey .timeline .timeline-left, 
.journey .timeline .timeline-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
}

.event-content{
	font-size: 20px;
}

.journey .timeline .timeline-right{
    align-items: flex-start;
}

.journey .timeline .event {
    background-color: white;
    padding: 15px 20px;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 4px 6px 3.7px -3px #00000033;
    display: flex;
    align-items: center;
    width: 80%;
}

.journey .timeline .event .event-year{
    margin: 0 20px;
    font-size: 24px;
    font-weight: 800;
}

.journey .timeline .event-left {
    justify-content: flex-end;
}
.journey .timeline .event-right {
    justify-content: flex-start;
}

.journey .timeline .divider {
    width: 2px;
    background-color: #000;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.journey .timeline .event-left:nth-child(1){
    border-right: 10px solid #4471C4;
}
.journey .timeline .event-left:nth-child(2){
    border-right: 10px solid #FFC000;
}
.journey .timeline .event-left:nth-child(3){
    border-right: 10px solid #00AFEF;
}
.journey .timeline .event-left:nth-child(4){
    border-right: 10px solid #6F2F9F;
}
.journey .timeline .event-left:nth-child(5){
    border-right: 10px solid #C00303;
}
.journey .timeline .event-left:nth-child(6){
    border-right: 10px solid #92D050;
}
.journey .timeline .event-left:nth-child(7){
    border-right: 10px solid #B78A02;
}

.journey .timeline .event-right:nth-child(1){
    border-left: 10px solid #C00303;
}
.journey .timeline .event-right:nth-child(2){
    border-left: 10px solid #92D050;
}
.journey .timeline .event-right:nth-child(3){
    border-left: 10px solid #B78A02;
}

.other-company-data .btn {
    margin: 40px 0px 20px;
}
.about-container img {
    border-radius: 8px;
    height: 100%;
}
.other-company img {
    border-radius: 8px;
    height: 400px;
	width: 100%;
    object-fit: cover;
    margin-bottom: 30px;
}
.other-company-data .btn:hover i {
    display: inline-block;
    transition: transform 0.3s ease;
    transform: rotate(45deg);
}

/* .map-section .map-img img{
    display: block;
} */
.ach-img-slider{
    margin-top: 50px;
	position: relative;
	height: 750px;
}

.ach-img-slider .swiper-pagination{
	position: absolute;
	top: 730px;
}

.ach-img-slider .swiper-wrapper{
    position: relative;
}

.ach-img-slider .swiper-slide{
    text-align: center;
}

.ach-img-slider .swiper-slide img{
    height: 700px;
    width: auto;
    object-fit: cover;
}
/* About us page end */


/* service page */
.service-detail-container img {
    width: 100%;
    height: 610px;
    border-radius: 8px;
    object-fit: cover;
}
.service-detail-container ul {
    list-style: none;
    padding: 0;
}

.service-detail-container ul li, .service-detail-container p {
    color: #161616;
    padding: 0;
    line-height: 27.2px;
    font-size: 20px;
    position: relative;
    padding-left: 34px; 
    margin-bottom: 10px;
}

.service-detail-container ul li::before {
    content: "\eb7b"; 
    font-family: 'Remixicon'; 
    position: absolute;
    left: 0;
    top: 0;
    color: #FF1200; 
    font-size: 22px;
}
/* service page end */


/* policy page */
.policy .policy-data h2{
    margin-bottom: 35px;
}
.policy .policy-data a{
    color: #FF1200;
}.policy .policy-data a:hover{
    color: #4990ee;
    transition: 0.3 s all ease-in;
}
.policy .policy-data h3 {
    color: var(--dark);
    padding: 0;
    line-height: 32px;
    font-size: 24px;
    font-weight: 800;
    text-align: justify;
    margin-top: 30px;
    margin-bottom: 10px;
}
.policy .policy-data p, .policy .policy-data li {
    color: var(--dark);
    padding: 0;
    line-height: 27.2px;
    font-size: 20px;
    text-align: justify;
    position: relative;
}
.policy .policy-data li{
    padding-left: 25px!important;
}
.policy .policy-data ul {
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
}
.policy .policy-data ul li::before {
    content: "\f2e5"; 
    font-family: 'Remixicon'; 
    position: absolute;
    left: 0;
    top: 0;
    color: #FF1200; 
    font-size: 20px;
}
/* policy page end */


/* investor page */
.invest-menu-container .invest-menu-info {
    margin-top: 50px;
}
section.invest-menu-container .invest-menu-info:first-child {
    margin-top: 0;
}
.invest-menu-container .invest-menu-info img {
    height: 100%;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    object-fit: cover;
}
.invest-menu-container .invest-menu-info p{
    color: #161616;
    padding: 0;
    line-height: 27.2px;
    font-size: 20px;
    text-align: justify;
}

.invest-menu-container .invest-menu-info a{
    margin-top: 10px;
}

.invest-menu-container .invest-menu-info a:hover i{
    display: inline-block;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in;
}

.investor-people-container .investor-slider{
    margin-top: 30px;
    max-width: 90%;
    margin: 20px auto 0;
    position: relative;
}

.investor-slider-wrapper{
    position: relative;
}

.investor-people-container .investor-slider, .investor-people-container .investor-slider .swiper-wrapper{
    height: auto;
}

.investor-people-container .investor-slider .swiper-slide img {
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
}

.investor-people-container .investor-slider .swiper-slide .investor-people-data{
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 10px;
    width: 95%;
    margin: auto 12px 10px 8px;
}

.investor-people-container .investor-slider .swiper-slide .investor-people-data h3{
    font-weight: 700;
    font-size: 22px;
    line-height: 27.2px;
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ach-slider-next, .ach-slider-prev{
	border: 1px solid #000;
}

.investor-people-container .investor-slider-next, 
.app-slider-next, 
.app-slider-prev,
.investor-people-container .investor-slider-prev, .ach-slider-next, .ach-slider-prev, .product-slider-next, .product-slider-prev {
    position: absolute;
    top: 50%;
    display: block;
    background-color: #FFF; 
    height: 50px;
    width: 50px;
    padding: 10px 0px;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    font-size: 50px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.investor-people-container .investor-slider-next i, 
.app-slider-next i, 
.app-slider-prev i,
.investor-people-container .investor-slider-prev i, .ach-slider-prev i, .ach-slider-next i, .product-slider-next i, .product-slider-prev i{
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
	font-size: 40px;
}
  

span.swiper-pagination-bullet{
    background-color: #010101;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
}

.investor-people-container .investor-slider-next, .app-slider-next, .ach-slider-next, .product-slider-next{
    right: 30px;
}
.investor-people-container .investor-slider-prev, .app-slider-prev, .ach-slider-prev, .product-slider-prev{
    left: 30px;
}

.document-container .document-section{
    margin-top: 20px;
}

.document-container .document-section .document-option{
    border: 1px solid #0000003B;
    padding: 30px;
    border-radius: 10px;
}

.document-container .document-section .document-option p{
    font-size: 24px;
    font-weight: 700;
}

.document-container .document-section .document-option input{
    height: 25px;
    width: 25px;
    margin-right: 10px;
}

.document-container .document-section .document-option label{
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
}

.document-container .document-section input[type="radio"]:checked + label {
    font-weight: bold;
}
.document-container .document-section input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 2px solid white;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
    background: #EEEEEE;
    border: 2px solid #747474;
    border-radius: 20px;
    transition: 0.3s all ease-in;
}

.document-container .document-section input[type="radio"]:checked {
    background: linear-gradient(to right, #000000, #FF1200);
    border-color: #FFF;
    border-width: 3px;
}

.document-container .document-section .documents-list .document-item{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 4px 6px 3.7px -3px #00000033;
}

.document-container .document-section .documents-list .document-item p{
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 300;
}

.documents-list .document-item p:first-child{
	width: 80%;
}

.document-container .document-section .documents-list .document-item span{
    margin-left: 13px;
}

.document-container .document-section .documents-list .document-item p i{
    background: #FF120024;
    color: #720800;
    border-radius: 50%;
    padding: 10px;
}

.btn-close{
    background: #FF120024;
    color: #720800;
    border-radius: 50%;
    padding: 10px 10px !important;
    height: 20px;
    width: 20px;
}

.btn-close i{
    color: #720800;
    font-weight: 600;
    font-size: 20px;
}
/* investor page end */

/* product inner page */
.feature-data-container p {
    color: #161616;
    font-size: 20px;
}

.product-data-container .product-data p,
.app-data-container p, .ceftification_section .ceftification_data p,
.ceftification_section .ceftification_data li .QHSE-detail-container ul li, .QHSE-detail-container p ,
.feature-data-container ul li,
section.product-data-container ul li,
section.app-data-container ul li, .app-data-container ol li {
    color: #161616;
    padding: 0;
    line-height: 27.2px;
    font-size: 20px;
    text-align: justify;
    position: relative;
}



.product-data-container .product-slider .swiper-wrapper {
    height: fit-content !important;
}

.product-data-container .product-slider .swiper-slide {
    height: fit-content !important;
	 border-radius: 8px;
	overflow: hidden;
}

.product-data-container .product-slider .swiper-slide img {
    border-radius: 8px;
    height: 400px;
    object-fit: contain;
    width: 100%;
}

.product-data-container .product-slider .swiper-pagination {
/*     display: flex !important; */
    justify-content: center;
    position: relative;
    margin-top: 30px;
	display: none; 
}

.product-data-container .product-slider .swiper-pagination .custom-bullet {
    width: 150px;
    height: 100px;
    background-size: contain;
	background-color: #fff;
    background-position: center;
    margin: 0 5px;
    opacity: 0.99;
    transition: opacity 0.3s;
    border-radius: 8px;
}

/* .app-data-container .app-slider{
    border-radius: 8px;
    overflow: hidden;
} */

.ceftification_section img, .feature-data-container img, .QHSE-detail-container img{
    border-radius: 8px;
    height: 100%;
}

.ceftification_section .ceftification_data li, 
.feature-data-container ul li, .QHSE-detail-container ul li,
section.product-data-container ul li, 
section.app-data-container ul li, 
.skill-set-container ul li, 
.extra-info-contaier ul li{
    padding-left: 34px;
    position: relative;
	margin-bottom: 12px;
}

section.app-data-container .app-slider .swiper-slide img{
	height: unset!important;
	max-height: 650px!important;
}

/* .feature-data-container ul{
    margin-left: 40px;
} */

.ceftification_section .ceftification_data ul, .feature-data-container ul, .QHSE-detail-container ul, section.product-data-container ul, .skill-set-container ul, .extra-info-contaier ul{
    list-style: none;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 16px;
}
.ceftification_section .ceftification_data li::before, .feature-data-container ul li::before, .QHSE-detail-container ul li::before,
section.product-data-container ul li::before,section.app-data-container ul li::before, .skill-set-container ul li::before, .extra-info-contaier ul li::before{
    content: "\eb7b";
    font-family: 'Remixicon';
    position: absolute;
    left: 0;
    top: 0;
    color: #FF1200;
    font-size: 22px;
}

.ceftification_section .ceftification-img{
    width: 100%;
    height: 290px;
    margin-bottom: 40px;
}

.ceftification_section .ceftification-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.ceftification_section .ceftification_data{
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 10px;
}


.inquiry_wrapper {
    max-width: 730px;
    margin: auto;
}
.inquiry-section .inquiry_wrapper .home_inquiry_form .custom-checkbox {
    color: #000;
}


.inquiry-section .wpcf7 form.sent .wpcf7-response-output{
	margin-top: 4px;
	color: #161616;
}

.inquiry-section .wpcf7-not-valid-tip{
    margin-top: 4px;
	color: #FF1200;
}

.inquiry-section .wpcf7 form.invalid .wpcf7-response-output, .inquiry-section .wpcf7 form.unaccepted .wpcf7-response-output, .inquiry-section .wpcf7 form.payment-required .wpcf7-response-output {
    color: #FF1200;
    border-color: transparent;
    background: transparent;
}
/* product inner page end */

/* QHSE page */
.QHSE-detail-container .strong{
    font-size: 24px;
    color: #000;
    line-height: 27.2px;
    font-weight: 700;
}
/* QHSE page end */

/* career page */
.career-intro-data {
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
}

.career-intro-data .title {
    margin-bottom: 30px
}

.career-intro-data p, .job-form-desc p{
	font-size: 20px;
}

.opening .accordion .opening-item {
    margin-bottom: 20px;
}
.opening .accordion .opening-item:last-child {
    margin-bottom: 0;
}
.opening .accordion .opening-item .opening-header {
    margin-bottom: 0%;
}

.opening .accordion .opening-item .opening-header .opening-accod-btn {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 15px;
    border-left: 15px solid #720800;
    box-shadow: 4px 6px 3.7px -3px #00000033;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 300;
	text-align: left;
    position: relative;
    align-items: center;
    width: 100%;
    border-top: none;
    border-right: none;
    border-bottom: none;
    transition: 0.15s all ease-in;
}

.opening .accordion .opening-item .opening-header .opening-accod-btn span{
	width: 80%;
}

.opening .accordion .opening-item .opening-header .opening-accod-btn::after {
    content: "\f5d2";
    font-family: "Remixicon";
    font-size: 22px;
    background: #FF120024;
    color: #720800;
    border-radius: 50%;
    padding: 10px;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
}

.opening .accordion .opening-item .opening-header .opening-accod-btn[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.opening .accordion .opening-item .accordion-collapse {
    background-color: #DFDFDF;
    padding: 20px 30px!important;
    border-radius: 8px;
}

.opening .accordion .opening-item .opening-accordion-body .job-desc,
.opening .accordion .opening-item .opening-accordion-body .skill-qua {
    margin-top: 20px;
}

.job-desc p, .skill-qua p{
	font-size: 20px;
	text-align: justify;
}

.opening .accordion .opening-item .opening-accordion-body .job-desc h3,
.opening .accordion .opening-item .opening-accordion-body .skill-qua h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

.opening .accordion .opening-item .opening-accordion-body .job-desc ul,
.opening .accordion .opening-item .opening-accordion-body .skill-qua ul {
    list-style: none;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 16px;
	font-size: 20px;
}

.opening .accordion .opening-item .opening-accordion-body .job-desc ul li,
.opening .accordion .opening-item .opening-accordion-body .skill-qua ul li {
    padding-left: 34px;
    color: #161616;
    line-height: 27.2px;
    font-size: 20px;
    text-align: justify;
    position: relative;
}

.opening .accordion .opening-item .opening-accordion-body .job-desc ul li::before,
.opening .accordion .opening-item .opening-accordion-body .skill-qua ul li::before {
    content: "\eb7b";
    font-family: 'Remixicon';
    position: absolute;
    left: 0;
    top: 0;
    color: #FF1200;
    font-size: 22px;
}

.job-form-container .job-form-data {
    max-width: 930px;
    margin: 0 auto;
}

.job-form-container .job-form-data .job-form-desc {
    text-align: center;
}

.job-form-container .job-form-data .job-form-desc p{
    margin: 30px 0 40px;
}

.job-form-container .job-form-data .job-form .form_wrap,
.job-form-container .job-form-data .job-form button {
    margin-top: 16px;
}

.job-form-container .job-form-data .job-form .form_wrap label {
    font-size: 18px;
    font-weight: 700;
    line-height: 27.2px;
    margin-bottom: 5px;
}

.job-form-container .job-form-data .job-form .form_wrap label span {
    color: #FF1200;
}

.job-form-container .job-form-data .job-form p {
    font-size: 16px;
    line-height: 27.2px;
    color: #161616;
    margin-top: 10px;
}

.job-form-container .job-form-data .job-form .upload-container {
    margin-top: 16px;
}
.job-form-container .job-form-data .job-form .upload-container .upload-label {
    font-size: 18px;
    font-weight: 700;
    line-height: 27.2px;
    margin-bottom: -10px;
    display: block;
}

.job-form-container .job-form-data .job-form .upload-container .upload-label span {
    color: #FF1200;
}

.job-form-container .wpcf7 form.invalid .wpcf7-response-output, 
.job-form-container .wpcf7 form.unaccepted .wpcf7-response-output, 
.job-form-container .wpcf7 form.payment-required .wpcf7-response-output {
    color: #000;
    border-color: transparent;
    background: transparent;
}

.job-form-container .wpcf7 form.sent .wpcf7-response-output{
    margin-top: 16px;
    color: #FF1200;
}
/* career page end */

footer h2.widgettitle {
    font-weight: 800;
    font-size: 24px;
    line-height: 130%;
    color: var(--white);
    margin-bottom: 20px;
}

footer .col-auto ul li a {
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    color: #FFFFFF;
    display: block;
    margin-bottom: 10px;
}

footer .col-auto ul li a:hover {
    color: #FF1200;
}

button.toggle-btn {
	border: unset;
    color: #ba0d00;
	text-align: left;
    font-weight: 700;
	margin-bottom: 10px;
	display : block;
	text-decoration: underline;
    background: unset;
	padding: unset;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
    border-color: #ffb900;
    background: #b80d00;
}

nav.header-navbar .current_page_item a {
    color: #e41000;
}
.document-container .document-section .documents-list .document-item:last-child {
    margin-bottom: 0;
}

/* section.app-data-container .app-slider .swiper-slide{
	border-radius: 8px;
} */

section.app-data-container .app-slider .swiper-slide img {
    height: 650px;
    object-fit: contain;
    width: 100%;
}
body.single-products section.app-data-container .app-slider-next::after {
    display: none;
}


/* investor page */
.bod-item {
    position: relative;
}
.bod-item img {
    height: 400px;
	width: 100%;
    object-fit: cover;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 5px 5px 0px #0000004D;
}
.bod-item .investor-people-data {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 10px;
    width: 95%;
    z-index: 2;
    margin: auto 12px 10px 8px;
}
.bod-item .investor-people-data h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 27.2px;
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.investor .accordion-collapse {
    padding: 40px 30px !important;
}
.committee-data{
	padding: 0px 14px;
}
.commitee-data-item {
    padding: 20px;
    background-color: #fff;
    box-shadow: 4px 6px 3.7px -3px #00000033;
    border-radius: 15px;
}
.commitee-data-item .committee-image img {
    width: 116px;
    height: 116px;
    border-radius: 10px;
    object-fit: cover;
}
.commitee-data-item .committee-people-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.commitee-data-item .committee-people-data h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 27.2px;
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.invest-menu-container .invest-menu-info {
    margin-top: 20px;
}
.invest-menu-container .invest-menu-info img {
    height: 100%;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.invest-menu-container .invest-menu-info p {
    color: #161616;
    padding: 0;
    line-height: 27.2px;
    font-size: 20px;
    text-align: justify;
}
.invest-menu-container .invest-menu-info a {
    margin-top: 10px;
}
.invest-menu-container .invest-menu-info a:hover i {
    display: inline-block;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in;
}
.investor-people-container .investor-slider {
    margin-top: 30px;
    max-width: 90%;
    margin: 20px auto 0;
    position: relative;
}
.investor-slider-wrapper {
    position: relative;
}
.investor-people-container .investor-slider,
.investor-people-container .investor-slider .swiper-wrapper {
    height: auto;
}
.investor-people-container .investor-slider .swiper-slide img {
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
}
.investor-people-container .investor-slider .swiper-slide .investor-people-data {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 10px;
    width: 95%;
    margin: auto 12px 10px 8px;
}
.investor-people-container .investor-slider .swiper-slide .investor-people-data h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 27.2px;
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.investor-people-container .investor-slider-next,
.app-slider-next,
.app-slider-prev,
.investor-people-container .investor-slider-prev {
    position: absolute;
    top: 50%;
    display: block;
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 50px;
    z-index: 10;
    transform: translateY(-50%);
}
span.swiper-pagination-bullet {
    background-color: #010101;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(90deg, #000000 0%, #FF1200 100%);
}
.investor-people-container .investor-slider-next,
.app-slider-next {
    right: 0px;
}
.investor-people-container .investor-slider-prev,
.app-slider-prev {
    left: 0px;
}
.document-container {
    transition: height 0.3s ease-in-out;
}
.document-container {
    transition: 0.3s all ease-in;
}
.document-container .document-section {
    margin-top: 20px;
}
.document-option,
.committee-option {
    border: 1px solid #0000003B;
    padding: 30px;
    border-radius: 10px;
}
.document-option p,
.committee-option p {
    font-size: 24px;
    font-weight: 700;
}
.document-option input,
.committee-option input {
    height: 25px;
    width: 25px;
    margin-right: 10px;
}
.document-option label,
.committee-option label {
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
}
.document-section input[type="radio"]:checked+label,
.committee-option input[type="radio"]:checked+label {
    font-weight: bold;
}
.document-section input[type="radio"],
.committee-option input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    padding: 8px;
    width: 20px;
    height: 20px;
    border: 2px solid white;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
    background: #EEEEEE;
    border: 2px solid #747474;
    border-radius: 20px;
    transition: 0.3s all ease-in;
}
.document-section input[type="radio"]:checked,
.committee-option input[type="radio"]:checked {
    background: linear-gradient(to right, #000000, #FF1200);
    border-color: #FFF;
    border-width: 3px;
}
.documents-list .document-item {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 4px 6px 3.7px -3px #00000033;
}
.documents-list .document-item p {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 300;
	display: flex;
	align-items: center;
}
.documents-list .document-item span {
    margin-left: 13px;
}
.documents-list .document-item p i {
    background: #FF120024;
    color: #720800;
    border-radius: 50%;
    padding: 10px;
}
.company-policy-docs {
    padding-top: 30px;
}
.grievance {
    margin-top: 50px;
    padding: 35px 50px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 4px 6px 3.7px -3px #00000033;
}
.grievance .title h2 {
    font-size: 24px;
    line-height: 40px;
}
.grievance .title p {
    font-size: 20px;
    font-weight: 300;
    color: #000;
}
.grievance .contact-info {
    margin-top: 30px;
}
.grievance .contact-info p {
    margin-bottom: 30px;
}
.grievance .contact-info p a {
    font-size: 20px;
    margin-left: 12px;
    font-weight: 600;
}
.grievance .contact-info p i {
    background: #FF120024;
    color: #720800;
    border-radius: 50%;
    padding: 10px;
}
section.skill-set-container img {
    height: 460px;
    width: 100%;
	border-radius: 8px;
    object-fit: cover;
}


/* software */
.solution-brochure-btn{
	margin-top: 20px;
}

.software-intro-img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}


.software-info-card .software-info-content li::before {
    content: "\eb7b";
    font-family: 'Remixicon';
    position: absolute;
    left: 0;
    top: 0;
    color: #FF1200;
    font-size: 22px;
}

.software-intro-container p, .extra-info-contaier ul li, .extra-soft-info-content p, .product-data-container  p{
    color: var(--dark);
    font-size: 20px;
	text-align: justify!important;
}


.software-info-card .software-info-content ul {
    list-style: none;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 16px;
}

.software-info-card .software-info-content li{
	padding-left: 34px;
	font-size: 20px;
    position: relative;
    margin-bottom: 7px;
	text-align: left!important;
}

.software-info-card .software-info-content h3{
	text-align: center!important;
}
.software-info-card .software-info-content p{
	text-align: justify!important;
}

.extra-info p:first-child {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    padding: 20px;
    border-left: 5px solid transparent;
    border-image: linear-gradient(180deg, #000000 0%, #FF1200 100%) 1;
}

.extra-info p:first-child::before {
    position: relative;
}

.software-info-card {
    padding: 35px 30px;
    background-color: #fff;
    box-shadow: 0px 5px 5px 0px #0000004D;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}


.software-info-card .software-info-img {
    text-align: center;
    margin-bottom: 20px;
}

.software-info-card .software-info-img img {
    height: 300px;
    width: auto;
    object-fit: contain;
}

.software-info-card .software-info-content {
    text-align: center;
    flex-grow: 1;
}

.software-info-card .software-info-content h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
    color: #000000;
}

.software-info-card .software-info-content p {
    font-size: 20px;
    line-height: 27.2px;
    color: #161616;
    margin-bottom: 2px;
}
.inquiry-section .home_inquiry_form{
    margin-top: 20px;
}
.extra-soft-img-container{
	text-align: center;	
}
.extra-soft-img{
	padding-top: 50px;
	width: 70%;
}

/* software end */


/* products-tab */
.products-tab{
    margin-top: 40px;
}



.products-tab .tab-option-item{
    text-align: center;
    position: relative;
}
.products-tab .tab-option-item .btn.active{
    background-color: #fff;
    color: #000;
}
.products-tab .tab-option-item::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 31px solid transparent;
    border-top: 48px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    z-index: 0;
    opacity: 0;
    transition: all 0.5s ease-in;
}

.products-tab .tab-option-item.active::after {
    opacity: 1;
}

.product-brochure-btn{
	margin-top: 20px;
}

.tab-content-item .product-brochure-btn:hover{
	border: 1px solid #ff1200;
}

.products-tab .tab-option-item .btn.active::before{
    display: none;
}

.products-tab .tab-content{
    background-color: #fff;
    border-radius: 10px;
    padding:  0 20px 70px;
    margin-top: 30px;
}

.products-tab .tab-content section{
    padding: 60px 0!important;
}
/* products-tab end */


/* skill set */
.skill-set-container p, .skill-set-container ul li{
	font-size: 20px;
}
/* skill set end */

.contact-detail-menu.header_contact_men {
    display: none;
}
.header-main-bar .contact-detail-menu .contact-detail-inner {
    display: flex;
    margin-bottom: 15px;
}
.header-main-bar .contact-detail-menu .contact-detail-inner .contact-icon{
	display: flex;
	align-items: center;
}

.header-main-bar .contact-detail-menu .contact-detail-inner:last-child {
    margin-bottom: 0;
}
.header-main-bar .contact-detail-menu .contact-data p,
.header-main-bar .contact-detail-menu .contact-data a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
}
.header-main-bar .contact-detail-menu .contact-data p {
    margin-bottom: 5px;
}
.header-main-bar .contact-detail-menu  .contact-icon svg {
    width: 25px;
}
.header-main-bar .contact-detail-menu .contact-detail-inner .contact-data {
    margin-left: 10px;
}
nav.header-navbar .contact-detail-menu {
    padding-top: 60px;
}