@font-face {
  font-family: 'GT_Walsheim_Medium';
  src: url('../assets/font/GT-Walsheim-Medium.woff') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'GT_Walsheim_Light';
  src: url('../assets/font/GT-Walsheim-Light.woff') format('opentype');
}
.font-medium-custom {
  font-family: 'GT_Walsheim_Medium', sans-serif;
}
.font-light-custom {
  font-family: 'GT_Walsheim_Light';
}
:root {
  --primary: #393987;
  --secondary: #ed432f;
  --text: #696969;
  --content: #5d6a83;
  --light-bg: #edf2ff;
  --menu: #232323;
--clamp222: clamp(150px, 10.25vw, 222px);
--clamp12: clamp(10px, 0.625vw, 12px);
--clamp13: clamp(10px, 0.677vw, 13px);
--clamp14: clamp(12px, 0.72916vw, 14px);
--clamp15: clamp(13px, 0.78125vw, 15px);
--clamp16: clamp(14px, 0.8333vw, 16px);
--clamp18: clamp(14px, 0.9375vw, 18px);
--clamp20: clamp(16px, 1.0416vw, 20px);
--clamp21: clamp(18px, 1.0937vw, 21px);
--clamp22: clamp(16px, 1.145vw, 22px);
--clamp24: clamp(16px, 1.25vw, 24px);
--clamp26: clamp(18px, 1.3541vw, 26px);
--clamp27: clamp(18px, 1.40625vw, 27px);
--clamp28: clamp(18px, 1.4583vw, 28px);
--clamp30: clamp(20px, 1.5625vw, 30px);
--clamp32: clamp(20px, 1.666vw, 32px);
--clamp34: clamp(20px, 1.77vw, 34px);
--clamp35: clamp(20px, 1.8229vw, 35px);
--clamp36: clamp(22px, 1.875vw, 36px);
--clamp38: clamp(22px, 1.9791vw, 38px);
--clamp40: clamp(24px, 2.1875vw, 40px);
--clamp42: clamp(24px, 2.1875vw, 42px);
--clamp44: clamp(24px, 2.291vw, 44px);
--clamp45: clamp(26px, 2.3vw, 45px);
--clamp46: clamp(26px, 2.3vw, 46px);
--clamp48: clamp(28px, 2.5vw, 48px);
--clamp50: clamp(28px, 2.6041vw, 50px);
--clamp52: clamp(28px, 2.7083vw, 52px);
--clamp54: clamp(28px, 2.8125vw, 54px);
--clamp55: clamp(28px, 2.8645vw, 55px);
--clamp56: clamp(28px, 2.9166vw, 56px);
--clamp58: clamp(28px, 3.02083vw, 58px);
--clamp60: clamp(30px, 3.125vw, 60px);
--clamp62: clamp(30px, 3.2291vw, 62px);
--clamp64: clamp(30px, 3.333vw, 64px);
--clamp65: clamp(30px, 3.3854vw, 65px);
--clamp66: clamp(32px, 3.4375vw, 66px);
--clamp68: clamp(32px, 3.541vw, 68px);
--clamp70: clamp(32px, 3.645vw, 70px);
--clamp72: clamp(35px, 3.72vw, 72px);
--clamp74: clamp(35px, 3.854vw, 74px);
--clamp75: clamp(35px, 3.90625vw, 75px);
--clamp76: clamp(35px, 3.958vw, 75px);
--clamp78: clamp(35px, 4.0625vw, 78px);
--clamp80: clamp(35px, 4.1666vw, 80px);
--clamp82: clamp(35px, 4.27083vw, 82px);
--clamp84: clamp(38px, 4.375vw, 84px);
--clamp88: clamp(38px, 4.411vw, 88px);
--clamp100: clamp(38px, 5.2083vw, 100px);
--clamp115: clamp(40px, 5.2183vw, 110px);
--clamp120: clamp(60px, 6.25vw, 120px);
--clamp150: clamp(70px, 7.25vw, 150px);
}
hr {
  border-bottom: 1px solid #141414;
}
*:focus {
  outline: none;
}
html {
  overflow-x: hidden;
  font-family: 'GT_Walsheim_Light';
  padding: 0;
  margin: 0;
  color: #141414;
}
a {
  text-decoration: none;
}
.btn:focus {
  box-shadow: none;
}
ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
button:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}
body {
  font-family: 'GT_Walsheim_Light';
  overflow-x: hidden;
  color: #141414;
}
.space {
padding-top: 100px;
padding-bottom: 100px;
}
.space-top {
padding-top: 50px;
}
.space-bottom {
padding-bottom: 50px;
}
.space-top-100 {
padding-top: 100px;
}
.space-bottom-100 {
padding-bottom: 100px;
}
.heading {
font-size: var(--clamp58);
font-weight: 600;
line-height: var(--clamp70);
}
.sub-head {
font-size: var(--clamp56);
line-height: var(--clamp68);
}
.body-content {
font-size: var(--clamp34);
line-height: var(--clamp40);
}
.bg-sky-100 {
  background-color:#d8ebf9;
}
.theme-btn:hover svg{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hero_banner {
  background-image: url('../assets//home/hero-bg.png');
}
.hero_banner h1 {
  font-size: var(--clamp150);
  font-weight: 600;
}
.hero_banner .card {
  width: 300px;
  height: 340px;
  position: relative;
  overflow: hidden;
}
.hero_banner .card.card-1 {
  background-color: #ff6362;
}
.hero_banner .card.card-1::before {
  content: '';
  position: absolute;
  width: 318px;
  height: 318px;
  border-radius: 50%;
  bottom: -100px;
  right: -50px;
  background-color: #d8345f;
  transition: all ease-in-out 0.4s;
}
.hero_banner .card.card-1:hover::before {
  scale: 2.4;
  bottom: -50px;
  right: -25px;
}
.hero_banner .card.card-2 {
  background-color: #27cdd9;
}
.hero_banner .card.card-2::before {
  content: '';
  position: absolute;
  width: 318px;
  height: 318px;
  border-radius: 50%;
  top: -70px;
  left: -50px;
  background-color: #143980;
  transition: all ease-in-out 0.4s;
}
.hero_banner .card.card-2:hover::before {
  scale: 2.4;
  bottom: -50px;
  right: -25px;
}
.hero_banner .card.card-2 .lern-btn {
  color: #143980;
}
.hero_banner .card.card-2 .lern-btn svg circle,
.hero_banner .card.card-2 .lern-btn svg ellipse {
  transition: all ease-in-out 0.3s;
}
.hero_banner .card.card-2:hover .lern-btn {
  color: #fff;
}
.hero_banner .card.card-2:hover .lern-btn svg circle,
.hero_banner .card.card-2:hover .lern-btn svg ellipse {
  fill: #fff;
}
.hero_banner .card.card-3 {
  background-color: #143980;
}
.hero_banner .card.card-3::before {
  content: '';
  position: absolute;
  width: 270px;
  height: 280px;
  border-radius: 50%;
  bottom: -100px;
  left: -50px;
  background-color: #031c4b;
  transition: all ease-in-out 0.4s;
}
.hero_banner .card.card-3 .lern-btn {
  color: #27cdd9;
}
.hero_banner .card.card-3:hover::before {
  scale: 2.4;
  bottom: -50px;
  right: -25px;
}
.lern-btn {
  position: relative;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  float: right;
  align-items: center;
  font-size: var(--clamp14);
}
.lern-btn svg {
  transform: translateX(6px);
  transition: all 0.3s ease-in-out;
  width: 10px;
}
.lern-btn:hover svg {
  transform: translateX(12px);
}
.theme-btn svg {
  transition: all ease-in-out 0.3s;
}
.theme-btn:hover svg {
  transform: rotate(45deg);
}


.s-Machines {
  background-color: #4e4e4e;
  position: relative;
  height: auto;
}
.s-Machines .content {
  justify-content: end;
  position: relative;
  z-index: 9;
  padding: 0 16px;
}



.mapAnimation {
z-index: -2;
}
.s-about-us {
  position: relative;
}


/* .s-about-us .swiper-button-next, .swiper-button-prev {
width: auto;
height: auto;
} */
.swiper-button-prev:after, .swiper-button-next:after {
content: none
} 

/* Custom Styles for Swiper */
.swiper {
width: 100%;
}

.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}

.swiper-pagination{
text-align: start !important;
}

.swiper-pagination-bullet {
width: 100px;
height: 6px;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.swiper-pagination-bullet::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.swiper-pagination-bullet-active {
background: #cccccc;

}
.swiper-pagination-bullet-active::before {
background-color: #FF6362;
animation: slide-progress 2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}
.swiper-paused .swiper-pagination-bullet-active::before {
animation-play-state: paused;
}
@keyframes slide-progress {
0% {
  transform: translateX(-100%);
}
100% {
  transform: translateX(0);
}
}
.aboutus-swiper {
  margin: auto !important;
  overflow: hidden !important;
}
.s-about-us .swiper-buttons {
position: absolute;
top: 70%;
width: 96%;
left: 2%;
}
.inner-swiper-buttons {
position: relative;
width: 100px;
left: calc(50% - 50px);
top: 30px;
}
.inner-swiper-buttons .swiper-button-next svg,
.inner-swiper-buttons .swiper-button-prev svg {
width: 20px;
}
.machineBox {
padding: 0 20px;
}
.s-about-us .swiper-button-next svg, .s-about-us .swiper-button-prev svg {
width: 16px;
}

section.footer-top {
  background-color: #031C4B;
}
section.footer-top .swiper-slide img{
  height: 40px;
  object-fit: contain;
}
.footer-form {
  background-color: #143980;
  transition: all ease-in-out 0.3s;
  color: white;
  padding: 20px 30px;
  border-radius: 60px;
}
.footer-form:hover {
  background-color: #ff6362;
  color: white;
}
/* footer styles */
footer {
background-color: #031C4B;
}  
footer .footer-social-links a svg {
transition: all ease-in-out 0.3s;
}
footer .footer-social-links a:hover svg {
transform: scale(1.2);
}
/* About Us page  */
.inner_banner {
  background-image: url('../assets//home/hero-bg.png');
}
.inner-btn {
padding: 20px 50px;
background-color:#ff6362;
border-radius: 60px;
overflow: hidden;
position: relative;
font-size: var(--clamp32);
}
.inner-btn span {
z-index: 2;
position: relative;
}
.inner-btn::before {
content: '';
position: absolute;
width: 50px;
height: 50px;
border-radius: 60px;
background-color: #143980;
top: calc(50% - 15px);
left: calc(50% - 15px);
opacity: 0;
transition: all ease-in-out 0.3s;
}
.inner-btn:hover::before { 
transform: scale(6.2);
opacity: 1;
}
.bg-blue-sec {
background-color: #031C4B;
}
.applyNow {
position: relative;
display: inline-flex;
align-items: center;
}
.applyNow span svg {
transition: all ease-in-out 0.3s;
transform: rotate(-45deg);
width: 20px;
background: #fff;
}
.applyNow:hover span svg {
transition: all ease-in-out 0.3s;
transform: rotate(0deg) translateX(4px);
}
.about-head {
  font-size: var(--clamp74);
  line-height: var(--clamp84);
}
.menu li a, .menu li button, .menu li a:hover svg, .menu li button:hover svg {
transition: all ease-in-out 0.3s;
}
.menu li a:hover, .menu li button:hover {
color: #f0532a;
}
.menu .active {
color: #f0532a;
}
.menu li a:hover svg path, .menu li button:hover svg circle, .menu li button:hover svg ellipse {
fill: #f0532a;
}
.menu .active svg path, .menu .active svg circle, .menu .active svg ellipse {
fill: #f0532a;
}




.swiper-rcm .swiper-slide figcaption {
min-height: 430px;
}
.rcm-height .swiper-slide figcaption{
min-height: 400px;
}

.footerform input {
border-radius: 32px;
font-size: var(--clamp22);
}
.footerform input::placeholder {
color: #031C4B;
opacity: 1; /* Firefox */
}

.footerform input::-ms-input-placeholder { /* Edge 12-18 */
color: #031C4B;
}


/* font size */


/* .body-content {
font-size: var(--clamp20);
line-height: var(--clamp36);
} */
footer li a {
color: #fff;
font-size: var(--clamp16);
}
.footer-head {
  font-size: var(--clamp34);
  font-weight: 300;
}
/* large screens responsive*/
.inner_banner, .form-inner {
padding-top: 100px;
}
.hero-p {
font-size: var(--clamp38);
}
.features-content {
font-size: var(--clamp20);
font-weight: 300;
}
.inner_banner h1, .form-inner h1 {
line-height: var(--clamp80);
font-size: var(--clamp70);
font-weight: 600;
}

.mobile-only, .tab-only {
display: none;
}









ul.shadow-box li {
border-bottom: 1px solid #141414;
}
.border-left {
border-color: #141414;
}
.large-text {
font-size: var(--clamp88);
}




/* home cards */
/* .hero_banner .card {
  width: 195px;
  height: 205px;
  position: relative;
  overflow: hidden;
  padding: 30px 15px;
}
.hero_banner .card h2 {
  font-size: var(--clamp32);
}
.hero_banner .card p {
  font-size: var(--clamp16);
  line-height: var(--clamp22);
  padding-top: 10px;
}
.lern-btn {
  font-size: var(--clamp14);
}
.hero_banner .card.card-1 {
  background-color: #ff6362;
}
.hero_banner .card.card-1::before {
  content: '';
  position: absolute;
  width: 198px;
  height: 208px;
  transition: all ease-in-out 0.4s;
}
.hero_banner .card.card-1:hover::before {
  scale: 2.8;
  bottom: -50px;
  right: -25px;
}
.hero_banner .card.card-2 {
  background-color: #27cdd9;
}
.hero_banner .card.card-2::before {
  content: '';
  position: absolute;
  width: 188px;
  height: 188px;
  top: -40px;
  left: -50px;
  transition: all ease-in-out 0.4s;
}
.hero_banner .card.card-2:hover::before {
  scale: 3;
  bottom: -50px;
  right: -25px;
}
.hero_banner .card.card-2 .lern-btn {
  color: #143980;
}
.hero_banner .card .lern-btn svg {
  width: 12px;
}
.hero_banner .card.card-2 .lern-btn svg circle,
.hero_banner .card.card-2 .lern-btn svg ellipse {
    transition: all ease-in-out 0.3s;
}
.hero_banner .card.card-2:hover .lern-btn {
    color: #fff;
}
.hero_banner .card.card-2:hover .lern-btn svg circle,
.hero_banner .card.card-2:hover .lern-btn svg ellipse {
    fill: #fff;
}

  .hero_banner .card.card-3 {
    background-color: #143980;
  }
  .hero_banner .card.card-3::before {
    content: '';
    position: absolute;
    width: 178px;
    height: 198px;
    border-radius: 50%;
    bottom: -90px;
    left: -50px;
    background-color: #031c4b;
    transition: all ease-in-out 0.4s;
  }
  .hero_banner .card.card-3 .lern-btn {
    color: #27cdd9;
}
  .hero_banner .card.card-3:hover::before {
    scale: 2.8;
    bottom: -50px;
    right: -25px;
  } */
  
.s-Machines .content {
  padding-bottom: 100px;
}
.form-inner input,  .form-inner textarea{
font-size: var(--clamp32) !important;
line-height: var(--clamp36);
}
textarea {
  min-height: 50px;
  height: auto;
  resize: vertical;
  overflow: auto;
}
#cursor {
position: fixed;
top: -5px;
left: -5px;
width: 10px;
height: 10px;
background-color: #F0532A;
border-radius: 50%;
pointer-events: none;
z-index: 999;
}

#cursor-border {
--size: 50px;
position: fixed;
top: calc(var(--size) / -2);
left: calc(var(--size) / -2);
width: var(--size);
height: var(--size);
border-radius: 50%;
box-shadow: 0 0 0 1px #BFC1B6;
pointer-events: none;
transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out;
z-index: 999;
}