@charset "utf-8";

/* Fonts */

@import "../font/font.css";

@import "../fontawesome/all.css";

/* Bootstrap */

@import "../bootstrap/css/bootstrap.min.css";

/* Fancybox */

@import "../fancybox/css/jquery.fancybox.min.css";

/* aos animataion */

@import "../aos/css/aos.css";

/* Slick */

@import "../slick/css/slick.css";

@import "../slick/css/slick-theme.css";

:root {

  --primary: #19227f;

  --secondary: #ff6908;

  --secondaryLight: #e8d2c8;

  --black: #000000;

  --dark: #20223c;

  --gray: #3a3c4a;

  --grayLight: #C7C9DA;

  --silver: #ecedf8;

  --light: #f5f4f3;

  --smoke: #f6f7fc;

  --smokeLight: #E7E8F0;

  --white: #ffffff;



  --fontWeight300: 300;

  --fontWeight400: 400;

  --fontWeight500: 500;

  --fontWeight600: 600;

  --fontWeight700: 700;

  --fontWeight800: 800;

  --fontWeight900: 900;



  --separateLine: 120px;



  --font-Poppins: "Poppins", sans-serif;

  --font-Roboto: "Roboto", sans-serif;

}

.text-justify{

  text-align: justify !important;

}

html {

  overflow-x: hidden;

}

body {

  font-family: var(--font-Poppins);

  overflow-x: hidden;

}

ul, ol {

    list-style: none;

    padding: 0;

}

a {

    text-decoration: none;

}

hr {

  border-top-color: #9f9f9f;

}



.primary {color: var(--primary) !important;}



.section {

  padding-top: 120px;

  padding-bottom: 120px;

}

.text-primary {color: var(--primary) !important;}

.text-secondary {color: var(--secondary) !important;}

.text-dark {color: var(--dark) !important;}

.text-gray {color: var(--gray) !important;}

.text-light {color: var(--light) !important;}

.bg-primary {background-color: var(--primary) !important;}

.bg-secondary {background-color: var(--secondary) !important;}

.bg-dark {background-color: var(--dark) !important;}

.bg-gray {background-color: var(--gray) !important;}

.bg-light {background-color: var(--light) !important;}

.before-primary:before {background-color: var(--primary);}

.before-secondary:before {background-color: var(--secondary);}

.before-black:before {background-color: var(--black);}

.before-dark:before {background-color: var(--dark);}

.before-white:before {background-color: var(--white);}

.before-gray:before {background-color: var(--gray);}

.section-md {padding-top: 80px;padding-bottom: 80px;}

.section-sm {padding-top: 30px;padding-bottom: 30px;}

@media (min-width: 1441px) {

  .container-fluid {

    padding-left: 100px;

    padding-right: 100px;

  }

}

@media (min-width: 1366px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    max-width: 1290px;

  }

}

@media (max-width: 992px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    max-width: 100%;

  }

}

.btn {

  font-size: 15px;

  font-weight: var(--fontWeight500);

  letter-spacing: 1px;

  border-width: 2px;

  border-style: solid;

  border-color: transparent;

  text-transform: uppercase;

  border-radius: 50rem;

  padding: 0.985rem 30px;

  position: relative;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  overflow: hidden;



  transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;

  -webkit-clip-path: inset(0 round 10px);

  clip-path: inset(0 round 10px);

}

.btn span {

  position: relative;

  z-index: 3;

}

.btn:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: var(--white);

  top: 0;

  left: 0;

  z-index: 1;

  border-radius: 50rem;

  pointer-events: none;

  transform-origin: 100% 50%;

  transform: scale3d(0, 1, 1);

  transition: transform 0.3s;

}

.btn:hover:before {

  border-radius: 50rem;

  transform-origin: 0% 50%;

  transform: scale3d(1, 1, 1);

}

.btn-arrow {

  display: block;

  position: relative;

  width: 14px;

  height: 14px;

  position: relative;

  z-index: 3;

}

.btn-arrow:before {

  content: "";

  -webkit-mask-size: contain;

  mask-size: contain;

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-position: center;

  mask-position: center;

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  transition: opacity 0.3s ease, background-color 0.3s ease;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;



  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28299 1.69672L10.9398 1.69672C11.4921 1.69672 11.9398 2.14443 11.9398 2.69672V7.35357M11.2327 2.40383L1.33325 12.3033' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

  mask-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28299 1.69672L10.9398 1.69672C11.4921 1.69672 11.9398 2.14443 11.9398 2.69672V7.35357M11.2327 2.40383L1.33325 12.3033' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

}

.btn:hover .btn-arrow:before {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}

/* btn-secondary-fill */

.btn-secondary-fill {

  color: var(--white);

  border-color: var(--secondary);

  background-color: var(--secondary);

}

.btn-secondary-fill:before {

    background-color: var(--white);

}

.btn-secondary-fill .btn-arrow:before {

    background-color: var(--white);

}

.btn-secondary-fill.active .btn-arrow:before,

.btn-secondary-fill:first-child:active .btn-arrow:before,

:not(.btn-check) + .btn-secondary-fill:active .btn-arrow:before,

.btn:hover .btn-arrow:before {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}

.btn-secondary-fill.active .btn-arrow:before,

.btn-secondary-fill:first-child:active .btn-arrow:before,

:not(.btn-check) + .btn-secondary-fill:active .btn-arrow:before,

.btn-secondary-fill:hover .btn-arrow:before {

  background-color: var(--secondary);

}

.btn-secondary-fill.active,

.btn-secondary-fill:first-child:active,

:not(.btn-check) + .btn-secondary-fill:active,

.btn-secondary-fill:hover {

  color: var(--secondary);

  border-color: var(--secondary);

}

/* btn-white-fill */

.btn-white-fill {

  color: var(--dark);

  border-color: var(--white);

  background-color: var(--white);

}

.btn-white-fill:before {

    background-color: var(--dark);

}

.btn-white-fill .btn-arrow:before {

    background-color: var(--dark);

}

.btn-white-fill.active .btn-arrow:before,

.btn-white-fill:first-child:active .btn-arrow:before,

:not(.btn-check) + .btn-white-fill:active .btn-arrow:before,

.btn:hover .btn-arrow:before {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}

.btn-white-fill.active .btn-arrow:before,

.btn-white-fill:first-child:active .btn-arrow:before,

:not(.btn-check) + .btn-white-fill:active .btn-arrow:before,

.btn-white-fill:hover .btn-arrow:before {

  background-color: var(--white);

}

.btn-white-fill.active,

.btn-white-fill:first-child:active,

:not(.btn-check) + .btn-white-fill:active,

.btn-white-fill:hover {

  color: var(--white);

  border-color: var(--white);

}

/* btn-secondary-outline */

.btn-secondary-outline {

  color: var(--secondary);

  border-color: var(--secondary);

  background-color: var(--white);

}

.btn-secondary-outline:before {

    background-color: var(--secondary);

}

.btn-secondary-outline .btn-arrow:before {

    background-color: var(--secondary);

}

.btn-secondary-outline.active .btn-arrow:before,

.btn-secondary-outline:first-child:active .btn-arrow:before,

:not(.btn-check) + .btn-secondary-outline:active .btn-arrow:before,

.btn:hover .btn-arrow:before {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}

.btn-secondary-outline.active .btn-arrow:before,

.btn-secondary-outline:first-child:active .btn-arrow:before,

:not(.btn-check) + .btn-secondary-outline:active .btn-arrow:before,

.btn-secondary-outline:hover .btn-arrow:before {

  background-color: var(--white);

}

.btn-secondary-outline.active,

.btn-secondary-outline:first-child:active,

:not(.btn-check) + .btn-secondary-outline:active,

.btn-secondary-outline:hover {

  color: var(--white);

  border-color: var(--secondary);

}

/* btn-link  */

.btn-link {

  color: var(--secondary);

  text-decoration: none;

}

.btn-link:hover {

  color: var(--primary);

  text-decoration: underline;

}

p {

  font-size: 16px;

  line-height: 30px;

  color: var(--gray);

  margin-bottom: 1.75rem;

  font-weight: var(--fontWeight400);

}

.peraT {

  font-size: 19px;

  line-height: 1.7;

  font-weight: var(--fontWeight300);

}

h4,

.h4 {

  font-size: 26px;

  line-height: 1.1;

  font-weight: var(--fontWeight500);

}

.before-none:before {

  display: none !important;

}

.after-none:after {

  display: none !important;

}

.zIndex-3 {

  z-index: 3;

}

.zIndex-4 {

  z-index: 4;

}

.zIndex-5 {

  z-index: 5;

}

.fontWeight300 {

  font-weight: var(--fontWeight300);

}

.fontWeight400 {

  font-weight: var(--fontWeight400);

}

.fontWeight500 {

  font-weight: var(--fontWeight500);

}

.fontWeight600 {

  font-weight: var(--fontWeight600);

}

.fontWeight700 {

  font-weight: var(--fontWeight700);

}

.fontWeigh800 {

  font-weight: var(--fontWeight800);

}

/* header */

.header {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  z-index: 999;

}

.header .headT {

  background: var(--primary);

  padding-top: 8px;

  padding-bottom: 8px;

}

.header .headB {

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  background-color: var(--white);

}

.htContact span:not(:last-child) {

  margin-right: 1rem;

}

.htContact span i {

  font-size: 15px;

  color: var(--white);

}

.htContact span a {

  font-weight: var(--fontWeight400);

  font-size: 15px;

  color: var(--white);

  text-decoration: none;

}

.htRight {

  gap: 20px;

}

.socialMedia {

  gap: 12px;

}

.socialMedia a {

  width: 34px;

  height: 34px;

  border-radius: 50rem;

  border: 1.5px solid rgb(255 255 255 / 25%);

  display: inline-flex;

  align-items: center;

  justify-content: center;



  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.socialMedia a:hover {

  border: 1.5px solid rgb(255 255 255 / 65%);

}

.ftLinks {

  gap: 20px;

}

.ftLinks a {

  font-size: 13px;

  color: var(--white);

  font-weight: var(--fontWeight400);



  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.ftLinks a:hover {

  color: var(--secondary);

}

.gLanguage a {

  display: inline-flex;

  align-items: center;

  gap: 10px;

}

.gLanguage a > span {

  font-size: 13px;

  font-weight: var(--fontWeight400);

}

.header .navbar-nav .nav-item .dropdown-menu {

  border-radius: 0;

  border: none;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.header .navbar-nav .nav-item > .nav-link {

  font-weight: var(--fontWeight500);

  font-size: 16px;

  position: relative;

  color: var(--dark);

}

.header .navbar-nav .nav-item.uddan > .nav-link > img {

  position: relative;

  top: -8px;

}

.header .navbar-nav .nav-item > .nav-link:hover {

  color: var(--secondary);

}

.navbarLeft .dropdown-menu > li > a {

  color: var(--gray);

  font-weight: var(--fontWeight500);

}

.navbarLeft .dropdown-menu > li > a.dropdown-item.active,

.navbarLeft .dropdown-menu > li > a.dropdown-item:active,

.navbarLeft .dropdown-menu > li > a.dropdown-item:focus,

.navbarLeft .dropdown-menu > li > a.dropdown-item:hover {

  background-color: #f8f9fa;

  color: var(--dark);

}

.navbarLeft .dropdown-menu > li > a.dropdown-item.active {

  color: var(--secondary);

}

.hSearch {

  margin-left: 20px;

  padding-left: 30px;

  position: relative;

}

.hSearch:before {

  content: "";

  width: 2px;

  height: 30px;

  background-color: var(--primary);

  opacity: 0.15;

  position: absolute;

  top: -2px;

  left: 0;

}

.hSearch a svg circle,

.hSearch a svg path {

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.hSearch a:hover svg circle,

.hSearch a:hover svg path {

  stroke: var(--secondary);

}

.hBrocher {

    margin-right: 20px;

    margin-left: 20px;

}

/* sticky */

.header.sticky .headT {

  opacity: 0;

  display: none !important;

  visibility: hidden;

}

.header.sticky .headB {

  background-color: rgba(255, 255, 255, 0.86);



  box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);

  -webkit-box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);



  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

}

.header.sticky .headB .navbar {

  border-bottom: 0;

  border-radius: 0;

  background: transparent;

}

.header.sticky .navbar-nav .nav-item > .nav-link {

  padding-top: 22px;

  padding-bottom: 22px;

}

.animated {

  -webkit-animation-duration: 0.6s;

  animation-duration: 0.6s;



  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.slideInDown {

  -webkit-animation-name: bm;

  animation-name: bm;

}

@-webkit-keyframes bm {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -ms-transform: translate3d(0, -100%, 0);

    -o-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@-moz-keyframes bm {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -ms-transform: translate3d(0, -100%, 0);

    -o-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@-o-keyframes bm {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -ms-transform: translate3d(0, -100%, 0);

    -o-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bm {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -ms-transform: translate3d(0, -100%, 0);

    -o-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

  }

}

/* /sticky */

/* navIcon */

#navIcon {

  width: 20px;

  height: 20px;

  position: relative;

  cursor: pointer;

  border: none;



  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);



  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

#navIcon:focus {

  outline: none;



  box-shadow: none;

  -webkit-box-shadow: none;

}

#navIcon span {

  display: block;

  position: absolute;

  height: 4px;

  width: 100%;

  background: var(--dark);

  border-radius: 6px;

  opacity: 1;

  left: 0;



  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);



  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

#navIcon span:nth-child(1) {

  top: 0;

}

#navIcon span:nth-child(2),

#navIcon span:nth-child(3) {

  top: 9px;

}

#navIcon span:nth-child(4) {

  top: 18px;

}

#navIcon.open span:nth-child(1) {

  top: 18px;

  width: 0%;

  left: 50%;

}

#navIcon.open span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#navIcon.open span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

#navIcon.open span:nth-child(4) {

  top: 18px;

  width: 0%;

  left: 50%;

}

/* /navIcon */

@media (min-width: 992px) {

  .header .navbar-nav .nav-item > .nav-link {

    padding: 30px 8px;

  }

  .header .navbar-nav .nav-item:hover > .nav-link.active:before,

  .header .navbar-nav .nav-item > .nav-link:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 3px;

    left: 0;

    right: 0;

    top: -4px;

    margin: 0 auto;

    background: var(--secondary);

    opacity: 0;



    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);



    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

  }

  .header .navbar-nav .nav-item > .nav-link.active:before,

  .header .navbar-nav .nav-item:hover > .nav-link.active:before {

    opacity: 1;



    -webkit-transform: translateY(3px);

    transform: translateY(3px);

  }

  .header .navbar-nav .nav-item:hover > .nav-link:before {

    background: var(--primary);

    opacity: 0.2;



    -webkit-transform: translateY(3px);

    transform: translateY(3px);

  }

  .header .navbar-nav .nav-item {

    padding-right: 4px;

    padding-left: 4px;

  }

  .header .navbar-nav .nav-item .dropdown-menu {

    -webkit-box-shadow: 0 8px 12px rgb(0 0 0 / 10%);

    box-shadow: 0 8px 12px rgb(0 0 0 / 10%);

  }

  .header .navbar-nav .nav-item > .nav-link.active {

    color: var(--secondary);

  }

  .header .navbar-nav .nav-item .dropdown-menu {

    opacity: 0;

    left: 0;

    display: block !important;

    visibility: hidden;

    margin-top: 0;



    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

    transform: translateY(50px);

  }

  .header

    .navbar-nav

    .nav-item.dropdown

    .nav-link.dropdown-toggle.show

    + .dropdown-menu,

  .header .navbar-nav .nav-item.dropdown:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;



    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

  }

  .navbarLeft .dropdown-menu > li > a {

    font-size: 15px;

    padding: 12px 30px;

  }

  .header .navbar-brand > img,

  .header.sticky .navbar-brand > img {

    max-width: 210px;

  }

}

@media (max-width: 1200px) {

  .header .navbar-brand > img {

    max-width: 180px;

  }

}

@media (max-width: 992px) {

  .header .headB {

    border-top-color: rgba(255, 255, 255, 0.08);

    box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);

    -webkit-box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

  }

  .header .navbarLeft {

    position: absolute;

    top: 100%;

    width: 100%;

    background: var(--white);

    left: 0;

  }

  .header .navbar-nav {

    padding: 30px 10px;

  }

  .header .navbar-brand > img {

    padding-top: 4px;

    padding-bottom: 4px;

  }

  .navbarLeft .dropdown-menu > li > a {

    font-size: 14px;

    padding: 6px 20px;

  }

  .header .navbar-brand > img,

  .header.sticky .navbar-brand > img {

    max-width: 160px;

  }

}

/* /header */

/* hBanner */

.hSlider .slick-list .hsItem,

.hSlider .slick-list {

  position: relative;

  height: 100vh;



}

.hSlider .slick-list:before {

  content: "";

  width: 100%;

  height: 100%;

  /* background-color: var(--primary);

  opacity: 0.2; */

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.hSlider .slick-list .hsItem:before, .hSlider .slick-list .hsItem:after {

  content: "";

  width: 320px;

  height: 100%;

  position: absolute;

  top: 0;

  opacity: 0.5;

}

.hSlider .slick-list .hsItem:before {

  background: linear-gradient(90deg, var(--dark), transparent)0;

  left: 0;

}

.hSlider .slick-list .hsItem:after {

  background: linear-gradient(90deg, transparent, var(--dark));

  right: 0;

}

.hBanner .slick-arrow {

  z-index: 99;

  display: flex;

  align-items: center;

  width: unset;

  height: unset;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.hBanner .slick-arrow:after {

  width: 55px;

  flex: 0 0 55px;

  height: 55px;

  background: rgb(255 255 255 / 20%);

  border: 1px solid rgb(255 255 255 / 20%);

  border-radius: 50rem;

  font-size: 13px !important;

  color: var(--white);

  display: flex;

  align-items: center;

  justify-content: center;

}

.hBanner .slick-arrow.slick-prev {

  left: 30px;

  opacity: 0;

  gap: 10px;

  -webkit-transform: translateX(-200px);

  transform: translateX(-200px);

}

.hBanner:hover .slick-arrow.slick-prev {

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.hBanner .slick-arrow.slick-next {

  right: 30px;

  opacity: 0;

  gap: 20px;

  -webkit-transform: translateX(200px);

  transform: translateX(200px);

}

.hBanner .slick-arrow.slick-next:before {

  order: 2;

}

.hBanner:hover .slick-arrow.slick-next {

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

@media (min-width: 768px) {

  .hBanner .slick-arrow:before {

    content: "" !important;

    width: 60px;

    flex: 0 0 60px;

    height: 1px;

    background: var(--white);

    display: inline-block;

  }

  .hBanner .slick-arrow.slick-prev:after {

    content: "PREV";

  }

  .hBanner .slick-arrow.slick-next:after {

    content: "NEXT";

    order: 1;

  }

}

/* /hBanner */

/* exploreMore */

.exploreMore .emLeft {

  display: flex;

  align-items: center;

  gap: 40px;

}

.exploreMore .emLeft .emliPr h4 {

    color: var(--secondary);

    font-size: 34px;

}

.exploreMore .emLeft .emliPr p {

  color: var(--gray);

  font-size: 14px;

  line-height: 1.2;

  letter-spacing: 1px;

}

.exploreMore .emLeft .emliEx a {

  width: 120px;

  height: 120px;

  background-color: var(--dark);

  border-radius: 50rem;

  padding: 20px;

  gap: 15px;



  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.exploreMore .emLeft .emliEx a span {

  color: var(--white);

  font-size: 14px;

  line-height: 1.2;

  letter-spacing: 1px;



  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.exploreMore .emLeft .emliEx a svg path {

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.exploreMore .emLeft .emliEx a:hover {

  background-color: var(--secondary);

}

.exploreMore .emLeft .emliEx a:hover svg path {

  stroke: var(--white);

}

.exploreMore .emLeft .emliEx a:hover svg {

    animation: 1s ease-in-out infinite bmWobbleHorizontal;

}

.exploreMore .emRight {

  display: flex;

  align-items: center;

  padding: 50px 100px;

  background: var(--dark);

  z-index: 2;

}

.exploreMore .emRight .emrItems:not(:last-child) {

  padding-right: 80px;

  margin-right: 80px;

  position: relative;

}

.exploreMore .emRight .emrItems:not(:last-child):after {

  content: "";

  width: 1px;

  height: 70px;

  background: var(--white);

  opacity: 0.15;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}

.exploreMore .emRight .emrItems h4 {

  color: var(--white);

  font-size: 60px;

}

.exploreMore .emRight .emrItems h4 span {

  color: var(--secondary);

}

.exploreMore .emRight .emrItems p {

  color: var(--white);

  font-size: 14px;

  line-height: 1.2;

  letter-spacing: 1px;

}

@media (min-width: 1200px) {

  .exploreMore .emRight {

    position: absolute;

    top: 0px;

    right: 0;

    max-width: 40%;

    width: 100%;

  }

}

/* /exploreMore */

/* about */

.title {

    position: relative;

    margin-bottom: 40px;

    display: inline-flex;

    align-items: center;

    gap: 20px;

}

.title:before {

    /*content: "";*/

    /*width: 60px;*/

    /*height: 2px;*/

    /*background: var(--secondary);*/

    /*opacity: 0.3;*/

    /*display: inline-block;*/

}

.title span {

  color: #19227F;

    font-weight: var(--fontWeight600);

    line-height: 40px;

    font-size: 34px;

    text-transform: uppercase;

    font-weight: bold;

}

.title-dark span {

  color: var(--secondary);

    font-weight: var(--fontWeight600);

    line-height: 40px;

    font-size: 34px;

}

.iList li {

    padding-left: 35px;

    position: relative;

}

.iList li svg {

    position: absolute;

    top: 0px;

    left: 0;

}

.iList li:not(:last-child) {

    margin-bottom: 17px;

}

.iList li span {

    font-size: 18px;

    color: var(--gray);

    font-weight: var(--fontWeight500);

}

.about-video {

    position: absolute;

    bottom: -70px;

    right: 0;

    background-color: var(--silver);

    padding: 45px 50px;

    max-width: 460px;

    z-index: 3;

}

.about-video p {

    font-size: 18px;

    color: var(--dark);

    font-weight: var(--fontWeight500);

    line-height: 24px;

    margin-bottom: 20px;

}

.about-video .av-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}

.about-video .av-link span {

    font-size: 16px;

    color: var(--gray);

    flex: 1;

    display: flex;

    align-items: center;

    white-space: nowrap;

    gap: 20px;

}

.about-video .av-link span:after {

    content: '';

    display: inline-block;

    width: 100%;

    height: 2px;

    background-color: var(--grayLight);

}

.about-video .av-link .btn-play {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    border-radius: 50rem;

    background-color: var(--primary);



    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

.about-video .av-link .btn-play i {

    color: var(--white);

    font-size: 12px;

    position: relative;

    left: 1px;

}

.about-video .av-link .btn-play:hover {

    background-color: var(--secondary);

}

.color-about {

    background-color: var(--light);

}

.color-light-blue {

    background-color: #f1f2ff !important;

}

.about-bottom {

    margin-top: 80px;

    background-color: #f1f2ff;

    padding: 100px;

    border-radius: 22px;

}

.about-bottom .abItems {

    position: relative;

}

.about-bottom .abItems:not(:last-child):before,

.about-bottom .abItems:not(:last-child):after {

    content: "";

    position: absolute;

}

.about-bottom .abItems:not(:last-child):before {

    background-color: var(--dark);

    opacity: 0.8;

}

.about-bottom .abItems:not(:last-child):after {

    background-color: var(--white);

}

.abBox h5 {

    font-size: 30px;

    color: var(--dark);

    line-height: 24px;

    margin-bottom: 30px;

}

.abBox .abbTex {

    /* padding-left: 100px; */

    position: relative;

    font-size: 25px;

    font-weight: var(--fontWeight600);

    line-height: 1.2;

    text-transform: uppercase;

    color: var(--primary);

    margin-bottom: 20px;

    display: block;

}



@media (max-width: 1200px) {

    .abBox .abbTex {

        font-size: 22px;

        padding-left: 90px;

    }

}



@media (max-width: 991px) {

    .abBox .abbTex {

        font-size: 20px;

        padding-left: 85px;

    }

}



@media (max-width: 767px) {

    .abBox .abbTex {

        font-size: 18px;

        padding-left: 80px;

    }

}



@media (max-width: 575px) {

    .abBox .abbTex {

        font-size: 16px;

        padding-left: 70px;

    }

}



.abBox .abbNum {

    font-size: 40px;

    font-weight: var(--fontWeight600);

    color: var(--white);

    background-color: var(--primary);

    line-height: 1.2;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    border: 1px solid var(--primary);

    border-radius: 50%;

    width: 80px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    z-index: 1;

}



@media (max-width: 1200px) {

    .abBox .abbNum {

        font-size: 35px;

        width: 75px;

        height: 75px;

    }

}



@media (max-width: 991px) {

    .abBox .abbNum {

        font-size: 32px;

        width: 70px;

        height: 70px;

    }

}



@media (max-width: 767px) {

    .abBox .abbNum {

        font-size: 28px;

        width: 65px;

        height: 65px;

    }

}



@media (max-width: 575px) {

    .abBox .abbNum {

        font-size: 24px;

        width: 55px;

        height: 55px;

    }

}

.checkList {

    margin: 0;

}

.checkList li {

    padding-left: 25px;

    position: relative;

}

.checkList li svg {

    position: absolute;

    top: 10px;

    left: 0;

}

.checkList li:not(:last-child) {

    margin-bottom: 5px;



}

.checkList li span {

    font-size: 16px;

    line-height: 30px;

    color: var(--gray);

    /* font-weight: var(--fontWeight300); */

}

.checkList li:hover li::marker {

  color: var(--primary);

}

@media (min-width: 768px) {

    .about-bottom .abItems {

        padding-left: 30px;

        padding-right: 30px;

        position: relative;

    }

    .about-bottom .abItems:not(:last-child):before,

    .about-bottom .abItems:not(:last-child):after {

        width: 2px;

        height: 94%;

        top: 50%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

    }

    .about-bottom .abItems:not(:last-child):before {

        right: 0;

    }

    .about-bottom .abItems:not(:last-child):after {

        right: 2px;

    }

}

@media (max-width: 768px) {

    .about-bottom .abItems {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .about-bottom .abItems:not(:last-child):before,

    .about-bottom .abItems:not(:last-child):after {

        height: 1px;

        width: 100%;

        left: 0;

    }

    .about-bottom .abItems:not(:last-child):before {

        bottom: 0;

    }

    .about-bottom .abItems:not(:last-child):after {

        bottom: 1px;

    }

}

/* /about */

/* whoWeArea */

.before-none:before {

  display: none;

}

.wwaICont > .container {

    position: relative;

    z-index: 3;

}

.wwaICont .wwaICBox {

  padding: 100px;

  padding-left: 130px;

}

.wwaITitle {

  position: relative;

  z-index: 4;

}

.wwaICR {

  width: 50%;

  height: 100%;

  position: absolute;

  top: 0;

}

.wwaICL {

  width: 50%;

  height: 100%;

  position: absolute;

  top: 0;

  z-index: 2;

}

.wwaIImg {

    position: absolute;

    top: 0;

    width: 100%;

    /* height: 100%; */

}

.wwaIImg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.wwaIImg * {

  height: 100%;

}

.whoWeArea .wwaItems:not(:last-child) {

  margin-bottom: 100px;

}

.whoWeArea .wwaItems:nth-child(odd) .wwaIImg {

    right: 0;

}

.whoWeArea .wwaItems:nth-child(odd) .wwaICL {

  /* background: var(--primary); */

  left: 0;

}

.whoWeArea .wwaItems:nth-child(odd) .wwaICR {

  right: 0;

  background: var(--smoke);

}

.whoWeArea .wwaItems:nth-child(even) .wwaIImg {

  left: -100px;

}

.whoWeArea .wwaItems:nth-child(even) .wwaICL {

  background: var(--secondary);

  right: 0;

}

.whoWeArea .wwaItems:nth-child(even) .wwaICR {

  left: 0;

  background: #FCF8F5;

}



/* /whoWeArea */

/* globalReach */

/* .globalReach {

    background: var(--light);

} */

/* /globalReach */

/* whyChoose */

.whyChoose {

  padding: 80px 0;

    background: #fff;

 }

 .main-title {

  color: #24276C;

  font-size: 36px;

  font-weight: bold;

  margin-bottom: 20px;

}



.subtitle {

  max-width: 1200px;

  margin: 0 auto 30px;

}



.sclItems {

  text-align: center;

  margin-bottom: 30px;

}

.sclIcn.bmPop {

  width: 100%;

  max-width: 200px;

  height: auto;

  /* aspect-ratio: 1; */

  padding: 15px;

  /* margin: 0 auto 15px; */

  /* background: #f5f5f5;

  border-radius: 50%; */

  display: flex;

  align-items: center;

  justify-content: center;

  /* border: 2px solid var(--primary); */

}



.sclIcn img {

  width: 100%;

  height: auto;

  max-height: 100px;

  object-fit: contain;

}



@media (max-width: 1199.98px) {

  .sclIcn.bmPop {

      padding: 25px;

  }

  .sclIcn img {

    max-height: 80px;

  }

}



@media (max-width: 991.98px) {

  .sclIcn.bmPop {

      max-width: 180px;

      padding: 20px;

  }

  .sclIcn img {

    max-height: 60px;

  }

}



@media (max-width: 575.98px) {

  .sclIcn.bmPop {

      max-width: 150px;

      padding: 15px;

  }



  .sclCont h4 {

      font-size: 18px;

  }



  .sclCont p {

      font-size: 13px;

  }

}



.sclCont h4 {

  color: #24276C;

  font-size: 20px;

  margin-bottom: 10px;

  font-weight: var(--fontWeight600);

}



.sclCont p {

  font-size: 14px;

  line-height: 1.4;

  color: #666;

}



/* Custom 5-column layout */

.col-lg-15 {

  width: 20%;

  float: left;

  padding: 0 15px;

}



@media (max-width: 991px) {

  .col-lg-15 {

      width: 33.333%;

  }

}



@media (max-width: 767px) {

  .col-lg-15 {

      width: 50%;

  }

}



.btn-primary {

  background: #24276C;

  color: white;

  padding: 12px 30px;

  border-radius: 10px;

  text-decoration: none;

  display: inline-block;

  margin-bottom: 20px;

 font-weight: var(--fontWeight600);

 font-size: 16px;

 border: 1px solid #24276C;

}

.btn-primary:hover {

  background: white !important;

  color: #24276C !important;

  border: 1px solid #24276C !important;

}

 .whyChoose:before {

     content: "";

     width: 100%;

     height: 100%;

     position: absolute;

     top: 0;

     right: 0;

     /* background: linear-gradient(180deg, rgb(32 34 60 / 97%), rgb(32 34 60 / 93%)); */

 }

.wcLeft {

    position: relative;

    z-index: 2;

    padding-bottom: 100px;

}

.wcRight {

    position: relative;

    z-index: 2;

    margin-bottom: -70px;

}

.wcList {

    position: relative;

    z-index: 3;

}

.wcrBox {

  background: #f1f2ff;

  padding: 50px 50px 20px 50px;

}

.wcList .sclItems {

  margin-bottom: 40px;

}

.wcList .sclItems .sclIcn {

  width: 70px;

  height: 70px;

  border-radius: 16px;

  border: 1px solid #f9f9f9;

  box-shadow: 0 10px 20px rgb(0 0 0 / 5%);

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 30px;

}

.wcList .sclItems .sclCont h4 {

  font-size: 22px;

  color: var(--primary);

  margin-bottom: 10px;

}

.wcList .sclItems .sclCont p {

  margin: 0;

  line-height: 20px;

  font-size: 14px;

}

/* /whyChoose */

/* roadmap */

/* Base styles */

.roadmap {

  padding: 60px 0;

}



.rliBox {

  border-radius: 8px;

  transition: all 0.3s ease;

  background: #f8f9fa;

}



/* Add these styles to your CSS file */

.rliBox {

  transition: all 0.3s ease;

}



.rliBox:hover {

  background-color: #FF6908 !important; /* Orange background */

}



.rliBox:hover h4,

.rliBox:hover p {

  color: #fff !important; /* White text */

}



@media (min-width: 1440px) and (max-width: 1540px)  {

  .roadCard p{

      font-size: 14px;

  }

  .roadCard h4{

    font-size: 18px;

  }

}



@media (min-width: 768px) and (max-width: 992px)  {

  .roadCard p{

    font-size: 15px;

    line-height: 20px;

  }

  .roadCard h4{

    font-size: 16px;

  }

}



@media (min-width: 992px) and (max-width: 1360px)  {

  .roadCard p{

    font-size: 13px;

    line-height: 20px;

  }

  .roadCard h4{

    font-size: 16px;

  }

}



.roadCard{

  padding: 20px;

  height: 200px;

  width: 100%;

  /* text-align: justify; */

}

.orange-line {

  position: absolute;

  left: 0;

  top: 0;

  width: 4px;

  height: 100%;

  background: #FF6B00;

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  transition: all 0.3s ease; /* Add transition for smooth color change */

}



/* .btn-primary {

  background: #1B2B65;

  border: none;

  padding: 10px 25px;

  border-radius: 4px;

  color: white;

  transition: all 0.3s ease;

}



.btn-primary:hover {

  background: #152150;

  transform: translateY(-2px);

} */



.title h2 {

  color: #1B2B65;

  font-size: 2.5rem;

}

.roadmap-text {

  font-size: 14px;

  line-height: 25px;

  margin-top: 20px;

}

.orange-stars {

  color: #FF6908;

  font-weight: bold;

}

/* Responsive styles */

@media (max-width: 991.98px) { /* Large devices and below */

  .title h2 {

      font-size: 2rem;

  }



  .roadmap-text {

      max-width: 600px;

      margin: 0 auto;

  }

}



@media (max-width: 767.98px) { /* Medium devices and below */

  .title h2 {

      font-size: 1.75rem;

  }



  .rliBox {

      padding: 1.25rem !important;

  }



  .rliBox h4 {

      font-size: 1.2rem;

  }

}



@media (max-width: 575.98px) { /* Small devices */

  .title h2 {

      font-size: 1.5rem;

  }



  .roadmap-text {

      font-size: 0.9rem;

  }



  .rliBox {

      padding: 1rem !important;

  }



  .rliBox h4 {

      font-size: 1.1rem;

  }



  .btn-primary {

      padding: 8px 20px;

      font-size: 0.9rem;

  }

}



/* Fix for very small devices */

@media (max-width: 320px) {

  .container {

      padding-left: 10px;

      padding-right: 10px;

  }



  .rliBox {

      padding: 0.75rem !important;

  }

}

/* /roadmap */

/* milestone */

.milestone {

  background: #F1F2FF;

  padding: 90px 5%;

}



.milestone .title span {

  color: #FF6908;

  font-weight: 600;

  font-size: 18px;

  text-transform: uppercase;

}



.milestone h5 {

  font-size: 32px;

  margin: 20px 0;

  font-weight: 600;

}



.milestone-slider {

  display: flex; /* Flexbox to align cards */

  overflow: hidden; /* Hide overflow of cards that are not fully visible */

  margin-right: -200px; /* Adjust this value to control how much of the 4th card is visible */

  position: relative;

  gap: 20px; /* Add gap between cards */

  margin-left: 50px;

}



/* .slick-track {

  display: flex !important;

} */



.milestone-slider .slick-slide {

  flex: 0 0 auto; /* Prevent resizing of slides */

}



/* Allow the 4th card to show partially on the right */

.milestone-slider .slick-list {

  overflow: hidden !important; /* Hide the overflow of cards */

  padding-right: 50px; /* Control how much of the 4th card is visible */

  padding-top: 50px;

  padding-left: 1px;

}



.milestone-header {

  margin-bottom: 40px;

  margin-top: 40px;

}



.milestone-title {

  position: relative;

  padding-right: 30px; /* Space for the divider */

}



.milestone-title::after {

  content: '|';

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  color: #2F3142;

  font-size: 24px;

  font-weight: 300;

}



.milestone .title span {

  color: #28367F;

  font-weight: 700;

  font-size: 30px;

  text-transform: uppercase;

  white-space: nowrap; /* Prevent text wrapping */

}



.milestone p {

  color: #2F3142;

  line-height: 1.5;

  flex: 1; /* Allow paragraph to take remaining space */

  margin-left: 30px; /* Space after the divider */

  margin-right: 30px;

}



.btn-brochure {

  background: #28367F;

  color: white;

  padding: 12px 24px;

  border-radius: 10px;

  text-decoration: none;

  font-weight: 600;

  display: inline-block;

  transition: background-color 0.3s;

  white-space: nowrap; /* Prevent button text wrapping */

}



.btn-brochure:hover {

  background: #1e2a5f;

  color: white;

}



/* Remove the slick arrows and dots */

.milestone-slider .slick-prev,

.milestone-slider .slick-next,

.milestone-slider .slick-dots {

  display: none !important;

}



/* Cards styling */

.milestone-card {

  background: #2F3142;

  border-radius: 20px;

  padding: 35px;

  margin-right: 20px;

  position: relative;

  height: 280px !important;

  flex-shrink: 0;

  padding-top: 40px;

  position: relative;

}



/* Custom scrollbar for milestone cards */

.milestone-card::-webkit-scrollbar {

  width: 6px;

}



.milestone-card::-webkit-scrollbar-track {

  background: rgba(255, 255, 255, 0.1);

  border-radius: 10px;

}



.milestone-card::-webkit-scrollbar-thumb {

  background: rgba(255, 255, 255, 0.2);

  border-radius: 10px;

}



.year-tag {

  background: #FF6908;

  color: white;

  display: inline-block;

  padding: 9px 54px;

  border-radius: 15px;

  position: absolute;

  top: -40px;

  left: 41px;

  font-weight: 600;

  z-index: -1;

  font-size: 20px;

}

.milestone-slider .slick-track{

  width: 100% !important;

}

.milestone-list {

  list-style: none;

  padding: 0;

  /* margin-top: 25px; */

}



.milestone-list li {

  display: flex;

  align-items: flex-start;

  color: white;

  margin-bottom: 15px;

  padding-left: 10px;

  font-size: 17px;

  line-height: 2;

  font-weight: 400;

  margin-bottom: 14px;

}



.bullet {

  min-width: 24px;

  height: 24px;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 50%;

  margin-right: 15px;

  position: relative;

  flex-shrink: 0;

}



.bullet::before {

  content: '';

  position: absolute;

  width: 8px;

  height: 8px;

  background: white;

  border-radius: 50%;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.milestone-number {

  position: absolute;

  bottom: 20px;

  right: 20px;

  font-size: 36px;

  color: rgba(255, 255, 255, 0.1);

  font-weight: 700;

}



.milestone-slider .slick-slide {

  height: auto;

}



.milestone-slider .slick-track {

  display: flex !important;

  align-items: stretch;

}



/* Responsive adjustments */

@media (max-width: 1200px) {

  .milestone-card {

    width: 471px !important; /* Adjust to show two cards per row */

  }

}

@media (max-width: 1300px) {

  .milestone-list li span {

      font-size: 13px;

  }

  .milestone-card {

    height: 220px !important; /* Adjust to show two cards per row */

  }

}

@media (min-width: 1300px) and (max-width: 1600px)  {

  .milestone-card {

    height: 220px !important; /* Adjust to show two cards per row */

  }

  .milestone-list li span {

    font-size: 13px;

}

}



@media (max-width: 992px) {

  .milestone-card {

    width: 100% !important; /* Adjust to show two cards per row */

    height: 300px;

  }



  .milestone-slider {

    margin: 0;

        padding: 0;

  }



  .milestone-header {

    flex-direction: column;

    gap: 20px;

  }

}



@media (max-width: 768px) {

  .milestone-card {

    width: 418px !important; /* Adjust to show one card per row */

    height: 320px;

  }



  .milestone-slider {

    gap: 10px;

    padding-right: 20px; /* Remove extra space on right */

  }



  .milestone p {

    margin-left: 0;

  }

  .milestone-slider {

    /* margin-right: -20px !important; */

    margin-left: -50px !important;

  }



  /* .slick-prev,

  .slick-next {

    display: none !important;

  } */



  .milestone-title::after {

    content: '';

    position: absolute;

    top: -10px;

    left: 0;

    right: 0;

    margin: auto;

  }

}



@media (max-width: 480px) {

  .milestone h5 {

    font-size: 28px; /* Reduce title font size */

  }



  .milestone-slider {

    margin-right: -20px !important;

    margin-left: -20px !important;

    padding-right: -30px !important;

  }

  .milestone-card {

    width: 260px !important; /* Full width for mobile */

    padding: 20px; /* Less padding for mobile */

    height: 170px !important; /* Allow the card to adjust height automatically */



  }



  .milestone-list li span {

    font-size: 10px; /* Reduce text size */

  }

}



.milesList .mslIInner {

  padding: 0;

}

.msliBox {

  position: relative;

  border-left: 2px solid var(--grayLight);

  border-bottom: 2px solid var(--grayLight);

  padding: 40px 90px 40px 40px;

  height:260px;

  background-color: #20223c;

  color: #D9D9D9!important;

}





.msliBox:after {

  width: 24px;

  height: 24px;

  border-radius: 50rem;

  background: var(--light);

  border: 2px solid var(--grayLight);

}

.msliBox:after {

  content: "";

  position: absolute;

  left: -12px;

  z-index: 9;

}

.msliBox .mslINum {

  font-size: 22px;

  color: var(--grayLight);

  position: absolute;

  right: 30px;

  bottom: 30px;

}

.msliBox h4 {

  font-size: 22px;

  font-weight: var(--fontWeight500);

  color: var(--secondary);

  margin-bottom: 25px;

  position: relative;

}

.msliBox .checkList li span {

  font-size: 15px;

  line-height: 24px;

  color:#E7E8F0;

}

.milesList .mslItems:nth-child(odd) .msliBox:after {

  bottom: -12px;

}

.milesList .mslItems:nth-child(even) .msliBox:after {

  top: -12px;

}

.milesList .mslIInner:hover .msliBox:hover:before {

  background-color: var(--secondary);

}

.milesList .mslIInner:hover .msliBox:hover:after {

  border-color: var(--secondary);

}

.milesList .mslIInner:hover .msliBox {

  border-left-color: var(--secondary);

  border-bottom-color: var(--secondary);

}

.milesList .mslIInner:hover .msliBox h4{

  color: var(--secondary);

  font-weight: 600;

}

.milesList .mslIInner:hover .msliBox .checkList li span{

  color: #fff !important;

}

.milesList .mslIInner:hover {

  background-color: #20223c;

}

@media (min-width: 992px) {

  .wcrBox {

    border-top-left-radius: 22px;

    border-bottom-left-radius: 22px;

  }

  .wcrBox:after {

    content: "";

    width: 200%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: var(--white);

    z-index: 1;

    border-top-left-radius: 22px;

    border-bottom-left-radius: 22px;

  }

  .currentVacancies .wcrBox:after {

    background: var(--light);

  }

}

@media (max-width: 992px) {

  .wcrBox {

    border-radius: 22px;

  }

}

@media (min-width: 768px) {

  .milesList .mslItems:nth-child(odd) .msliBox:before {

    content: "";

    position: absolute;

  }

  .milesList .mslItems:nth-child(odd) .msliBox:before {

    width: 30px;

    height: 2px;

    background-color: var(--grayLight);

    top: 0;

    left: 0;

  }

}

/* /milestone */

/* certificate */

.certList .certlItems .certlBox {

  margin-bottom: 30px;

}

.certList .certlItems .certlBox .certlTop {

  background: var(--light);

  padding: 30px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  margin-bottom: 30px;

}

/* .certList .certlItems .certlBox .certlTop:before {

  content: "";

  width: 2px;

  height: 60px;

  background: var(--grayLight);

  position: absolute;

  left: 20px;

  bottom: -15px;

} */

.certList .certlItems .certlBox .certlTop img {

  width: 200px;

  height: 200px;

  border-radius: 4px;

  object-fit: cover;

  box-shadow: -12px 12px 20px rgb(0 0 0 / 5%);

}

.certList .certlItems .certlBox .certlBottom h5 {

  font-weight: var(--fontWeight600);

  font-size: 16px;

  color: var(--dark);

  margin-bottom: 0;

}

.cerbList h5 {

  font-weight: var(--fontWeight500);

  font-size: 16px;

  color: var(--dark);

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  position: relative;

  gap: 15px;

}

.cerbList h5:before {

  content: "";

  width: 30px;

  flex: 0 0 30px;

  height: 2px;

  background: var(--grayLight);

  display: inline-block;

}

/* /certificate */

/* products */

.title2 {

  font-weight: var(--fontWeight400);

  line-height: 36px;

  font-size: 26px;

  margin-bottom: 40px;

}

.title2 span {

  font-weight: var(--fontWeight500);

}

.proLst {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  gap: 20px;

}

.proLst .prlItems {

  display: flex;

  align-items: center;

  gap: 12px;

  background: var(--white);

  border: 1px solid #F9F9F9;

  border-radius: 50rem;

  padding: 17px 32px;

  box-shadow: 0 0 20px rgb(0 0 0 / 8%);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.proLst .prlItems i {

  color: var(--gray);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.proLst .prlItems span {

  font-size: 16px;

  color: var(--gray);

  font-weight: var(--fontWeight500);

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

.proLst .prlItems:hover {

  background-color: var(--primary);

}

.proLst .prlItems:hover i,

.proLst .prlItems:hover span {

  color: var(--white);

}

.proView {

  font-size: 15px;

  background: var(--light);

  padding: 16px 40px;

  border-radius: 50rem;

  text-align: center;

}

.proView a {

  font-weight: var(--fontWeight500);

  text-decoration: underline;

  color: var(--secondary);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.proView a:hover {

  text-decoration: none;

}

/* /products */

/* ors */

.osrBox {

  padding: 100px 20px;

  border-radius: 22px;

}

/* /ors */

/* blog */

.bsBox {

  position: relative;

  border: 2px solid #aaa;

  border-radius: 15px;

  padding: 10px;
min-height:435px!important;

  background-color: #f5f4f3;

}

.bsBox {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.bsbCont {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.bsbCont a.btn {
    margin-top: auto; /* 👈 pushes button to bottom */
}


.bsBox::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 15px;

    border: 2px solid #ff6347;

    box-sizing: border-box;

    clip-path: polygon(0 0, 0 0, 0 0, 0 0);

    transition: clip-path 0.6s ease-in-out;

}



.bsBox:hover::before {

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    transition: clip-path 0.6s ease-in-out;

}

.bsBox1 {

  position: relative;

  border: 1px solid #ccc;

  border-radius: 15px;

  padding: 2px;

  background-color: #fff;

}



.productName {

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    margin: 0px;

    color: #333; /* Change as per your theme */

}





.bsBox1::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 15px;

    border: 2px solid #ff6347;

    box-sizing: border-box;

    clip-path: polygon(0 0, 0 0, 0 0, 0 0);

    transition: clip-path 0.6s ease-in-out;

}



.bsBox1:hover::before {

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    transition: clip-path 0.6s ease-in-out;

}

.bsBox .bsbImg {

    height: 200px;

    overflow: hidden;

    position: relative;

      /* padding: 5px; */

}

.bsBox1 .bsbImg1 {

    height: 250px;

    width: auto;

    overflow: hidden;

    position: relative;

      /* padding: 5px; */

}

.bsBox1 .bsbImg1 img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

.bsbImg:before {

  content: "";

  width: 80%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  /* background: linear-gradient(45deg, var(--secondary), rgb(255 105 8 / 0%)); */

  z-index: 2;

  opacity: 0.4;

}

.bsBox .bsbImg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}



/* .bsBox .bsbImg:hover img {

  -webkit-transform: rotate(-6deg) scale(1.15);

  transform: rotate(-6deg) scale(1.15);

} */

.bsBox .bsbleader img {

  width: 100%;

  height: 10%;

  object-fit: cover;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.bsBox .bsbleader:hover img {

-webkit-transform: none;

transform: none;

}

.bsBox .bsbCont {

    padding: 15px 10px;

    background: var(--light);

    position: relative;

}

.bsBox .bsLabel {

  position: absolute;

  top: -14px;

  left: 30px;

  background: var(--secondary);

  font-weight: var(--fontWeight400);

  padding: 4px 12px;

  font-size: 14px;

  color: var(--white);

  z-index: 3;

}

.bsBox small {

    color: var(--dark);

    opacity: 0.7;

    margin-bottom: 20px;

    display: block;

}

.bsBox h4, .bsBox h4 a {

  color: var(--dark);

  line-height: 32px;

  font-size: 18px;

  margin-bottom: 20px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.bsBox h4 a:hover {

  color: var(--secondary);

}

/* global serch */

/* Country element styling */

.country {

  cursor: pointer;

  line-height: 0;

  /* margin-bottom: 1rem; */

}

.country:hover {

  background-color: #ff6908;

  /* border-radius: 8px; */

  padding: 13px !important;

  color: #fff;

  font-size: 15px;

}



.country.highlighted::after{

  content: '';

  position: absolute;

  top: 50%;

  left: 100%;

  width: 0;

  height: 0;

  border: 21px solid transparent;

  border-left: 15px solid #ff6908;

  transform: translateY(-50%);

}

.country img {

  width: 16px; /* Adjust the width as needed */

  height: auto; /* Maintain aspect ratio */

}



/* Highlighted country styling */

.country.highlighted {

  background-color: #ff6908;

  /* border-radius: 8px; */

  padding: 13px !important;

  color: #fff;

  font-size: 15px;

}



/* Section styling */

.section {

  /*padding: 0; */

}



/* Region styling */

.region {

  margin: 0; /* Remove default margin */

}



/* Region heading styling */

.region h5 {

  color: #ff6908; /* Color for region headers */

}



/* Image container styling */

.image-container {

  width: 100%; /* Full width container */

  max-width: 900px; /* Maximum width for the container */

  margin: 0 auto; /* Center the container horizontally */

  text-align: center; /* Center align the image */

  padding: 20px; /* Padding around the image */

}



/* Country image styling */

.country-image {

  width: 100%; /* Responsive width */

  height: auto; /* Maintain aspect ratio */

  max-width: 100%; /* Ensure image does not exceed container width */

}



/* globas serch */





.bsItems {

  padding-left: 12px;

  padding-right: 12px;

}

.oproSLider .slick-track,

.blogSlider .slick-track {

  margin-left: -12px;

  margin-right: -12px;

}

.bsArrows .slick-arrow {

    width: 40px;

    height: 40px;

    border-radius: 50rem;

    background: var(--light);

    position: absolute;

    top: -50px;

    left: auto;

}

.bsArrows .oproSLider .slick-arrow {

    background: var(--white);

}

.bsArrows .slick-arrow.slick-prev {

    right: 70px;

}

.bsArrows .slick-arrow.slick-next {

    right: 20px;

}

.bsArrows .slick-arrow:before {

    font-size: 34px;

    color: var(--dark);

    width: unset !important;

    height: unset !important;

    display: block;

    line-height: unset !important;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

.bsArrows .slick-arrow.slick-prev.slick-disabled:hover:before,

.bsArrows .slick-arrow.slick-prev:before {position: relative;left: -20px;}

.bsArrows .slick-arrow.slick-next.slick-disabled:hover:before,

.bsArrows .slick-arrow.slick-next:before {position: relative;right: -20px;}

.bsArrows .slick-arrow.slick-disabled {cursor: no-drop;}

.bsArrows .slick-arrow.slick-disabled {cursor: no-drop;}

.bsArrows .slick-arrow.slick-prev:hover:before {left: -15px;}

.bsArrows .slick-arrow.slick-next:hover:before {right: -15px;}

/* /blog */

#searchDrop {

  height: 100%;

  border: 0;

  background: var(--dark);

  backdrop-filter: blur(10px);

}

.sfGrp .form-control {

  height: 70px;

  border-radius: 50rem !important;

  border: none;

  position: relative;

  padding: 10px 80px 10px 20px;

}

.sfGrp .btn-search {

  background: var(--secondary);

  border-radius: 50rem !important;

  position: absolute;

  top: 5px;

  right: 5px;

  width: 60px;

  height: 60px;

  border: 0;

  z-index: 99;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.sfGrp .btn-search:hover {

  background: var(--primary);

}

.sfGrp .btn-search i {

  font-size: 20px;

  color: var(--white);

  position: relative;

  top: 2px;

}

#searchDrop .offcanvas-header {

  position: absolute;

  top: 20px;

  right: 20px;

}

#searchDrop .offcanvas-header .btn-close {

  filter: invert(1);

  font-size: 18px;

}

/* the-company */

.innerBanner:before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  /* background: linear-gradient(90deg, #ff69085c, rgb(255 105 8 / 0%)); */

  z-index: 1;

  opacity: 0.85;

}

.innerBanner .inImg {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.innerBanner {

  padding-top: 250px;

  height: 550px;

}

.comoBox .colimg2 {

  position: absolute;

  top: 240px;

  right: 0;

  z-index: 2;

}

.comoBox .about-video {

  left: 60px;

  bottom: -140px;

  right: unset;

}

.intBox small {

  font-size: 16px;

  text-shadow: 0 2px 4px rgb(0 0 0 / 30%);

}

.intBox h1 {

  font-size: 50px;

  text-shadow: 0 2px 10px rgb(0 0 0 / 20%);

}

.breadcrumb-item+.breadcrumb-item::before {

  padding-right: 15px;

}

.breadcrumb-item+.breadcrumb-item {

  padding-left: 15px;

}

.breadcrumb .breadcrumb-item > a {

  font-weight: var(--fontWeight400);

  color: var(--white);

  opacity: 1;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.breadcrumb .breadcrumb-item > a:hover {

  opacity: 0.9;

}

.breadcrumb .breadcrumb-item {

  text-shadow: 0 2px 4px rgb(0 0 0 / 30%);

  font-weight: var(--fontWeight300);

  color: var(--white);

  opacity: 0.8;

}

.cooSection:before,

.cooSection::after {

  content: "";

  width: 100%;

  height: 450px;

  position: absolute;

  top: 0;

  right: 0;

}

.cooSection:before {

  background: var(--black);

  z-index: 1;

  opacity: 0.4;

}

.cooSection::after {

  background-image: url('../images/coo-bg.jpg');

  background-repeat: no-repeat;

  background-position: top center;

  z-index: 0;

}

.cooBox {

  background: var(--white);

  padding: 30px;

  height: 100%;

  border-radius: 14px;

  box-shadow: 0 20px 40px rgb(0 0 0 / 8%);

}

.cooBox i {

  font-size: 30px;

  color: var(--secondary);

}

.cooBox h5 {

  font-weight: var(--fontWeight600);

  font-size: 18px;;

}

@media (min-width: 1367px) {

  .innerBanner.inbaSVideo {

    height: 100%;

    min-height: calc(100vh - 50px);

  }

  .inbaVideo video {

    max-width: 1920px;

    width: 100%;

  }

}

@media (min-width: 992px) {

  .cooBox {

    padding: 40px;

  }

  .innerBanner {



    padding-top: 330px;

    margin-top: 135px;

    height: calc(100vh - 135px);

  }

  .comoRight {

    margin-top: -300px;

  }

}

@media (max-width: 1366px) {

  .inbaVideo video {

    width: 100%;

  }

  .msliBox {

    height: 300px;

    }

}

@media (max-width: 1200px) {

  .innerBanner.inbaSVideo {

    padding-top: 200px;

    margin-top: 100px;

    height: 550px;

  }

  .msliBox {

  height: 300px;

  }

}

@media (max-width: 992px) {

  .comoRight {

    padding-bottom: 240px;

  }

  .innerBanner.inbaSVideo {

    padding-top: 140px;

    height: 430px;

  }

}

@media (max-width: 768px) {

  .innerBanner.inbaSVideo {

    padding-top: 120px;

    height: 360px;

  }

}

@media (max-width: 640px) {

  .innerBanner {

    padding-top: 160px;

    height: 400px;

  }

  .intBox h1 {

    font-size: 40px;

  }

  .companyOverview .comoBox .about-video {

    left: 0;

    right: 0;

    max-width: 94%;

    margin: 0 auto;

  }

  .comoBox .colimg2,

  .comoBox .colimg1 {

    width: 90%;

  }

  .innerBanner.inbaSVideo {

    padding-top: 100px;

    margin-top: 65px;

    height: 320px;

  }

}

@media (max-width: 575px) {

  .innerBanner.inbaSVideo {

    padding-top: 60px;

    height: 250px;

  }

}

@media (max-width: 480px) {

  .comoBox .colimg2,

  .comoBox .colimg1 {

    width: 100%;

  }

  .comoBox .colimg2 {

    position: unset;

    margin-top: 10px;

  }

  .companyOverview .comoBox .about-video {

    position: unset;

    max-width: 100%;

    margin-top: 10px;

  }

  .comoRight {

    padding-bottom: 0;

  }

  .innerBanner.inbaSVideo {

    padding-top: 50px;

    height: 200px;

  }

  .innerBanner.inbaSVideo .intBox h1 {

    font-size: 30px;

    margin-top: .5rem !important;

    margin-bottom: .5rem !important;

  }

}

@media (max-width: 360px) {

  .innerBanner.inbaSVideo {

    padding-top: 40px;

      height: 180px;

  }

}

/* /the-company */

/* products */

.ourProducts {

  /* background-color: #F5F5F5; */

}

.oplBox {

  display: block;

  /* background: var(--white); */

  padding: 5px;

  height: 100%;

  border-radius: 12px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;



}

.oplItems .active{

    background-color: #fff;

}

.op12 .oplBox:hover {

  box-shadow: 0 30px 20px rgb(0 0 0 / 3%);

  /* transform: translateY(-11px); */

  background-color: #fff;

}



.reg-op .oplBox:hover{

  box-shadow: 0 30px 20px rgb(0 0 0 / 3%);

  /* transform: translateY(-14px); */

  background-color: #f1f2ff;

}



.reg-op .active{

    background-color: #f1f2ff !important;

}



.productDetails .title {

    padding-bottom:15px;

}

.oplBox .opiIcn {

  font-size: 30px;

  color: var(--secondary);

  width: 70px;

  height: 70px;

  border-radius: 50rem;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

#optab__01 .oplBox .opiIcn {

  background: rgb(255 105 8 / 6%);

}

#optab__01 .oplBox:hover .opiIcn {

  color: var(--secondary);

  background: rgb(255 105 8 / 20%);

}

/* .oproSLider .oplBox:hover .opiIcn img,

#optab__01 .oplBox:hover .opiIcn img {

  filter: contrast(0.4);

} */

.oproSLider .oplBox:hover .opiIcn img{

  filter: contrast(0.4);

}

#optab__02 .oplBox .opiIcn {

  background: rgb(25 34 127 / 6%);

}

#optab__02 .oplBox:hover .opiIcn {

  color: var(--primary);

  background: rgb(25 34 127 / 20%);

}

.oplBox .opiText {

  font-size: 16px;

  font-weight: 500;

  color: var(--dark);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

#optab__01 .oplBox:hover .opiText {

  color: var(--primary);

}

#optab__02 .oplBox:hover .opiText {

  color: var(--primary);

}

.oproSLider .oplBox .opiAction .btn-arrow:before,

#optab__01 .oplBox .opiAction .btn-arrow:before {

  transform: rotate(45deg);

}

.oplBox:hover .opiAction .btn-arrow {

  animation: 1s ease-in-out 1s infinite bmWobbleHorizontal;

}

.more {cursor:pointer;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.more:hover {color: var(--secondary);}

.opTabs {

  border: 1px solid var(--white);

  padding: 10px;

  border-radius: 14px;

  background: var(--white);

  margin-bottom: 30px;

}

.opTabs .nav-item:not(:last-child) {

  margin-right: 8px;

}

.opTabs .nav-item button {

  padding: 12px 28px;

  color: var(--gray);

  font-weight: var(--fontWeight500);

  background-color: #F5F5F5;

  border-radius: 10px;

}

.opTabs .nav-item button:hover {

  background: var(--smokeLight);

}

.opTabs .nav-item button.active:hover,

.opTabs .nav-item button.active {

  background-color: var(--secondary);

  color: var(--white);

}

.oproSLider .oplBox .opiIcn {

  background: rgb(0 0 0 / 4%);

}

.oproSLider .oplBox:hover .opiIcn {

  background: rgb(255 105 8 / 20%);

}

/* /products */

/* details */

.oplBox_hover_none:hover {

  box-shadow: none;

  transform: unset;

}

.productDetails table th {

  background: #f5f5f5 !important;

  padding: 1rem 0.75rem !important;

}

.productDetails table td {

  padding: 0.75rem !important;

}

.productDetails table thead tr th:first-child {

  border-top-left-radius: 12px;

}

.productDetails table thead tr th:last-child {

  border-top-right-radius: 12px;

}

.table-hover>tbody>tr:hover>* {

  --bs-table-bg-state: rgba(0, 0, 0, 0.02) !important;

}

/* /details */

/* contact us */

.csrInfo li {

  border-left: 1px solid var(--silver);

  padding-left: 40px;

  padding-right: 15px;

  display: flex;

  align-items: center;

}

.csrInfo li:not(:first-child) {

  border-top: 1px solid var(--silver);

  padding-top: 40px;

}

.csrInfo li:not(:last-child) {

  padding-bottom: 40px;

}

.csrInfo li .csrIIcn {

  font-size: 20px;

  color: var(--secondary);

  flex: 0 0 60px;

  width: 60px;

  height: 60px;

  background: rgb(255 105 8 / 10%);

  border-radius: 50rem;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.csrInfo li .csrICon {

  max-width: calc(100% - 60px);

  padding-left: 20px;

}

.csrInfo li .csrICon h5 {

  font-size: 20px;

  font-weight: var(--fontWeight600);

  margin-bottom: 1rem;

}

.csrInfo li .csrICon span,

.csrInfo li .csrICon a {

  font-size: 16px;

  color: var(--gray);

  font-weight: var(--fontWeight400);

}

.csrInfo li .csrICon a:hover {

  color: var(--secondary);

}

.fc_inc {

  border: 1px solid #000;

  padding: 15px 20px;

  border-radius: 6px;

  width: 100%;

  max-width: 100%;

  height: auto;

  background-color: #F1F2FF;

  font-size: 15px;

  font-weight: var(--fontWeight400);

}

.form-control:focus {

  border-color: #dfe1f5;

  box-shadow: 0 0 0 .25rem rgb(25 34 127 / 08%);

}

@media (min-width: 992px) {

  .contactForm textarea.fc_inc {

    min-height: 265px;

  }

  .contactSection .consLBox iframe {

    height: 540px;

  }

}

@media (max-width: 768px) {

  .csrInfo li {

    padding-left: 20px;

  }

  .csrInfo li:not(:first-child) {

    padding-top: 20px;

  }

  .csrInfo li:not(:last-child) {

    padding-bottom: 20px;

  }

  .contactSection .consLBox iframe {

    height: 200px;

  }

}

/* /contact us */

/* career */

.accordion-flush .accordion-item .accordion-button,

.accordion-flush .accordion-item .accordion-button.collapsed {

  font-size: 17px;

  font-weight: var(--fontWeight600);

}

.accordion-button:focus {

  box-shadow: none;

}

.accordion-button:hover {

  color: var(--secondary);

}

.accordion-button:not(.collapsed) {

  background-color: transparent;

  color: var(--secondary);

  box-shadow: none;

}

.careerSection {

  background-color: var(--light);

}

.wwuLBox {

  padding: 14px;

  height: 400px;

}

.wwuLBInner {

  background-color: var(--white);

  padding: 2rem;

}

.wwuBBox {

  padding: 20px;

}

.wwuBBox h3 {

  font-size: 42px;

  color: transparent;

  background-clip: text;

  -webkit-background-clip: text;

  background-image: url('../images/whoweareImg.jpg');

  background-size: cover;

  background-position: center;

}

.wwuBBox p {

  line-height: 1.3;

}

.flBox {

  height: 100%;

  /* background: var(--white); */

  padding: 40px;

  border-radius: 14px;

}

.flBox span {

  width: 70px;

  height: 70px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--white);

  border-radius: 50rem;

}

.flBox span i {

  font-size: 25px;

  color: var(--secondary);

}

.flBox h3 {

  font-size: 20px;

  color: var(--dark);

  line-height: 24px;

  margin-top: 25px;

  margin-bottom: 20px;

  font-weight: var(--fontWeight600);

}

.dsList .dsItems {

  position: relative;

}

.dsList .dsItems .dsBox {

  padding: 100px;

  position: relative;

  z-index: 2;

}

.dsList .dsItems:before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0.96;

  z-index: 1;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.dsList .dsItems:nth-child(1):before {

  background-color: var(--secondary);

}

.dsList .dsItems:nth-child(2):before {

  background-color: var(--primary);

}

.dsList .dsItems:nth-child(3):before {

  background-color: var(--secondary);

}

.dsList .dsItems:hover:before {

  opacity: 0.9;

}

.dsList .dsItems h5 {

  font-size: 28px;

  font-weight: var(--fontWeight600);

  margin-bottom: 30px;

}

.dsList .dsItems .dcbIcn {

  width: 100px;

  height: 100px;

  font-size: 26px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: 2px solid rgb(255 255 255 / 10%);

  background: rgb(255 255 255 / 10%);

  border-radius: 50rem;

  margin-bottom: 30px;

}

/* /career */

/* gallerySection */

.gallerySection .gswBox .gsNavigation {

  background: var(--light);

  border-radius: 16px;

  padding: 20px;

  position: -webkit-sticky;

  position: sticky;

  top: 100px;

}



.gallerySection .gswBox .gsNavigation .gsnItems {

  font-weight: var(--fontWeight500);

  padding: 16px 20px;

  border-radius: 12px;

  color: var(--gray);

  font-size: 15px;

}

.gallerySection .gswBox .gsNavigation .gsnItems.active {

  background: var(--white);

  color: var(--secondary);

}

/* .gscItems {

  scroll-margin-top: 200px;

} */

.gscItems h4 {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 15px;

}

.gImgBox {

  display: block;

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.gImgBox:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: -webkit-linear-gradient(to bottom, rgb(25 34 127 / 0%) 0%, rgb(25 34 127 / 75%));

  background: linear-gradient(to bottom, rgb(25 34 127 / 0%) 0%, rgb(25 34 127 / 75%));

  content: '';

  opacity: 0;

  z-index: 1;

  -webkit-transform: translate3d(0, 50%, 0);

  transform: translate3d(0, 50%, 0);

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

}

.gImgBox img {

  position: relative;

  display: block;

  min-height: 100%;

  max-width: 100%;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.gImgBox span {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 1.15em  2em;

  width: 100%;

  opacity: 0;

  z-index: 2;

  color: var(--white);

  font-size: 14px;

  -webkit-transform: translate3d(0, 10px, 0);

  transform: translate3d(0, 10px, 0);

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

}

.gImgBox span i {

  font-size: 18px;

}

.gImgBox:hover img {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.gImgBox:hover:before,

.gImgBox:hover span {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

@media (min-width: 992px) {}

@media (max-width: 992px) {}

/* /gallerySection */

.manufacturingSection {

  background-color: var(--light);

}

.csrSection .imgSlider,

.udaanSection .imgSlider,

.companySection .imgSlider,

.researchSection .imgSlider,

.manufacturingSection .imgSlider {

  /* max-width: 430px; */

}



.img-bot .slick-dots li.slick-active button {

 opacity: 0 !important;

}

.img-bot1:after{

    display: none;

}

.img-bot1::before{

    display: none;

}

.imgSlider {

  position: relative;

}

.imgSlider:after {

  content: "";

  width: 75%;

  height: 75%;

  background: var(--secondary);

  border-radius: 8px;

  position: absolute;

  right: -15px;

  bottom: -23px;

  z-index: 1;

}

.imgSlider:before {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 6px;

  background-color: #F5F4F3;

  position: absolute;

  right: 0;

  top: 10px;

  z-index: 2;

}

.imgSlider .slick-list {

  margin-bottom: 50px;

  position: relative;

  z-index: 3;

}

.imgSlider .slick-dots {

  bottom: -45px;

}

.imgSlider .slick-dots li {

	position: relative;

	display: inline-block;

	margin: 0 6px;

	padding: 0;

	cursor: pointer;

  width: unset;

  height: unset;

}

.imgSlider .slick-dots li button {

  cursor: pointer;

  background: var(--primary);

  width: 12px;

  height: 12px;

  border-radius: 50rem;

  opacity: .25;

  padding: 0;

}

.imgSlider .slick-dots li button:before {

  display: none !important;

}

.imgSlider .slick-dots li button:hover,

.imgSlider .slick-dots li button:focus {

	opacity: .45;

}

.imgSlider .slick-dots li.slick-active button {

	opacity: .75;

}



/* footer */

.footer {

  background-color: #2F3142;

  background-position: top right, bottom left;

  background-repeat: no-repeat;

  background-size: auto;

  padding-top: 3rem;

}

.mleft {

  margin-left: 40px;

  margin-right: 40px;

}

.btn-width {

  /* width: 100%; */

  border: 0;

  justify-content: center;

  border-radius: 9px;

  height: 37px;

}

.brdr-hover .btn:hover:before {

  border-radius: 9px !important;

}

.mg-100px {

 margin: 0 100px;

}

@media (min-width: 992px) and (max-width: 1901px){



 .mleft {

    margin-left: 0;

    margin-right: 0;

    width: 13%;

  }

}



@media (min-width: 992px) and (max-width: 1200px) {

  .collaborate-section {

    margin: 50px 10px;

  }



  .hs-flex {

    flex-wrap: wrap;

  }



  .hs-flex .form-control {

    flex: 1 1 calc(33.33% - 10px); /* 3 inputs per row */

    margin-bottom: 10px;

  }



  .hs-flex button {

    flex: 1 1 100%; /* Full width button */

  }



  .col-md-3 {

    text-align: center;

    margin-bottom: 20px;

  }

}

/* existing code */

@media (max-width: 991px) {

  .mg-100px {

    margin: 0 20px;

  }

  .hs1{

    font-size: 25px;

  }

  .mleft {

    margin-left: 0;

    margin-right: 0;

  }

  .hs-flex {

    flex-wrap: wrap;

    margin-top: 20px;

  }





  .btn-width {

    width: 100%;

  }



  .collaborate-section .form-control {

    width: 100%;

  }

}



@media (max-width: 767px) {

  .social-links {

    text-align: center;

  }



  .footer h5 {

    margin-top: 20px;

  }

}

.footer-bottom {

  /* background-color: #000;  */

  padding: 10px 0;

}



.footer-bottom a {

  text-decoration: none;

  color: #FECC00; /* Highlight footer links */

  font-size: 14px;

}



.footer-bottom a:hover {

  color: orange; /* Add hover effect for links */

}



@media (max-width: 576px) {

  .footer-bottom {

    text-align: center;

  }



  .footer-bottom .text-center {

    margin-bottom: 10px;

  }

}

/* /existing code */

.footTop {

  padding-top: 80px;

  padding-bottom: 80px;

}

.footTop .container {

  max-width: 1480px;

}

.ftForm {

  background: rgb(255 255 255 / 4%);

  border: 1px solid rgb(255 255 255 / 5%);

  border-radius: 22px;

  padding: 50px 40px;

}

.ftForm h4 {

  font-size: 24px;

  font-weight: var(--fontWeight500);

  margin-bottom: 25px;

}

.ftForm .form-control {

  min-height: 58px;

  border-radius: 0;

  border-style: solid;

  border-width: 0 0 1px 0;

  border-bottom-color: rgb(255 255 255 / 14%);

  background: transparent;

  color: var(--white);

  font-weight: var(--fontWeight400);

}

.ftForm .form-control:focus {

  box-shadow: none;

}

.ftForm textarea.form-control {

  min-height: auto;

}

.ftForm ::-webkit-input-placeholder {

  font-weight: var(--fontWeight300);

  color: var(--white);

  opacity: 0.4;

}

.ftForm ::-moz-placeholder {

  font-weight: var(--fontWeight300);

  color: var(--white);

  opacity: 0.4;

}

.ftForm :-ms-input-placeholder {

  font-weight: var(--fontWeight300);

  color: var(--white);

  opacity: 0.4;

}

.ftForm :-moz-placeholder {

  font-weight: var(--fontWeight300);

  color: var(--white);

  opacity: 0.4;

}

.ftqcTop > small {

  font-weight: var(--fontWeight300);

  margin-bottom: 30px;

}

.ftqcTop h5 {

  font-size: 18px;

  font-weight: var(--fontWeight600);

  margin-bottom: 10px;

}

.ftqcBottom {

  border-top: 1px solid rgb(255 255 255 / 10%);

  padding-top: 40px;

  margin-top: 15px;

}

.ftqCallus {

  margin-bottom: 15px;

}

.ftqCallus small {

  opacity: 0.7 !important;

  font-weight: 300;

  /* margin-bottom: 8px; */

}

.ftqCallus span, .ftqCallus span a {

  color: var(--white);

  font-weight: var(--fontWeight300);

}

.ftMidLeft > img {

  margin-bottom: 40px;

}

.ftMidLeft > p {

  opacity: 0.8;

}

.ftmBox h5 {

  font-size: 18px;

  font-weight: var(--fontWeight500);

  margin-bottom: 40px;

}

.footLinks li:not(:last-child){

  margin-bottom: 15px;

}

.border-orange {

  border: 1px solid #FF6B00;

}



.btn-orange {

  background-color: #FF6B00;

  color: white;

}



.footer input::placeholder {

  color: rgba(255,255,255,0.7);

}



.footer a:hover {

  color: #FF6B00;

}

.footLinks li a {

  font-size: 16px;

  color: var(--white);

  font-weight: var(--fontWeight300);

  position: relative;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.footLinks li a:hover {

  padding-left: 25px;

}

.footLinks li a:before {

  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28299 1.69672L10.9398 1.69672C11.4921 1.69672 11.9398 2.14443 11.9398 2.69672V7.35357M11.2327 2.40383L1.33325 12.3033' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

  content: "";

  width: 13px;

  height: 14px;

  position: absolute;

  top: 5px;

  left: 0;

  opacity: 0;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.footLinks li a:hover:before {

  opacity: 1;

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}

.copyright {

    border-top: 1px solid rgb(255 255 255 / 10%);

    padding-top: 30px;

    padding-bottom: 30px;

    margin-top: 60px;

}

.copyright p {

  font-size: 14px;

  letter-spacing: 1.5px;

  font-weight: var(--fontWeight300);

}

/* /footer */

/* bmWobbleHorizontal */

.bmWobbleHorizontal {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;



  -webkit-transform: translateZ(0);

  transform: translateZ(0);

}

.bmWobbleHorizontal:hover,

.bmWobbleHorizontal:focus,

.bmWobbleHorizontal:active {

  /* animation: 1s ease-in-out 1s infinite bmWobbleHorizontal; */

  -webkit-animation-name: bmWobbleHorizontal;

  animation-name: bmWobbleHorizontal;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

@-webkit-keyframes bmWobbleHorizontal {

  16.65% {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

  }

  33.3% {

    -webkit-transform: translateX(-5px);

    transform: translateX(-5px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bmWobbleHorizontal {

  16.65% {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

  }

  33.3% {

    -webkit-transform: translateX(-5px);

    transform: translateX(-5px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

/* bmWobbleVertical */

.bmWobbleVertical {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;



  -webkit-transform: translateZ(0);

  transform: translateZ(0);

}

.bmWobbleVertical:hover,

.bmWobbleVertical:focus,

.bmWobbleVertical:active {

  /* animation: 1s ease-in-out 1s infinite bmWobbleVertical; */

  -webkit-animation-name: bmWobbleVertical;

  animation-name: bmWobbleVertical;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

@-webkit-keyframes bmWobbleVertical {

  16.65% {

    -webkit-transform: translateY(6px);

    transform: translateY(6px);

  }

  33.3% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

  }

  49.95% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px);

  }

  66.6% {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);

  }

  83.25% {

    -webkit-transform: translateY(1px);

    transform: translateY(1px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bmWobbleVertical {

  16.65% {

    -webkit-transform: translateY(6px);

    transform: translateY(6px);

  }

  33.3% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

  }

  49.95% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px);

  }

  66.6% {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);

  }

  83.25% {

    -webkit-transform: translateY(1px);

    transform: translateY(1px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

/* bmPop */

.bmPop {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  flex-shrink: 0;

  width: 24px;

  height: 24px;

}

.bmPop:hover, .bmPop:focus, .bmPop:active {

  /* animation: 0.3s linear 1s alternate bmPop; */

  -webkit-animation-name: bmPop;

  animation-name: bmPop;

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

@-webkit-keyframes bmPop {

  50% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

  }

}

@keyframes bmPop {

  50% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

  }

}

/* scroll */

#scroll {

  position: fixed;

  right: 30px;

  bottom: 30px;

  cursor: pointer;

  width: 74px;

  height: 74px;

  border: 3px solid rgb(199 201 218 / 30%);

  display: none;

  z-index: 9;

  border-radius: 50rem;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

#scroll span {

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #7479A8;

  border-radius: 50rem;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

#scroll:hover {

  border-color: rgb(255 105 8 / 30%);

}

#scroll:hover span {

  background: var(--secondary);

}

#scroll span:before {

  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28299 1.69672L10.9398 1.69672C11.4921 1.69672 11.9398 2.14443 11.9398 2.69672V7.35357M11.2327 2.40383L1.33325 12.3033' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");

  content: "";

  width: 13px;

  height: 14px;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(315deg);

  transform: translate(-50%, -50%) rotate(315deg);

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

/* /scroll */

/* media */

@media (max-width: 1420px) {

  .exploreMore .emRight {

    padding: 60px;

  }

}

@media (max-width: 1366px) {

  .section {

    padding-top: 100px;

    padding-bottom: 100px;

  }

  .dsList .dsItems .dsBox {

    padding: 90px 60px;

  }

}

@media screen and (min-device-width: 1200px) and (max-device-width: 1366px) {

  .hSearch {

    margin-left: 10px;

    padding-left: 20px;

  }

}

@media screen and (min-device-width: 992px) and (max-device-width: 1200px) {

  .header .navbar-nav .nav-item > .nav-link {

    padding: 20px 0px;

  }

}

@media (max-width: 1200px) {

  .header .navbar-nav .nav-item > .nav-link {

    font-size: 15px;

  }

  .hBrocher .btn {

    font-size: 14px;

    padding: 0.75rem 20px;

  }

  .hBrocher {

    margin-left: 20px;

  }

  .hSearch {

    margin-left: 10px;

    padding-left: 20px;

  }

  .exploreMore .emRight {

    padding: 30px;

  }

  .osrBox,

  .section {

    padding-top: 80px;

    padding-bottom: 80px;

  }

  .whyChoose {

    padding-top: 80px;

  }

  .wcLeft {

    padding-bottom: 80px;

  }

  .whoWeArea .wwaItems:not(:last-child) {

    margin-bottom: 80px;

  }

  .milestone {

    padding-top: 140px;

    padding-bottom: 80px;

  }

  .about-bottom {

    padding: 40px 30px;

  }

  .whoWeArea .wwaItems {

    display: flex;

    flex-direction: column;

  }

  .whoWeArea .wwaItems .wwaICont {

    order: 3;

    width: 84%;

    margin: -100px auto 0;

  }

  .whoWeArea .wwaItems .wwaIImg {

    order: 2;

    position: unset;

    margin-bottom: 65px;

    padding: 15px;

    /* height: 400px; */

  }

  /* .whoWeArea .wwaItems:nth-child(odd) .wwaICont {

    background: var(--primary);

  } */

  .whoWeArea .wwaItems:nth-child(even) .wwaICont {

    background: var(--secondary);

  }

  .rliBox {

    padding: 30px 25px;

  }

  .rliBox h4:before {

    width: 30px;

    left: -36px;

  }

  .msliBox {

   height: 300px;

    padding: 30px 70px 30px 30px;

  }

  .ftForm {

    padding: 40px 30px;

  }

  .dsList .dsItems .dsBox {

    padding: 80px 40px;

  }

}

@media screen and (min-device-width: 768px) and (max-device-width: 992px) {

  .about-video {

    padding: 30px;

    max-width: 360px;

  }

}

@media (max-width: 992px) {

  .header .headB {

    padding-top: 8px;

    padding-bottom: 8px;

    border: 0;

  }

  .header .headB > .container-fluid {

    padding: 0;

  }

  .navbar-brand {

    padding-left: calc(var(--bs-gutter-x) * .5);

  }

  #navIcon {

    margin-right: calc(var(--bs-gutter-x) * .5);

    order: 4;

  }

  .hBrocher {

    order: 2;

    margin-left: auto;

  }

  .hSearch {

    order: 3;

    margin-left: 20px;

    padding-left: 0;

    padding-right: 20px;

  }

  .hSearch::before {

    display: none;

  }

  .exploreMore .emRight .emrItems h4 {

    font-size: 50px;

  }

  .exploreMore .emRight .emrItems:not(:last-child) {

    padding-right: 50px;

    margin-right: 50px;

  }

  .footTop,

  .osrBox,

  .section {

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .about-bottom {

    margin-top: 60px;

  }

  .whyChoose {

    padding-top: 60px;

  }

  .whoWeArea .wwaItems:not(:last-child) {

    margin-bottom: 60px;

  }

  .wcLeft {

    padding-bottom: 60px;

  }

  .milestone {

    padding-top: 120px;

    padding-bottom: 60px;

  }

  .title span {

    line-height: 34px;

    font-size: 28px;

  }

  .title {

    margin-bottom: 30px;

  }

  .whoWeArea .wwaItems .wwaICont {

    width: 94%;

  }

  .wwaICont .wwaICBox {

    padding: 40px 30px;

  }

  .msliBox {

    padding: 20px 60px 30px 20px;

  }

  .proLst {

    gap: 12px;

  }

  .proLst .prlItems {

    gap: 8px;

    padding: 12px 22px;

  }

  .proLst .prlItems span {

    font-size: 15px;

  }

  .bsBox .bsbCont {

    padding: 40px 30px 30px 30px;

  }

  .hBanner .hSlider {

    height: 600px;

  }

  .hBanner .hSlider .slick-list .slick-track,

  .hBanner .hSlider .slick-list {

    height: 100% !important;

  }

  .hBanner .hSlider .slick-list .slick-track .hsItem img {

    width: 100%;

    height: 300px !important;

    object-fit: cover;

  }

  .dsList .dsItems .dsBox {

    padding: 60px 20px;

  }

}

@media (max-width: 768px) {

  .footTop,

  .osrBox,

  .section {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .about-bottom {

    margin-top: 50px;

  }

  .pl1

  {

    padding: 0px !important;

  }

  .whyChoose {

    padding-top: 50px;

  }

  .whoWeArea .wwaItems:not(:last-child) {

    margin-bottom: 50px;

  }

  .wcLeft {

    padding-bottom: 50px;

  }

  .milestone {

    padding-top: 100px;

    padding-bottom: 50px;

  }

  .about-bottom {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .wcrBox {

    padding: 40px 30px 0px 30px;

  }

  .hBanner .hSlider {

    height: 400px;

  }

  .dsList .dsItems h5 {

    font-size: 22px;

  }

  .dsList .dsItems .dcbIcn {

    width: 80px;

    height: 80px;

  }

}

@media (max-width: 640px) {

  .exploreMore .emRight .emrItems p > br {

    display: none;

  }

  .exploreMore .emRight .emrItems:not(:last-child) {

    padding-right: 30px;

    margin-right: 30px;

  }

  .about-video {

    padding: 35px 40px;

    max-width: 450px;

  }

  .whoWeArea .wwaItems .wwaICont {

    width: 92%;

  }

  .ftMidLeft > img,

  .ftmBox h5 {

    margin-bottom: 20px;

  }

  .hBanner .hSlider {

    height: 300px;

  }

  .otherProducts {

    padding-bottom: 90px;

  }

}

@media (max-width: 575px) {

  .exploreMore .emLeft {

    gap: 20px;

  }

  .emlItems.emliPr {

    text-align: center;

  }

  .exploreMore .emLeft {

    flex-direction: column;

  }

  .blogSlider {

    margin-bottom: 30px;

  }

  .bsArrows .slick-arrow {

    bottom: -70px;

    top: unset;

  }

}

@media (max-width: 480px) {

  .hBrocher {

    display: none;

  }

  .hSearch {

    margin-left: auto;

  }

  .whoWeArea .wwaItems .wwaICont {

    width: 90%;

  }

  .wwaICont .wwaICBox {

    padding: 30px 15px;

  }

}

/* /media */



/* 5-7-24 model popup */

/* bootstrap pop up model */

.modal-lg{

  --bs-modal-width: 1200px !important;

}



.bg-color{

  background-color: rgba(0, 0, 0);

}



/* global reach */



/* Outer container with a fixed border */

/* Base styles for the outer container */

/* General styles for larger screens remain unchanged */

.outer-container {

  position: relative;

  overflow: hidden;

}



.vertical-scroll-container {

  max-height: 550px;

  overflow-y: auto;

  position: relative;

  padding-right: 25px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

}



/* Fixed right border */

.outer-container::after {

  content: '';

  position: absolute;

  top: 0;

  right: 55px;

  width: 3px;

  height: 100%;

  background-color: var(--secondary);

  z-index: 1;

}



.vertical-scroll-container .region {

  margin-bottom: 20px;

  padding: 5px;

}



.vertical-scroll-container .region h3 {

  font-size: 17px;

  margin-bottom: 10px;

  font-weight: 700;

  position: relative;

  left: -60px;

}



.vertical-scroll-container .country {

  font-size: 15px;

  margin-top: 10px;

  margin-bottom: 0;

  line-height: 1;

  left: -20px;

  position: relative;

  padding-right: 40px !important;

  display: flex;

    align-items: center;

    justify-content: end;

}

.vertical-scroll-container .country::before {

  content: "•";

  /* margin-left: 0px; */

  font-size: 17px;

  position: relative;

  left: -8px;

}



/* Hide the scrollbar */

.vertical-scroll-container::-webkit-scrollbar {

  width: 0px;

}



.vertical-scroll-container::-webkit-scrollbar-thumb {

  display: none;

}



/* Responsive design for smaller screens */

@media (max-width: 767px)  {

  /* Adjust scrollable container for horizontal scrolling */

  .vertical-scroll-container {

    flex-direction: row; /* Horizontal layout for all regions */

    overflow-y: hidden; /* Disable vertical scrolling */

    overflow-x: auto; /* Enable horizontal scrolling */

    max-height: unset; /* Remove height restriction */

    white-space: nowrap; /* Prevent content wrapping */

  }

  .vertical-scroll-container .country::before {

    content: "•";

    /* margin-left: 0px; */

    font-size: 14px;

    position: relative;

    left: -4px;

  }



  /* Hide region headings (h3) on mobile */

  .vertical-scroll-container .region h3 {

    margin-bottom: 0 !important;

    /* line-height: 0 !important; */

    display: flex;

    left: 0px;

    align-items: center;

    margin-right: 6px;

  }

  .vertical-scroll-container .country {

    display: none;

  }

  /* Adjust regions to display inline */

  .vertical-scroll-container .region {

    display: flex; /* Arrange all regions in a row */

    margin-right: 20px; /* Add spacing between regions */

    padding: 0; /* Remove padding for cleaner look */

    text-align: center;

  }



  /* Adjust countries for inline display */

  .vertical-scroll-container .country {

    display: block; /* Stack countries within a region */

    font-size: 14px;

    margin: 5px;

    white-space: nowrap;

    text-align: center;

    padding: 6px !important;

    position: static;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .country.highlighted {

    padding: 5px !important;

    color: #fff;

    font-size: 14px;

    margin-right: 5px !important;

}

.country.highlighted::after {

display: none;

}

  /* Hide fixed right border on smaller screens */

  .outer-container::after {

    display: none;

  }

}

@media (min-width: 768px) and (max-width: 991px){

  .vertical-scroll-container .region h3 {

    font-size: 13px;



    left: -45px;

}

.vertical-scroll-container .country::before {

  content: "•";

  /* margin-left: 0px; */

  font-size: 15px;

  position: relative;

  left: -8px;

}

.vertical-scroll-container .country {

  font-size: 11px;

  margin-top: 10px;

  margin-bottom: 0;

  line-height: 1;

  left: -20px;

  position: relative;

  padding-right: 21px !important;



}

}



.main-title1{

    background: #EEEEEE;

    padding: 20px;

    margin: 0;

    border-radius: 30px;

    margin-bottom: 50px;

}





.colorBack{

  background-color: #F1F2FF;

}



#feedback {

    height: 0px;

    width: 60px;

    position: fixed;

    right: 0;

    top: 60%;

    z-index: 1000;

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)

}



#feedback a {

    display: block;

    background: var(--secondary);

    height: 52px;

    padding-top: 5px;

    width: 120px;

    text-align: center;

    color: #fff;

    font-family: Arial,sans-serif;

    font-size: 14px;

    text-decoration: none;

    border-radius: 20px;

    border: 1px white solid;

}



#feedback a:hover {

    background: var(--primary);

}





/* mobile-only sticky brochure (bottom-right) */

#brochure.brochure-sticky {

  position: fixed;

  left: 16px;

  bottom: 20px;

  z-index: 1100;

  transform: none;

  width: auto;

  height: auto;

}



/* anchor styling similar to feedback but compact */

#brochure.brochure-sticky a {

  display: inline-block;

  background: var(--secondary);

  padding: 10px 14px;

  text-align: center;

  color: #fff;

  font-family: Arial, sans-serif;

  font-size: 13px;

  text-decoration: none;

  border-radius: 8px;

  border: 1px solid rgba(255,255,255,0.15);

  box-shadow: 0 4px 10px rgba(0,0,0,0.15);

}



/* hover */

#brochure.brochure-sticky a:hover { background: var(--primary); }



/* hide on larger screens (additional guard) */

@media (min-width: 992px) {

  #brochure.brochure-sticky { display: none !important; }

}



/* optional: slightly larger tap area on very small screens */

@media (max-width: 420px) {

  #brochure.brochure-sticky a { padding: 12px 16px; font-size: 14px; }

}



.section222 {

    background-color: #FF6600;

    color: white;

    padding: 45px 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 50px;

  }









  .capacities {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

  }



  .capacity-item {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    position: relative;



  }



  .icon {

    background-color: #fff;

    border-radius: 50%;

    padding: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .icon svg {



    fill: var(--secondary);

  }



  .text {

    display: flex;

    flex-direction: column;



  }



  .name {

    font-weight: 600;

    font-size: 18px;

    line-height: 1.2;

}



.capacity {

    font-size: 16px;

    opacity: 0.8;

}



.capacity-item .divider {

    border-right: 2px solid white;

    height: 40px;

    width: 60px;

}



@media (max-width: 1200px) {

    .name {

        font-size: 12px; /* Slightly smaller font on medium screens */

    }



    .capacity {

        font-size: 9px; /* Slightly smaller font on medium screens */

    }



    .capacity-item .divider {

        display: block; /* Keep the divider on larger screens */

    }

    .btn1{

        padding: 10px;

        font-size: 10px;

    }

}



@media (max-width: 992px) {

    .name {

        font-size: 12px; /* Adjust name size for smaller screens */

    }



    .capacity {

        font-size: 8px; /* Adjust capacity size for smaller screens */

    }



    .capacity-item .divider {

        display: block; /* Keep divider visible */

    }

    .btn1{

        padding: 9px;

        font-size: 8px;

    }

}



@media (max-width: 768px) {

    .name {

        font-size: 14px; /* Reduce font size further on smaller screens */

    }



    .capacity {

        font-size: 12px; /* Reduce capacity font size */

        opacity: 1; /* Make capacity text fully opaque for better readability */

    }



    .capacity-item .divider {

        display: none; /* Hide divider on mobile */

    }

    .btn1{

        padding: 10px;

        font-size: 10px;

    }

}



@media (max-width: 576px) {

    .name {

        font-size: 14px; /* Ensure font size is suitable on very small screens */

    }



    .capacity {

        font-size: 12px; /* Maintain readability for small screens */

        opacity: 1;

    }



    .capacity-item .divider {

        display: none; /* Hide divider on extra small screens */

    }

    .btn1{

        padding: 10px;

        font-size: 10px;

    }

}



@media (min-width:1201px ) and (max-width: 1300px) {

    .name {

        font-size: 13px; /* Slightly larger font on large screens */

    }



    .capacity {

        font-size: 10px; /* Slightly larger font on large screens */

    }

    .btn1{

        padding: 10px;

        font-size: 10px;

    }

}







@media (min-width: 1301px) and (max-width: 1880px) {

    .name {

        font-size: 14px; /* Slightly larger font on large screens */

    }



    .capacity {

        font-size: 12px; /* Slightly larger font on large screens */

    }

    .btn1{

        padding: 10px;

        font-size: 10px;

    }

}



.ser-img

{

    position: absolute;

    top: -20px;

    width: 100px;

    height: 100px;

}



.ser-img img

{

    width: 100%;

    height: 100%;

    object-fit: contain;

    border-radius: 50px;

}



@media (max-width: 1200px) {

    .ser-img

    {

        top: -10px;

        width: 80px;

        height: 80px;

    }

    .ser-img img

    {

        border-radius: 40px;

    }

    .abbTex1{

        padding-left: 80px !important;

        font-size: 18px !important;

        margin-bottom: 30px !important;

    }



}

@media (max-width: 991px) {

    .ser-img

    {

        top: -10px;

        width: 60px;

        height: 60px;

    }

    .ser-img img

    {

        border-radius: 40px;

    }

    .abbTex1{

        padding-left: 80px !important;

        font-size: 18px !important;

        margin-bottom: 30px !important;

    }



}

.abbTex1{

padding-left: 120px ;

font-size: 22px !important;

margin-bottom: 40px !important;

}







.sclIcn img {

    transition: opacity 0.3s ease-in-out !important;

}



.sclIcn img.hover-img {

    display: none;

    position: relative;

}



.sclIcn:hover img.default-img {

    display: none;

}



.sclIcn:hover img.hover-img {

    display: block;

}



.scrollable-sidebar {

    position: sticky;

    top: 50px; /* Same height as header */

    max-height: calc(100vh - 60px); /* Prevent overflow */

    overflow-y: auto;

    background-color: white;

    padding: 10px;

    /* border-right: 1px solid #dddddd; */

}

/* For WebKit browsers (Chrome, Safari) */

.scrollable-sidebar::-webkit-scrollbar {

    width: 6px; /* Thin scrollbar */

    cursor: pointer;

}





.scrollable-sidebar::-webkit-scrollbar-thumb {

    background-color: rgba(255, 108, 10, 0.3); /* Darker color on scroll */

    border-radius: 10px; /* Rounded corners */

}



.scrollable-sidebar::-webkit-scrollbar-track {

    background: #ddd; /* Hide track when not scrolling */

}

#id_jordan:hover,

#id_ethiopia:hover,

#id_chile:hover,

#id_tanzania:hover,

#id_senegal:hover,

#id_hungary:hover,

#id_mali:hover,

#id_ivorycoast:hover,

#id_liberia:hover,

#id_benin:hover,

#id_cameroon:hover,

#id_canada:hover,

#id_angola:hover,

#id_drcongo:hover,

#id_uganda:hover,

#id_zimbabwe:hover,

#id_mozambique:hover,

#id_madagascar:hover,

#id_togo:hover,

#id_ghana:hover,

#id_kenya:hover,

#id_southafrica:hover,

#id_botswana:hover,

#id_zambia:hover,

#id_mauritius:hover,

#id_burkinafaso:hover,

#id_malawi:hover,

#id_spain:hover,

#id_portugal:hover,

#id_germany:hover,



/* Newly added IDs */

#id_mexico:hover,

#id_colombia:hover,

#id_peru:hover,

#id_cambodia:hover,

#id_afghanistan:hover,

#id_vietnam:hover,

#id_malaysia:hover,

#id_myanmar:hover,

#id_philippines:hover,

#id_saudiarabia:hover,

#id_iraq:hover,

#id_yemen:hover,

#id_georgia:hover,

#id_uzbekistan:hover,

#id_kyrgyzstan:hover,

#id_azerbaijan:hover

{

  fill: var(--secondary);

}



#id_india:hover{

    fill: var(--primary);

}

svg *:focus {

  outline: 0;

}

.heart {

  animation: heart-pulse 0.65s ease-out alternate;

  animation-iteration-count: infinite;

}

@keyframes heart-pulse {

  0% {transform: scale(0.55, 0.55);}

  30% {transform: scale(1, 1);}

}









/* Popup styling */
.popup {
  position: fixed; /* Changed from absolute to fixed for better mobile handling */
  display: none;
  left: 0;
  top: 0;
  background: rgba(20, 20, 20, 0.95); /* Slightly more opaque for better readability */
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 9999; /* Ensure it's above other elements */
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: translateY(10px);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  max-width: 200px;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
}

/* Tooltip Visible State */
.popup.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Mobile-specific adjustments */
@media (max-width: 767px) {
  .popup {
    font-size: 13px;
    padding: 8px 12px;
    max-width: 160px;
  }
}

/* ---------- MOBILE COUNTRY HORIZONTAL SCROLL ---------- */
.mobile-country-scroll {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding: 10px;
    white-space: nowrap;
    background: white;
    border-bottom: 1px solid #eee;
}

.mobile-country-scroll::-webkit-scrollbar {
    height: 4px;
}
.mobile-country-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 108, 10, 0.4);
    border-radius: 10px;
}

.chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background: #f5f5f5;
    border-radius: 30px;
    font-size: 13px;
    border: 1px solid #ddd;
    flex-shrink: 0;
}

.chip-icon {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

/* Desktop hide */
@media (min-width: 768px) {
    #mobileScroller {
        display: none;
    }
}
/* Default Desktop Map */
.map-svg {
    width: 100%;
    height: 500px;
    display: block;
}

/* Mobile: reduce map size */
@media (max-width: 767px) {
    .map-svg {
        width: 100%;
        max-height: 400px;  /* looks perfect for mobile */
    }
}




.pagination-controls button {

    min-width: 45px; /* Ensure consistent button width */

    font-size: 16px;

    border-radius: 6px;

    transition: all 0.3s ease;

}



.pagination-controls button:disabled {

    opacity: 0.5;

    cursor: not-allowed;

}



.pagination-controls span {

    font-size: 18px;

    color: #333;

}









.modal {

    display: none;

    position: fixed;

    z-index: 1000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    justify-content: center;

    align-items: center;

}

.modal-content {

    background: white;

    padding: 30px;

    width: 90%;

    max-width: 600px;

    border-radius: 10px;

    text-align: left;

    position: relative;

}

.close {

    position: absolute;

    top: 10px;

    right: 15px;

    font-size: 20px;

    cursor: pointer;

    color: #333;

}

.download-btn {

    width: 100%;

    background-color: #2C2C78;

    color: white;

    border: none;

    border-radius: 5px;

    padding: 10px;

    font-size: 16px;

    cursor: pointer;

}

.download-btn:hover {

    background-color: #1A1A5A;

}
.product-card-body {
margin:10px;
  flex: 1 1 auto;
  padding: 3px;
  color: var(--bs-card-color);
  /* min-height: 100px !important; */
  }

#Iframe1 {

    position: fixed;

    top: 3%;

    z-index: 999999;

    right: 0px;

}



@media (max-width: 767px) {

    #Iframe1 {

        position: fixed;

        bottom: 0;

        z-index: 999999;

        left: 0;

        top: auto; /* Reset the top position */

    }

}

.grecaptcha-badge{display:none !important;}