.inner_bnner .banner_item {
    width: 100%;
    /*height: 60vh;*/
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
}

.category-banner-item.banner_item{
    max-height: 60vh;
}

/* .inner_bnner.animate .banner_content .title h4 {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0.5s;
} */

.inner_bnner .banner_content .title h4 span {
    display: block;
}

.table-bordered td, .table-bordered th {
    padding: 5px;
}
.inner_bnner .banner_content .breadcrumb {
    background: transparent;
    width: auto;
    padding: 15px 0;
    margin: 0;
    transition: 1.5s;    
    opacity: 0;
    transform: translateY(-150%);
}
.inner_bnner.animate .banner_content .breadcrumb {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1s;
}
.inner_bnner .banner_content .breadcrumb a{
    color: #fff;
    padding: 0;
    font-size: 18px;
    text-decoration: none;
}
.inner_bnner .banner_content .breadcrumb .breadcrumb-item{
    color: #fff !important;
}
.inner_bnner .banner_content .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    content: "-";
}
.inner_bnner .banner_content .breadcrumb a:hover {
    color: #f58634;
}



.quality{
    padding: 80px 0;
    position: relative;
}

#quality_slider {
    padding-top: 40px;
}
#quality_slider .swiper-slide h4 {
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    margin-top: 20px;
}
.quality_img {
    width: 100%;
    /*height: 400px;*/
    overflow: hidden;
    border: 1px solid #E6F1F7;
    padding: 10px;
    border-radius:10px;
    transition: 0.6s;
}
.quality_img:hover {
    box-shadow: 0 0 10px #006ea84a;
}
.quality_img img {
    width: 100%;
    /*border-radius: 10px;*/
    height: 100%;
    /*border: 3px solid #a7a7a7;*/
    object-fit: contain;
}

.quality .swiper-button-next:after {
    content:none;
}
.quality .swiper-button-prev:after {
    content:none;
}
.quality .swiper-button-next.quality_icon  img{
    transform: rotate(180deg);
}
.quality .swiper-button-prev {
    left: -6%;
}
.quality .swiper-button-next {
    right: -6%;
}




.career_page .title p{
    text-align: justify;
}


.brand{
    padding: 80px 0; 
    margin-top: 60px;
    position: relative;
}

.brand .brand_img{
    height: 500px;
    position: relative;
    
    /*background: rgba(250, 249, 253, 1);*/
    padding: 20px;
    /*border: 2px solid rgba(230, 241, 247, 1);*/
    border-radius: 10px;
    margin-bottom: 2%;
    transition: 0.6s;
    position: relative;
    
}
.brand .title {
    text-align: justify;
	font-size: 16px;
    
}
.brand .brand_img img{
    height: 100%;
    width: 100%;
}
.brand .row:nth-child(even) .col-md-5{
    order: 1;
}
.brand .title p{
    width: 100%;
    text-align: justify;
    color: #060606d1;
}
.brand .title ul{
    padding-left: 20px;
	color: #060606d1;
}
.brand .title table{
    border: 2px solid #006ea8;
    margin-top: 20px;
    margin-bottom: 20px;
}
.brand .title table tr {
    text-align: center;
    vertical-align: middle;
}
.brand .tablepress td, .brand  .tablepress th{
    text-align: center;
    vertical-align: middle;
}
.brand .tablepress thead th {
    font-weight: 600;
    font-size: 14px;
    background: #006ea8;
    color: #fff;
}
.brand td, .brand th {
    border: 1px solid #dee2e6  !important;
}


.brand .tablepress .row-1  td {
    font-weight: 600;
    vertical-align: middle;
    font-size: 14px;
    background: #006ea8 !important;
    color: #fff;
}
.brand td, .brand  td {
    border: 1px solid #dee2e6  !important;
}







.product table{
    border: 2px solid #006ea8;
}
.product  table tr {
    text-align: center;
}
.product  .tablepress td, .product   .tablepress th{
    text-align: center;
}
.product  .tablepress thead th {
    font-weight: 600;
    font-size: 14px;
    background: #fff;
    /*color: #fff;*/
}
.product  td, .product  th {
    border: 1px solid #dee2e6  !important;
}


#tablepress-5 th.column-2{
    background: #dd9933;
}
#tablepress-5 th.column-3{
    background: #8e8e8e;
}
#tablepress-5 th.column-5{
    background: #00a759;
}
#tablepress-5 th.column-6{
    background: #f29ec7;
}
#tablepress-5 th.column-7{
    background: #00a3d4;
}
#tablepress-5 th.column-8{
    background: #fbe116;
}
#tablepress-5 th.column-9{
    background: #ab137e;
}


#tablepress-5 tr td.column-1{
    background: #fff9d7;
}




.life{
    padding: 80px 0; 
    position: relative;
    background: rgba(242, 247, 250, 1);
}

.life_list{
    display:flex;
    margin-top:30px;
    gap: 25px;
}
.life_item {
    position: relative;
    width: 33%;
}

.life_item p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    padding: 40px;
    margin: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: 1s;
}
.life_item:hover p {
    opacity: 1;
    transform: translateY(0%);
}
.life_item_img {
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 20px;
}
.life_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.career_count{
    padding: 80px 0; 
    position: relative;
}

.career_number{
    justify-content: center;
    /*align-items: center;*/
    display: flex;
    width: 80%;
    display: -webkit-inline-flex;
    margin: auto;
}
.career_number_item {
    width: 33%;
    border-right: 1px solid rgba(0, 110, 168, 1);
    padding: 0 5%;
}
.career_number_item:last-child {
    border-right: none;
}



.career_number_item h2{
    font-size: 72px;
    font-weight: 600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(0, 110, 168, 1);
    text-transform: uppercase;
}


.job{
    background:rgba(0, 110, 168, 1);
    padding: 80px 0; 
    position: relative;
}
.job .title span{
    color: #fff;
}
.job .title h4{
    color: #fff;
    width: 60%;
    margin: auto;
}
.job_list {
    display: flex;
    margin-top: 60px;
    gap: 40px;
}

.job_item {
    background: #fff;
    padding: 50px 30px;
    width: 33%;
    border-radius: 10px;
}

.job_item h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}
.job_item a{
    background: #006ea8;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    text-decoration: none;
    transition: 0.6s;
    border:1px solid;
    margin-top: 15px;
    text-transform: uppercase;
    display: inline-block;
}
.job_item a:hover{
    color: #006ea8;
    background: #fff;
}


#appyNow .modal-content {
    background: #fff;
}
#appyNow .modal-content label {
    font-size: 14px;
}
#appyNow .modal-content .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
}
#appyNow button.close{
    left: 92%;
    top: 2%;
    z-index: 1;
    /*color: #fff;*/
}
button.close {
    position: absolute;
    left: 15px;
    opacity: 1 !important;
    color: #1c1c1c;
    border: none;
    font-size: 40px;
}


#appyNow .modal-body {
    padding: 20px 35px;
}







#enquiryform .modal-body {
    padding: 20px 35px;
}

#enquiryform .modal-content {
    background: #fff;
}
#enquiryform .modal-content label {
    font-size: 14px;
}
#enquiryform .modal-content .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
}
#enquiryform button.close{
    left: 92%;
    top: 2%;
    z-index: 1;
    /*color: #fff;*/
}

#enquiryform .modal-body {
    padding: 20px 35px;
}


#appyNow3 button.close {
    right: 15px;
    left: unset;
    z-index: 99;
}

#appyNow2 .modal-content {
    background: #fff;
}
#appyNow2 .modal-content label {
    font-size: 14px;
}
#appyNow2 .modal-content .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
}
#appyNow2 button.close{
    left: 92%;
    top: 2%;
    z-index: 1;
    /*color: #fff;*/
}
button.close {
    position: absolute;
    left: 15px;
    opacity: 1 !important;
    color: #1c1c1c;
    border: none;
    font-size: 40px;
}


.manag_des .modal-body {
    padding: 20px 35px;
}


.manag_des .modal-content {
    background: #fff;
}

.manag_des button.close {
    position: absolute;
    right: 15px;
    opacity: 1 !important;
    color: #1c1c1c;
    border: none;
    font-size: 30px;
    top: 10px;
    left:unset;
}
.manag_des button.close span{
     font-size: 30px; 
     margin-left: 0; 
    color: #1c1c1c;
}
.manag_des .modal-body {
    padding: 20px 35px;
}
.manag_des .modal-content p{
    margin-bottom: 0 !important;
    font-size: 16px !important;

}






.client_page .swiper-button-next:after {
    content:none;
}
.client_page .swiper-button-prev:after {
    content:none;
}
.client_page .swiper-button-next.client_icon  img{
    transform: rotate(180deg);
}
.client_page .swiper-button-prev {
    left: 40px;
    top: 32%;
}
.client_page .swiper-button-next {
    right: 40px;
    top: 32%;
}

.client_page #client {
    padding: 40px 55px;
}







.year_line .swiper-button-next:after {
    content:none;
}
.year_line .swiper-button-prev:after {
    content:none;
}
.year_line .swiper-button-next.product_icon  img{
    transform: rotate(180deg);
}
.year_line .swiper-button-prev {
    left: 0;
}
.year_line .swiper-button-next {
    right: 0;
}





.resume{
    padding: 180px 0; 
    position: relative;
    
}
.resume .title {
    width: 46%;
    margin: auto;
}
.resume .title a.mailto{
    margin: 40px auto;
    font-size: 22px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.resume .client_bg {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    object-position: top;
    object-fit: cover;
    transform: translateX(-50%);
}





.contact .tab-content p{
    margin:unset; 
}

.contact{
    padding: 80px 0; 
    position: relative;
}
.contact .form_contact .title:nth-child(1)  {
    padding-right: 14%;
}
.contact .form_contact .title img {
    height: 500px;
    margin-top: 60px;
    border-bottom: 2px solid #006ea8;
}
.contact .form_contact .nav-pills{
    justify-content: center;
}
.contact .form_contact .nav-pills .nav-link.active {
    color: #006ea8;
}
.contact .form_contact .nav-pills .nav-link {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    background: transparent !important;
    padding: 0;
    border-bottom: 2px solid;
    border-radius: 0 !important;
}
li.nav-item {
    width: 33%;
    margin-bottom: 20px;
    text-align: center;
}
.tab-content .form-control {
    border: 1px solid rgba(138, 152, 159, 1);
    padding: 10px;
    border-radius: 8px;
    height: 50px;
	outline: none;
	box-shadow: none;
}

.tab-content .form-control:focus{
	border-color: #006ea8;
	box-shadow: none;
	outline: none;
}

.radio_btn input {
    width: 20px;
    margin-right: 5px;
}.radio_btn label {
    font-size: 20px;
    margin-right: 10px;
}
.agree_btn input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.agree_btn label {
    font-size: 24px;
    margin-left: 10px;
}









.map_details .title img{
    margin-top:40px;
    height: 40px;
}
.map_details .title {
    padding-right: 5%;
}
.map_details .title ul {
    gap: 20px;
    /*display: flex;*/
    list-style: none;
    margin-top: 25px;
    /*flex-wrap: wrap; */
    column-count: 2;
}
.map_details .title ul li {
    width: 100%;
    margin-bottom: 20px;
}
.map_details {
    padding: 60px 0;
}






















.brands{
    padding:80px 0;
    position:relative;
}
.brands_item {
    background: rgba(250, 249, 253, 1);
    padding: 20px;
    border: 2px solid rgba(230, 241, 247, 1);
    width: 32%;
    border-radius: 10px;
    margin-bottom: 2%;
    transition: 0.6s;
}
.brands_item:hover {
    box-shadow: 0 0 10px #006ea84a;
}
.brands_item img{
    height: 85px;
    margin-bottom: 20px;
    object-fit: contain;
    object-position: left;
}
.brands_item p{
	margin-bottom:0px;
}
.brands_item .footer_social_links {
    margin: 10px 0;
}
.brands_item a img {
    height: 20px;
}
.brands_list {
    display: flex;
    margin-top: 60px;
    gap: 2%;
    flex-wrap: wrap;
}




.client_page{
    padding:80px 0;
    position:relative;
}
.client_page_logo_item {
    width: 16%;
    margin-bottom: 4%;
    transition: 0.6s;
    text-align: center;
}
.client_page_logo_item:hover {
    transform: translateY(-10px);
}
.client_page_logo_item img{
    height:75px;
    margin-bottom:20px;
}

.client_page_logo {
    display: flex;
    margin-top: 60px;
    justify-content: center;
    flex-wrap: wrap;
}



.download{
    
    padding:80px 0;
    position:relative;
}

.download_list {
    display: flex;
    /*margin-top: 60px;*/
    justify-content: center;
    flex-wrap: wrap;
    gap: 2%;
    width: 100%;
    margin: 60px auto 0;
}
/*.download_item:nth-child(1) {*/
/*    width: 49%;*/
/*}.download_item:nth-child(2) {*/
/*    width: 49%;*/
/*}*/
.download_item {
    width: 100%;   
    margin-bottom: 3%;
    transition: 0.6s;
    border: 1px solid #E6F1F7;
    border-radius:10px;
    /*padding: 10px 20px;*/
    /*display: flex;*/
    padding-bottom: 10px ;
    /*align-items: center;*/
    transition: 0.6s;
    /*gap: 20px;*/
    text-align: center;
}
.download_item h4 {
    font-size: 15px;
    margin: 15px auto;
}
.download_item .btn_narula2 {
    padding: 5px 14px;
    font-size: 12px;
}
.download_item img {
    /*border: 1px solid #E6F1F7;*/
    /*padding: 10px;*/
    /*border-radius: 50%; */
    width: 100%;
}


.download_item:hover {
    box-shadow: 0 0 10px #006ea84a;
}


.product_page .pro_item {
    width: 32%;
}
.view_type  {
    gap: 20px;
}

.view_type div {
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 11px;
    border-radius: 50%;
    display: flex;
}
.view_type div img {
    width: 100%;
    filter: brightness(0);
    opacity: 0.4;
    height: 100%;
    object-fit: contain;
}
.view_type div.active img {
    opacity: 1;
}
.view_type div.active  {
    opacity: 1;
    background: rgba(242, 247, 250, 1);
}
.side_list {
    box-shadow: 0px 4px 20px rgb(216 216 216 / 25%);
    border-radius: 8px;
    padding: 25px;
}



.side_list li a{
	padding-right: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    display: block;
    color:rgba(51, 51, 51, 1);
}


.side_list li a:before{
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjY0NiAxLjY0NmEuNS41IDAgMCAxIC43MDggMGw2IDZhLjUuNSAwIDAgMSAwIC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDgtLjcwOEwxMC4yOTMgOCA0LjY0NiAyLjM1NGEuNS41IDAgMCAxIDAtLjcwOCIvPjwvc3ZnPg==');
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 0;
    transition: 1s;
}

.side_list li a.active:before{
    transform: rotate(90deg);
}

.side_list li .sub_links a:before{
    content: none;
}



.side_list li a.active{
   color:rgba(0, 110, 168, 1);
}
.side_list ul  li {
    list-style: none;
    margin-top: 15px;
}
.side_list li a:hover{
   color:rgba(0, 110, 168, 1);
}
.sub_links{
    display: none; 
    padding-left: 20px;
    /*margin-top: 12px;*/
    list-style: disc;   
}
.sub_links li {
    margin-top: 5px !important;
    list-style: disc !important;
}
.sub_links li a{
    font-weight: 400;
    font-size:14px;
    color: rgba(51, 51, 51, 1);
}


.product_page.active .pro_item {
    width: 49%;
    display: inline-flex;
    align-items: center;
}
.product_page.active .pro_img {
    width: 40%;
    height: 160px;
}

.product_page.active .pro_content {
    width: 60%;
}


.timeline{
    padding:80px 0;
    position:relative;
}
.timeline .title{
    width:80%;
    margin: auto;
}


#year_slide {
    margin-top: 60px;
}
#year_slide .swiper-slide  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* align-items: center; */
    gap: 50px;
    position: relative;
}

/*#year_slide .swiper-slide span {*/
/*    width: 100%;*/
/*    height: 80px;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*#year_slide span:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 2px;*/
/*    height: 100%;*/
/*    background: #006ea8;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
/*#year_slide .swiper-slide:nth-child(odd) span:before {*/
    
/*    top: 100%;*/
/*}*/
#year_slide .swiper-slide span {
    width: 100%;
    height: 190px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
#year_slide .swiper-slide span:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #006ea8;
}
#year_slide .swiper-slide  h4{
    font-size: 21px;
    position: absolute;
    font-weight: 600;
    /*height: 112px;*/
    /*margin-bottom: 30px;*/
    display: flex;
    align-items: center;
    -webkit-background-clip: text;
    margin: 0;
    /* -webkit-text-fill-color: transparent; */
    /* -webkit-text-stroke: 1px rgba(0, 110, 168, 1); */
    text-transform: uppercase;
    background: #006ea8;
    padding: 3px 16px;
    /* border: 3px solid rgba(0, 110, 168, 1); */
    top: calc(65% - 0px);
    color: #fff;
    border-radius: 0 0 20px 20px;
}
#year_slide .swiper-slide h4:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 3px;
    height: 100%;
    background: #006ea8;
    top: -25px;
    z-index: -1;
    opacity: 0;
}
#year_slide .swiper-slide h4:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 3px;
    height: 100%;
    background: #006ea8;
    bottom: -25px;
    z-index: -1;
    opacity: 0;
}
#year_slide .swiper-slide .year_logo {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: start;
    align-items: center;
    min-height: 100px;
    max-height: 100px;
    max-width: 100px;
    background: #f5f5f5;
    border-radius: 50%;
    border: 1px solid #dddddd;
    padding: 6px;
    position: relative;
    order: -1;
    margin-bottom: 0;
}
#year_slide .swiper-slide:nth-child(even) .year_logo {
    align-items: end;
    align-items: center;
    order: 1;
    margin-top: 60px;
}
#year_slide .swiper-slide img {width: calc(100% - 5px);height: calc(100% - 5px);object-fit: contain;object-position: center;}

#year_slide .swiper-slide:nth-child(odd) img {
   order:2;
}

#year_slide .swiper-slide:nth-child(odd)  h4{
    order:2;
}
#year_slide .swiper-slide:nth-child(odd) span:after{ 
    transform:translate(-50%, 50%) rotate(180deg);
}
#year_slide .swiper-slide:nth-child(odd) p{
    order:-1;
    /* padding-top: 20px; */
}
#year_slide .swiper-slide p{
    margin: 0;
    min-height: 130px;
    display: flex;
    width: 90%;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    display: flex;
    align-items: end;
}
#year_slide:before {
    width: 90%;
    height: 6px;
    content: '';
    position: absolute;
    background: rgb(255 255 255);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0px 0px 5px 1px #c7c7c7;
}
#year_slide .swiper-button-prev {
    left: 0px;
}
#year_slide .swiper-button-next {
    right: 00px;
    transform: rotate(180deg);
}
#year_slide .swiper-button-prev:after{
    content: none;
}
#year_slide .swiper-button-next:after {
    content: none;
}


.mission{
    padding:80px 0;
    position:relative;
    background:rgba(0, 110, 168, 1);
}

.mission_vision {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10%;
    padding: 40px;
    overflow: hidden;
}

.left_mission  {
    width: 48%;
    color: #fff;
    margin-right: auto;
    padding-right: 6%;
}
.right_mission  {
    width: 48%;
    color: #fff;
    padding-left: 6%;
    margin-left: auto;
}
.mission_vision hr {
    width: 64%;margin: 0;
    background: #fff;
    height: 1px;
    transform: rotate(90deg);
}
.mission_vision h4 {
    font-size: 40px;
    font-weight: 600;
    position: relative;
}

.mission_vision h4:before {
    font-size: 40px;
    content: '';
    position: absolute;
    width: 25px;
    height: 1px;
    left: -10%;
    background: #fff;
    top: 50%;
}

.mission_vision .left_mission h4:before {
    right: -10%;
    left: unset;

}


.group{
    padding:80px 0;
    position:relative;
}

.group .nav-pills{
    justify-content: center;
    margin: 40px auto 0;
    width: 70%;
}
.group .nav-pills .nav-link.active {
    color: #006ea8;
}
.group .nav-pills .nav-link {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    background: transparent !important;
    padding: 10px 0;
    border-bottom: 2px solid;font-size: 18px;
    border-radius: 0 !important;
}
.group .tab-content .team_item {
    width: 23%;
    margin: 20px 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(216, 216, 216, 0.25);
    border-radius: 8px;
    position: relative;
    padding:40px ;
}
.group .tab-content .tab-pane.active {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.group .tab-content .team_img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 22px;
    border-radius: 50%;
}
.group .tab-content .team_img img{
    height: 100%;
    width:100%;
    object-fit: cover;
    object-position: top;
}


.group .tab-content h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #006EA8;
}


.group .tab-content p {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-bottom: 40px;
}
.group .tab-content a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.group .tab-content span {
    /*font-size: 18px;*/
    transition: 0.6s;
    margin-left:15px;
    color: rgba(0, 110, 168, 1);
}
.group .tab-content a:hover span {
    margin-left: 25px;
}

.team_item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 55%;
    background: #006ea8;
}


.presence{
    padding:80px 0;
    background: #F2F7FA;
    position:relative;
}

.presence .title {
    width: 80%;
    margin: auto;
}

.presence .title img {
    width: 100%;
    /*margin: 48px auto 0;*/
}


.testimonials{
    padding:80px 0;
    position:relative;
}

/*.slider_test {*/
/*    gap: 20px;*/
/*    margin-top: 40px;*/
/*}*/

/*.test_nav {*/
/*    width: 20%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-wrap: wrap;*/
/*    background: #FFFFFF;*/
/*    box-shadow: 0px 4px 20px rgb(216 216 216 / 25%);*/
/*    border-radius: 8px;*/
/*    position: relative;*/
/*}*/
/*.test_nav .swiper-button-next:after {*/
/*    content:none;*/
/*}*/
/*.test_nav .swiper-button-prev:after {*/
/*    content:none;*/
/*}*/
/*.test_nav .swiper-button-next.quality_icon  img{*/
/*    transform: rotate(180deg);*/
/*}*/
/*.test_nav .swiper-button-prev {*/
/*    transform: rotate(-90deg);*/
/*}*/
/*.test_nav .swiper-button-next {*/
/*    transform: rotate(90deg);*/
/*}*/
/*.test_nav .testimonial_icon {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    left:0;*/
/*    right:0;*/

/*}*/
/*#testimonial .swiper-slide {*/
/*    display: flex;*/
/*    gap: 40px;*/
/*    align-items: center;*/
/*}*/
/*#testimonial .test_img {*/
/*    width: 30%;*/
/*    height: 400px;*/
/*    overflow: hidden;*/
/*    border-radius: 20px;*/
/*}*/
/*#testimonial .test_img img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*#testimonial .test_content {*/
/*    width: 70%;*/
/*}*/

#testimonial {
    width: 100%;
    /*background: #FFFFFF;*/
    /*box-shadow: 0px 4px 20px rgb(216 216 216 / 25%);*/
    /*border-radius: 8px;*/
    /*padding: 40px;*/
}

#testimonial .swiper-slide {
    display: flex;
    gap: 40px;
    align-items: center;
}

.testimonial-item .test_img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.testimonial-item .test_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-item .test_content {
    width: 100%;
}

#testimonial .test_content h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #006EA8;
}
#testimonial .test_content h6 {
    margin-bottom: 25px;
}

#testimonial .swiper-pagination {
    position: relative;
    margin-top: 15px;
}

#testimonial .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    transition: 0.3s ease;
    transform: scale(1);
    background: #ffffff;
    border: 2px solid #006ea8;
    opacity: 1;
}

#testimonial .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    transform: scale(1.3);
    background-color: #006ea8;
}


.product_detail{
    padding:20px 0 ;
    margin-top: 70px;

}
.product_detail .banner_content .title h4 {
    color: rgba(0, 110, 168, 1);    
    margin-bottom: 10px;
    font-size: 26px;
    opacity: 1;
    transform: translateY(0%);
}

.product_detail .banner_content {
    position: static;
    left: unset;
    bottom: unset;
    transform: unset;
    width:100%;
}

.product_detail.animate .banner_content .title h4 {
    opacity: 1;
    transform: translateY(0%);
    /*transition-delay: 0.5s;*/
	font-size: 26px;
}
.product_detail.animate .banner_content .breadcrumb {
    background: transparent;
    padding: 0;
}

.brand .high_img {
    /*background: #f2f7fa;*/
    /*padding: 20px;*/
    height: 400px;
}

#product_slide_thumb{
    border: 2px solid #f0f0f0;
    border-radius: 10px;
}

.brand .high_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand #product_slide .swiper-slide img{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    /*padding: 10px;*/
    border-radius: 10px;
    border: 2px solid #dddddd;
    transition: 0.4s;
}

.brand #product_slide .swiper-slide.swiper-slide-thumb-active img{
    border: 2px solid #006ea8;
    /*box-shadow: 0px 0px 1px 0px #006ea8;*/
}

.brand #product_slide{
    margin-top: 15px;
}

/*.brand #product_slide {*/
/*    margin-top: 20px;*/
/*    padding: 20px;*/
/*}*/


.product_page .title h4 {
    font-size: 28px;
}
.pro_details_content div p{
    margin-bottom: 5px;
}
.pro_details_content ul{
    padding-left: 20px;
}
.pro_details_content{
/*     margin-top: 5%; */
    display: flex;
    /* gap: 5%; */
    flex-wrap: wrap;
}
.pro_details_content div {
    width: 100%;
}

.gallery  .nav-pills {
    background: rgba(0, 110, 168, 1);
    padding: 15px 2%;
    gap: 25px;
    /*justify-content: space-between;*/
    align-items: center;
}
.gallery  .nav-pills li {
    width: auto;
    color: #fff;
    background: transparent !important;
    margin: 0;
}

.gallery  .nav-pills li a {
    background: transparent !important;
    position: relative;
    color: #fff;
}
.gallery .tab-content{
    padding: 4% 8%;
}
.gallery .tab-content #lightgallery{
    /*padding: 4% 8%;*/
    /*display: grid;*/
    /*grid-template-columns: 25% 25% 25% 25%;*/
    /*grid-template-rows: 260px 260px 260px;   */
    column-count: 3;
    column-gap: 0px;
    width: 100%;
}
.gallery .tab-content #lightgallery a{
    /*grid-column: span 1;*/
    overflow: hidden;
     padding: 10px; 
    width: 100%;
    height: 100%;
    border-radius: 10px;
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 0px;
    break-inside: avoid;
}
.gallery .tab-content #lightgallery a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
/*.gallery .tab-content #lightgallery a:nth-child(2) {*/
/*    grid-column: span 2;*/
/*}*/
/*.gallery .tab-content #lightgallery a:nth-child(6) {*/
/*    grid-column: span 2;*/
/*}.gallery .tab-content #lightgallery a:nth-child(7) {*/
/*    grid-column: span 2;*/
/*}*/

.gallery .nav-pills li a:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 15px solid #ffffff;
    bottom: -24px;
    opacity: 0;
}

.gallery .nav-pills li a.active:after {
    opacity: 1;
}





.news_page  .tab-pane {
    gap: 40px;
    flex-wrap: wrap;
}
.news_item {
    display: flex;
    gap: 25px;
    align-items: center;
    background: #FFFFFF;
    /*box-shadow: 0px 4px 20px rgb(216 216 216 / 25%);*/
    border-radius: 8px;
    width: 48%;
    transition: 0.6s;
    padding: 25px;
}
.news_item:hover {
    box-shadow: 0px 4px 20px rgb(216 216 216 / 25%);
}
.news-img {
    width: 45%;
    height: 320px;
    overflow: hidden;
    border-radius: 10px;
}
.news-img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.news_content {
    width: 55%;
}
.news_content span {
    color: rgba(0, 110, 168, 1);
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
}
.news_content h5 {
    font-weight: 500;
    font-size: 20px;
    color: #121C21;
    margin-bottom: 20px;
}
.news_content a {
    color: rgba(0, 110, 168, 1);
    text-decoration: none !important;
    text-transform: uppercase;
}
.news_content a i{
    transition: 0.6s;
}
.news_content a:hover i{
    margin-left: 20px;
}

.full-width-container {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

.news_detail .banner_content{
    background: #006EA8;
    /*padding: 20px 0 0;*/
}

.news_detail .title h1{
    color: #fff !important;
    font-size: 46px !important;
    width: 60%;
    padding: 20px 0;
}

.news_detail .banner_content .title{
    padding: 0 8%;
}

.news_detail .banner_content .breadcrumb{
    background: #0F4365 !important;
    padding: 20px 8% !important;
}

.product_detail.news_detail {
    margin: 0px;
    padding: 0px;
}

.news_detail .img-wrap img {
    width: 100%;
    height: auto;
}

.news_detail .banner_content .title {
    padding: 60px;
}

.news_detail .banner_content {
    height: 100%;
    display: flex;
    align-items: center;
}

.news_detail .title h1{
    width: 100%;
}

/*.news_detail{*/
/*    border-bottom: 1px solid #006EA8;*/
/*}*/

.news_data{
    padding-top: 40px ;
}
.news_data img   {
    width: 100%;
    height: 450px;
    object-fit: contain;
    border-radius: 10px;
    margin: 40px 0;
}
.news_data span{
    color: #006EA8;
}
.news_data h4{
    font-weight: 600;
    font-size: 24px;
    margin: 25px 0;
    color: #006EA8;
}

.blog_page .news-img {
    width: 55%;
    height: 400px;
}

.blog_page .news_content {
    width: 45%;
}




.blog_list .col-md-8 .blog_item{
    width:48%;
    margin-bottom: 40px;
}

.blog_list .news-img {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
}
.blog_list .news_content{
    width: 100%;
}



.blog_list .col-md-4 h4{
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    color: #006EA8;
}
.blog_list .col-md-4 .news-img {
    height: 160px;
}

.cart_page h4{ 
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    color: #006EA8;
}

.cart_page .form-control {
    border: none;
    border-bottom: 2px solid rgba(230, 241, 247, 1);
    border-radius: 0;
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0;
}
.cart_page form {
    background: rgba(250, 249, 253, 1);
    padding: 20px;
    border-radius: 10px;
}


.cart_page{
    padding: 60px 0;
}

.cart_details{
    background: rgba(250, 249, 253, 1);
    padding: 20px;
    border-radius: 10px;
}

.cart_head{
    display:flex;
    padding: 10px 0 20px;
    border-bottom: 1px solid rgba(230, 241, 247, 1);
}
.cart_head h5 {
    width: 25%;
    text-align: center;
    color: rgba(18, 28, 33, 1);
    font-size: 16px;
    font-weight: 600;
}
.cart_head h5:nth-child(2) {
    width: 50%;
}

.cart_pro {
    display: flex;
    align-items: center;
    padding: 20px 0 ;
    border-bottom: 1px solid rgba(230, 241, 247, 1);
}
.cart_pro  div {
    width: 25%;
    text-align: center; 
}
.cart_pro .pro_name {
    width: 50%;
}
.cart_img { 
    height: 140px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}
.cart_img img{
    width:100%;
    object-fit: cover;
    height:100%;
}
.pro_name h5{
    font-size: 16px;
    color: #333333;
}
.pro_name h5 span{
    display: block;
}


.pro_quan {
    display: flex;
    padding: 10px;
    justify-content: center;
    border: 1px solid #E6F1F7;
    filter: drop-shadow(0px 0px 20px rgba(216, 216, 216, 0.25));
    border-radius: 8px;
}


.pro_quan input {
    width:60%;
    background: transparent;
    text-align: center;
    border: none;
    outline: none;
}

.pro_quan span {
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.pro_delete a {
    color: #818181;
    text-decoration: none;
}
.pro_delete a i{
    color: rgba(51, 51, 51, 1);
}




















@media (max-width: 992px){
    .timeline .title {
        width: 100%;
    }.timeline {
        padding: 40px 0;
    }
    #year_slide:before {
        width: 78%;
    }
    #year_slide {
        margin-top: 20px;
    }
    /*#year_slide .swiper-slide h4 {*/
    /*    font-size: 58px;*/
    /*}*/
    #year_slide .swiper-slide span {
        height: 5px;
    }
    #year_slide .swiper-slide p {
        font-size: 14px;
    }
    .mission {
        padding: 40px 0;
    }
    .mission_vision {
         padding: 10px;
    }.map_location {
    position: relative;
}.loc-name.botswana {
    left: 45% !important;
    top: calc(57% + 40px)!important;
}.loc-name.zambia {
    left: 48% !important;
    top: calc(58% + 40px) !important;
}
	  .loc-name i {
		font-size: 12px !important;
	}.ind {
		top: calc(28% + 40px)  !important;
	}.usa {
		top: calc(35% + 40px)  !important;
    	left: 52%  !important;
	}.loc-name.faso {
		top: calc(43% + 40px)  !important;
		left: 38%  !important;
	}.loc-name.ghana {
    left: 43% !important;
    top: calc(38% + 40px) !important;
	}.loc-name.ivory {
    left: 32% !important;
    top: calc(37% + 40px) !important;
}.loc-name.togo {
    left: 40%  !important;
    top: calc(36% + 40px)  !important;
}.loc-name.came {
    left: 36%  !important;
    top: calc(38% + 40px)  !important;
}.loc-name.drc {
    left: 25%  !important;
    top: calc(52% + 40px)  !important;
}.loc-name.uganda { 
    left: 46%  !important;
    top: calc(55% + 40px)  !important;
}
	.loc-name.sene {
    left: 40% !important;
    top: calc(36% + 40px) !important;
	}
	.loc-name.mail {
		top: calc(34% + 40px)!important;
		left: 42%!important;
	}
    .mission_vision h4 {
        font-size: 28px;
    }
    .mission_vision p{
        font-size: 14px;
    }
    .group {
        padding: 40px 0;
    }
    
    .group .col-md-12.d-flex   {
        flex-wrap: wrap;
        text-align: center;
    }
    .group .col-md-12.d-flex .title {
        width: 100% !important;
    }
    .group li.nav-item {
        width: 50%;
    }
    .group .nav-pills {
        width: 100%;
    }
    .group .tab-content .team_item {
        width: 100%;
        padding: 20px;
    }
    .presence {
        padding: 40px 0;
    }
    .presence .title {
        width: 100%;
    }
    
    .testimonials {
        padding: 40px 0;
    }
    
    .testimonials .col-md-12.d-flex   {
        flex-wrap: wrap;
        text-align: center;
    }
    .testimonials .col-md-12.d-flex .title {
        width: 100% !important;
    }
    #testimonial .swiper-slide {
        gap: 20px;
        /*flex-wrap: wrap;*/
    }
    #testimonial {
        width: 100%;
    }
    #testimonial .test_img {
        /*width: 100%;*/
        height: 280px;
    }
    #testimonial .test_content {
        /*width: 100%; */
    text-align: left;
    }
    #testimonial .test_content h6 {
        margin-bottom: 10px; 
    }
    .test_nav {
        width: 100%; 
        box-shadow: none;
    }
    .test_nav .testimonial_icon {
        width: 50%;
        transform: unset;
    }
    .test_nav .swiper-button-prev {
        transform: rotate(180deg);
    }
    .group .nav-pills .nav-link {
        font-size: 14px;
    }
    .brands {
        padding: 40px 0;
    }
    .brands_item {
        padding: 10px;
        width: 48%;
    word-wrap: break-word;
    }
    .brands_list {
        margin-top: 20px;
    }
    .brands_list p {
        font-size: 14px;
        margin: 0;
    }
    .brands_item img {
        height: 28px;
    }
    .client_page {
        padding: 40px 0;
    }
    
    .client_page_logo {
        margin-top: 40px;
    }
    .client_page_logo_item {
        width: 48%;
    }
    .brand .brand_img {
        height: 150px;
        margin: 0;
    }
    .life {
        padding: 40px 0;
    }.life_list {
        margin-top: 20px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .life_item {
        width: 47%;
    }
    .life_item_img {
        height: 220px;
    }.life_item p {
        font-size: 14px;
        padding: 20px 40px;
    }
    .career_count {
        padding: 40px 0;
    }
    .career_number {
        width: 100%;
        flex-wrap: wrap;
    }
    .career_number_item {
        width: 100%;
        border-right: none;
        padding: 0;
        text-align: center;
    }
    .career_number_item h2 {
        font-size: 48px;
    }
    .career_number_item p {
        font-size: 14px;
    }
    .job {
        padding: 40px 0;
    }
    .job_list {
        gap: 20px;
        flex-wrap: wrap;
    }
    .job_item {
        padding: 30px ;
        width: 100%;
    }
    .resume {
        padding: 40px 0;
    }.resume .client_bg {
        width: 100%;
    }
    .resume .title {
        width: 60%;
    }.contact {
        padding: 40px 0;
    }
     .contact  .col-md-12.d-flex   {
        flex-wrap: wrap;
        text-align: left;
    }
    .contact  .col-md-12.d-flex .title {
        width: 100% !important;
     padding: 0;
    }
    .contact .form_contact .title img {
        height: 300px;
        margin: 20px auto 60px;
        border-bottom: none;
    }.map_details {
        padding: 40px 0 !important;
    }
    .map_details .title ul {
        gap: 20px;
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .contact .col-md-12.d-flex .w-50{
         width: 100% !important;
    }  
    .contact .col-md-12.d-flex .w-50 iframe{
        height: 300px;
    }
    
    
    .product_page.active .pro_item {
        width: 100% !important;
    }
    .product_page .pro_item {
        width: 48%;
    }
    .side_list {
        padding: 0;
    }
    .brand .high_img {
        padding: 10px;
        height: 250px;
    }
    /*.brand #product_slide .swiper-slide img {*/
    /*    height: 100px;*/
    /*}*/
    .product_page .title h4 {
        font-size: 22px;
    }
    .product_page  .col-md-7.pl-5 {
        padding: 0 4%!important;
    }
    .pro_details_content div {
        min-width: 100%;
        padding:0 4%;
    }
    
    .pro_details_content {
        flex-wrap: wrap;
    }
    
    
    .download_item {
            width: 48%;
        }
    
    #quality_slider {
        padding: 0 40px;
    }
    .quality .swiper-button-next {
        right: 2%;
    }.quality {
        padding: 40px 0;
    }
    .quality .swiper-button-prev {
        left: 2%;
    }.download {
        padding: 40px 0;
    }
    .gallery .nav-pills {
        padding: 10px 2%;
        justify-content: center !important;
    }
    .gallery .nav-pills li {
        width: auto;
        text-align: center;
    }
    .gallery .nav-pills li a:after {
        left: 0;
        transform: rotate(90deg) translate(-50%, 30%);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 12px solid #ffffff;
        top: 60%;
        bottom: unset;
    }
    .news_item {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        gap: 10px;
    }
    .news_content span {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .news_content h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .news_content p {
        font-size: 14px;
    }
    
    .news_detail .title h1 {
        font-size: 24px !important;
        width: 100%;
        padding: 10px 0;
    }
    
    .news_data img {
        height: 300px;
        margin: 20px 0;
    }
    .news_data p {
        font-size: 14px;
    }.news_data h4 {
        font-size: 18px;
        margin: 10px 0;
    }.news_detail .banner_content .title {
        padding: 0 0%;
    }.news_detail .banner_content .title {
        padding: 0 0%;
    }
}






@media only screen and (max-width: 760px) {
    
    .download_item {
        width: 100%;
    }
    .gallery .tab-content #lightgallery a {
        grid-column: span 4 !important;
    }
    .news_item {
        flex-wrap: wrap;
    }
    .news-img {
        width: 100% !important;
        height: 220px !important;
    }
    .news_content {
        width: 100% !important;
    }
    .blog_list .col-md-8 .blog_item {
        margin-bottom: 20px;
        flex-wrap: wrap;
        width: 100%;
    }.resume .title {
        width: 85%;
    }
    
    #testimonial .test_img {
        width: 100%;
        height: 280px;
    }
    
    #testimonial .swiper-slide {
        gap: 20px;
        flex-wrap: wrap;
    }#testimonial .test_content {
     width: 100%; 
    /*text-align: left;*/
}
    #testimonial {
        width: 100%;
    }
      .left_mission.text-right {
        width: 100%;
        padding-right: 0;
         margin-bottom: 10px;
        text-align: center !important;
    }
    .right_mission.text-left {
        width: 100%;
        padding-left: 0;
        text-align: center !important;
    }
    .mission_vision hr {
        display: none;
    }
    
    .news_detail .title h1 {
        width: 100%;
        padding: 10px 0;
        margin: 0px;
    }
    
    .news_detail .banner_content{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 1100px) {
   .contact .col-md-12.d-flex .w-50 {
        width: 100% !important;
    }
}




.btn_narula2.addToCartBtn{
    align-items: center;
}

.btn_narula2.addToCartBtn i{
    /*font-size: 26px;*/
    margin-left: 10px;
}

.btn_narula2.pdf_url i{
    /*font-size: 26px;*/
    margin-left: 10px;
}

.download_item .btn_narula2 i{
    font-size: 18px;
}

.download_item .btn_narula2 {
    display: inline-flex;
    font-size: 12px;
    box-shadow: none;
    padding: 5px 10px;
}

.loc-name {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    cursor: pointer;
    height: 30px;
}
.loc-name h4 {
    background: #fff;
    font-size: 16px !important;
    padding: 5px;
    opacity: 0;
    transition: 1s;
    transform: translateY(100%);
    /* position: absolute; */
    top: -92px;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* width: max-content; */
    /* display: none; */
    /* position: relative; */
}
.loc-name i:hover ~ h4 {
    opacity: 1;
    /* transform: translateY(0%); */
    display: block;
}
.loc-name i {
    font-size: 28px;
    position: relative;
    /* top: 50px; */
}
.ind{
    top: calc(50% + 40px);
    left: 65%;
}
.usa{
    top: calc(55% + 40px);
    left: 54%;
}

.loc-name.mail {
    top: calc(53% + 40px);
    left: 47%;
}

.loc-name.sene {
    left: 44%;
    top: calc(54% + 40px);
}

.loc-name.faso {
    top: calc(55% + 40px);
    left: 46%;
}

.loc-name.ghana {
    left: 46%;
    top: calc(57% + 40px);
}

.loc-name.ivory {
    left: 43%;
    top: calc(57% + 40px);
}
.loc-name.togo {
    left: 49%;
    top: 58%;
}
.loc-name.togo {
    left: 49%;
    top: calc(58% + 40px);
}

.loc-name.came {
    left: 48%;
    top: calc(60% + 40px);
}

.loc-name.drc {
    left: 46%;
    top: calc(64% + 40px);
}

.loc-name.uganda {
    left: 54%;
    top: calc(68% + 40px);
}
.loc-name.zambia {
    left: 53%;
    top: calc(70% + 40px);
}

.loc-name.botswana {
    left: 51%;
    top: calc(72% + 40px);
}
#year_slide .swiper-slide:nth-child(even) h4 {
    top: calc(40% + 1px);
    border-radius: 20px 20px 0 0;
}

#year_slide .swiper-slide .year_logo:before {
    content: "";
    border: 13px solid transparent;
    border-top-width: 28px;
    border-bottom-width: 28px;
    border-bottom-color: #f5f5f5;
    position: absolute;
    top: -51px;
    filter: drop-shadow(0px -3px 0px #dddddd);
}

#year_slide .swiper-slide:nth-child(odd) .year_logo:before {
    top: auto;
    bottom: -52px;
    border-bottom-color: transparent;
    border-top-color: #f5f5f5;
    border-top-width: 28px;
    filter: drop-shadow(0px 2px 0px #dddddd);
}
#year_slide .swiper-slide:nth-child(odd) p {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: 50px;
    align-items: center;
}
#year_slide .swiper-slide .year_logo:after {
    content: "";
    width: 2px;
    height: 57%;
    position: absolute;
    background: #dddddd;
    top: calc(100% + 23px);
}

#year_slide .swiper-slide:nth-child(even) .year_logo:after {
    top: -77px;
}
.download_list.text-left {
    justify-content: left;
}
.contact_poster img {
    width: 100%;
    height: auto;
}
.image-zoom-modal img#zoom-target-image {
    display: block;
    margin: 0 auto;
}
.image-zoom-modal button.close {
    right: 10px;
    left: auto;
    top: 10px;
}


/* After Cyberworx */
@media screen and (max-width: 992px){
    .product_detail .banner_content {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .product_detail {
        margin-top: 0px  
    }
    
    .breadcrumb {
        font-size: 12px;
    }
    
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 3px !important;
    }
    
    .breadcrumb-item+.breadcrumb-item::before{
        padding-right: 3px !important;
    }
}

@media (max-width: 768px){
.brands_item {
    padding: 10px;
    width: 100%;
    word-wrap: break-word;
}


}



/* product image magnifier */
.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    background: rgba(255, 255, 255, .35);
    pointer-events: none;
    z-index: 5;
}
.about_high_list .result_div {
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
    pointer-events: none;
    z-index: 20;
}

/* TablePress tables: full width, roomy cells (the plugin's own stylesheet is not part of the new site) */
.tablepress {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0;
}
.tablepress th,
.tablepress td {
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    word-break: normal;
}
.tablepress thead th {
    font-weight: 600;
    font-size: 14px;
    background: #006ea8;
    color: #fff;
}
@media (max-width: 992px) {
    .tablepress { display: block; overflow-x: auto; }
    .tablepress th, .tablepress td { padding: 6px 8px; font-size: 13px; }
}

/* Brands page (client.php) */
.client_page {
    padding: 80px 0;
    position: relative;
}
.client_page .title h4 {
    text-transform: uppercase;
}
.client_page .client_page_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 40px 55px;
}
.client_page_logo_item {
    width: 16%;
    margin-bottom: 4%;
    text-align: center;
}
.client_page_logo_item img {
    height: auto;
    margin-bottom: 20px;
}
@media (max-width: 992px) {
    .client_page { padding: 40px 0; }
    .client_page .client_page_list { padding: 20px 15px; }
    .client_page_logo_item { width: 48%; }
}

/* Downloads: dFlip-style book cover thumbnail (tilts open on hover) */
.book_thumb{display:block;box-sizing:border-box;margin:30px 15px 15px;width:calc(100% - 30px);text-align:center;transform-style:preserve-3d;perspective:800px}
.book_thumb .book_wrapper{display:inline-block;width:100%;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,.2);transform-origin:30%;transform-style:preserve-3d;transition:.2s;position:relative}
.book_thumb .book_page1,.book_thumb .book_page2{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform-origin:left;transition:.3s;z-index:1}
.book_thumb .book_cover{position:relative;top:0;overflow:hidden;transform-origin:left;transition:.3s;box-shadow:0 10px 10px rgba(0,0,0,.24);z-index:1}
.book_thumb .book_cover:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:linear-gradient(90deg,rgba(255,255,255,.15) 1%,rgba(0,0,0,.15) 3%,rgba(255,255,255,.15) 5%,rgba(255,255,255,0) 7%);box-shadow:inset 0 -1px 3px 0 rgba(80,80,80,.55)}
.book_thumb img{display:block;width:100%;height:auto;margin:0;padding:0;border:0}
.book_thumb:hover .book_page1{transform:rotateY(-8deg);box-shadow:2px 0 4px rgba(0,0,0,.2)}
.book_thumb:hover .book_page2{transform:rotateY(-14deg);box-shadow:2px 0 4px rgba(0,0,0,.2)}
.book_thumb:hover .book_wrapper{transform:rotateY(-15deg)}
.book_thumb:hover .book_cover{transform:rotateY(-18deg)}

/* Contact form (live uses a Zoho lead form with left labels) */
.zcwf_form{max-width:600px;padding:25px;margin:0 auto;text-align:left;background:#fff;color:#000}
.zcwf_form .zcwf_row{display:flex;align-items:flex-start;gap:10px;margin:15px 0;flex-wrap:wrap}
.zcwf_form .zcwf_row>label{width:30%;margin:5px 0 0;padding:0 6px;word-break:break-word}
.zcwf_form .zcwf_row>input,.zcwf_form .zcwf_row>select,.zcwf_form .zcwf_row>textarea,.zcwf_form .zcwf_row>div{flex:1;min-width:0;width:68%}
.zcwf_form input,.zcwf_form select,.zcwf_form textarea{border:1px solid #c0c6cc;border-radius:2px;padding:5px 10px;background:#fff;font-size:16px;resize:vertical}
.zcwf_form .req{color:red}
@media (max-width:991px){.zcwf_form .zcwf_row>label,.zcwf_form .zcwf_row>input,.zcwf_form .zcwf_row>select,.zcwf_form .zcwf_row>textarea,.zcwf_form .zcwf_row>div{width:100%;flex:none}.zcwf_form{padding:10px}}

/* FAQ page */
.faq-section{background:#f8f8f8;margin-top:0}
.faq-section .card{border-radius:10px;overflow:hidden}
.faq-section .card-header{padding:0;background:#fff}
.faq-section .btn-link{display:block;width:100%;padding:20px 50px 20px 20px;color:#222;font-size:18px;font-weight:600;text-decoration:none;text-align:left;position:relative;white-space:normal}
.faq-section .btn-link:hover{text-decoration:none}
.faq-section .btn-link:after{content:"+";position:absolute;right:20px;font-size:25px}
.faq-section .btn-link:not(.collapsed):after{content:"\2212"}
.faq-section .card-body{padding:20px;line-height:28px;color:#666}
.faq-section .card-body ul{margin:10px 0;padding-left:1.1em;list-style-position:outside}
.faq-section .card-body li{margin-bottom:5px}
.faq-section .collapse:not(.show){display:none}

/* brand page logos sit inside Swiper slides, so the item fills the slide instead of the old 16% grid width */
.client_page #client .client_page_logo_item{width:100%;margin-bottom:0}
/* brand logos: slide holds the item, logo fills the item width (live: the item IS the slide) */
.client_page #client .client_page_logo_item a{display:block}
.client_page #client .client_page_logo_item img{width:100%;height:auto;margin-bottom:0}

/* enquiry popup: the X sits above the header row (it was covered, so clicks never reached it) */
.carrer_form_popup .modal-content{position:relative}
.carrer_form_popup button.close{z-index:5;left:auto;right:12px;top:8px;width:40px;height:40px;padding:0;line-height:1;background:transparent;cursor:pointer}
.carrer_form_popup .modal-header h3.job_title{max-width:85%}
/* phone field with a country-code picker: the select is invisible text-wise except the +code, shown over it */
.enq_phone{display:flex;gap:8px;align-items:stretch;position:relative}
.enq_phone .enq_dial{flex:0 0 92px;width:92px;color:transparent;padding-right:22px;cursor:pointer}
.enq_phone .enq_dial option{color:#1c1c1c}
.enq_phone .enq_dial_show{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#1c1c1c}
.enq_phone input{flex:1 1 auto;min-width:0}
/* download popup (Catalogues form): same row spacing as the live site */
.carrer_form_popup #job_apply_form .form-group{margin-bottom:32px}
/* product zoom: the gallery column is position:sticky (its own stacking layer), so lift it above the description text
   column, otherwise the text is painted over the zoomed picture */
.product_page .about_high_list{z-index:30}
/* product page: tighter space between the header and the product title (desktop only; mobile already has none) */
@media screen and (min-width: 993px){
    .product_detail:not(.news_detail){margin-top:35px}
}

/* ---- responsive: wide tables scroll inside their own box (never cut off, never stretch the page) ---- */
.tbl_scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;scrollbar-width:thin}
.tbl_scroll > table{margin:0 !important;width:100%}
.tbl_scroll > table.tablepress{min-width:640px}
.brand .col-md-7,.product_page .col-md-7,.product_page .col-12{min-width:0}
@media (max-width:767px){
  .tbl_scroll > table.tablepress{min-width:560px}
  .tbl_scroll th,.tbl_scroll td{font-size:13px;padding:6px 8px !important}
}
/* quality certificates slider: on laptops / tablets the side arrows sit inside the page instead of 6% outside it */
@media (max-width: 1280px){
    .quality .swiper-button-prev{left:0;z-index:5}
    .quality .swiper-button-next{right:0;z-index:5}
}
/* spec tables: from 992px up the whole table fits its column (smaller type, long words wrap);
   on phones it keeps a readable width and scrolls sideways inside .tbl_scroll */
@media (min-width: 992px){
    .tbl_scroll > table.tablepress{min-width:0;table-layout:fixed}
    .tbl_scroll > table.tablepress th,
    .tbl_scroll > table.tablepress td{font-size:13px;padding:8px 6px;overflow-wrap:anywhere}
    /* the label column keeps whole words; the value columns may break a long word if they must */
    .tbl_scroll > table.tablepress th.column-1,
    .tbl_scroll > table.tablepress td.column-1{width:20%;overflow-wrap:break-word}
}
@media (min-width: 1500px){
    .tbl_scroll > table.tablepress th,
    .tbl_scroll > table.tablepress td{font-size:14px;padding:9px 10px}
}
.tbl_scroll{border-radius:4px}

/* product / category grid: a % row-gap resolves against the list's own height, so every row got pushed down while the list stayed short
   and the text after the list overlapped the last cards. Use a column gap only (rows are spaced by .pro_item margin-bottom). */
.pro_list{row-gap:0;column-gap:2%}