@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
:root{
    --c1:#823df7; 
    /* --c1:#502f7f; */
    --c2:#6a6666;
    --w:#ffffff;
    /* --c3:#e17806; */
}
@font-face {
  font-family: myfont;
  src: url(../Butler_Black.otf);
}
@font-face {
  font-family: fontm;
  /* src: url(../Butler_Medium.otf); */
  src: url(../georgiai.ttf);
}

a{
    text-decoration: none !important;
}
.c1{
    color: var(--c1) !important;
}
.nf{
  font-family: fontm !important;
  /* font-weight: 800; */
  letter-spacing: 1px;
/* font-family: 'Josefin Sans', sans-serif !important; */
}
/* .c2{
    color: var(--c2) !important;
} */
.w{
    color: var(--w) !important;
}
.y-color{
    color: var(--y) !important;
}
.h{
  text-align: justify;
  font-size: 25px;
  font-family: fontm !important;
  /* font-family: 'Dosis', sans-serif !important;
  font-family: 'Josefin Sans', sans-serif !important; */
}
body{
  /* font-family: 'Poppins', sans-serif !important; */
    font-family: 'Roboto Slab', serif !important;
    
    /* background-color: #000 !important; */
    overflow-x: hidden !important;
    margin: 0%;
    padding: 0%;
    width: 100vw;
}
html{
  overflow-x: hidden !important;
  margin: 0%;
  padding: 0%;
  width: 100vw;
}
/* .txt2 .c1{
  color: #000 !important;
} */
.top{
  background-color: #000000;
  color: #fff;
}
.under-line{
  width: 0px;
  height: px;
  /* background-color: var(--c1); */
}
p{
  line-height: 27px;
  text-align: justify;
  font-size: 15px;
}
.t-bx i{
  color: #fff;
}
.final-i i{
  font-size: 14px;
  margin-right: 18px;
}
body{
  /* font-family: 'Roboto', sans-serif !important; */
  font-family: 'Lora', serif !important;
}
/* nav bar */
.navbar{
  transition: all .5s;
  /* background-color: rgb(130, 61, 247) !important; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: rgb(255,255,255);
  background: linear-gradient(135deg, rgba(255,255,255,1) 61%, rgba(130, 61, 247,1) 61%);
/* background: linear-gradient(126deg, rgba(255,255,255,1) 61%, rgba(130, 61, 247,1) 62%); */
/* background: linear-gradient(180deg, #a74ef4 0%, rgb(130, 61, 247) 100%); */
                box-shadow: 6px 6px 12px rgba(161,76,245,.3);
  border-top: 5px solid var(--c1);
  border-bottom: 5px solid var(--c1);
}
.logo{
  /* width: 120px; */
  object-fit: contain;
  height: 50px;
}
.nav-icon{
width: 35px;
}
.nav-close-icon{
  width: 30px;
}
.newnav{
  position: fixed !important;
  top: 0% !important;
  left: 0%;
  width: 100%;
  z-index: 50;
  /* background: #ffffff !important; */
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
  animation: mymove .5s ;
  background: rgb(255,255,255);
  background: linear-gradient(135deg, rgba(255,255,255,1) 61%, rgba(130, 61, 247,1) 61%);
}
@keyframes mymove {
  0% {
      transform: translateY(-50%);
  }
  100% {
      transform: translatey(0%);
  }
}
.dropdown-item{
  color: rgb(255, 255, 255) !important;
}

.search-bx{
  width: 40%;
}
.serc-btn{
  background-color: var(--c1) !important;
  color: #fff !important;
}
.nav-item{
  padding: 0px 10px;
}
.nav-link{
  color: var(--c1) !important;
  /* font-family: 'Dosis', sans-serif !important;
  font-family: 'Josefin Sans', sans-serif !important; */
  /* font-family: fontm !important; */
  /* font-weight: 900 !important; */
  letter-spacing: 1px;
  font-size: 14px !important;
  transition: all .5s;  
}
/* .newnav .nav-link{
  color: #000 !important;

} */
.navbar .nav-link:hover{
  transform: translateX(10px);
  transition: all .5s;
}
.nav-active{
  /* color: var(--c1) !important; */
  font-weight: bold !important;
}
/* .newnav .nav-active{
  color: var(--c1) !important;
  font-weight: bold !important;
} */
.nv-icon{
  /* background-color: #ff6f00; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-div img{
  width: 30px;
}
.nv-icon p{
  margin-bottom: 0% !important;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: unset !important;
}
.dropdown:hover .dropdown-menu {
  transform: scale(1);
}

.dropdown-item{
  background-color: unset !important;
  transition: all .5s;
  font-size: 14px !important;
  padding: unset !important;
  margin-bottom: 8px;
  
}
.dropdown-menu{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  border: unset !important;
}
.dropdown-item i{
  margin-right: 6px;
}
.dropdown-item:hover{
  transform: translateX(10px);
  transition: all .5s;
}
/* .dropdown-menu .nav-item{
  
} */
/* .dropdown-menu  .nav-link{
  font-size: 13px !important;
} */
         
.btn-grad {
  /* background-image: linear-gradient(to right, #DA22FF 0%, #9733EE  51%, #DA22FF  100%) ; */
  background-image: linear-gradient(to right, #6a3093 0%, #a044ff  51%, #6a3093  100%);
  background-size: 200% auto;
  color: white !important;            
  transition: 0.5s;
  letter-spacing: 2px !important;
}
         

.btn-grad:hover {
  background-position: right center; /* change the direction of the change here */
  /* color: #fff; */
  text-decoration: none;
  transition: 0.5s;

}

@keyframes slideIn {
  0% {
    transform: translateX(2rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0rem);
    opacity: 1;
  }
  0% {
    transform: translateX(2rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateX(2rem);
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateX(2rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.animate {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

.dropdown-menu li {
  position: relative;
  }
  .dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
  }
  .dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
  }
  .dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
  }
  .dropend .dropdown-menu[data-bs-popper] {
      top: 0;
      right: auto;
      left: 110% !important;

  }
  .btn-primary{
      background-color: #fff !important;
      border: 2px solid var(--c1) !important;
      color: #030303 !important;
      outline: none !important;
      /* border: none !important; */
      display: flex !important;
      align-items: center;
      justify-content: center;
     /* position: relative; */
      height: 40px;
      font-size: 13px !important;
      transition: all .5s;
  }
  .btn-primary:hover{
    background-color: var(--c1) !important;
    color: #fff !important;
    transition: all .5s;
  }
  .btn-w{
    width: 180px !important;
  }

    
    .btn-glow {
      background-color: #fff !important;
      color: var(--c1) !important;
      border-radius: 19px !important;
      font-weight: 600 !important;
      letter-spacing: 1px;
      display: flex !important;
      align-items: center;
      justify-content: center;
    }
    .btn-glow:hover{
      background-color: #fff !important;
      color: var(--c1) !important;
    }

    /* hero */
.mob-baner{
    display: none !important;
}
.desk-baner{
    display: block;
}
.hero{
    /* height: 80vh; */
    overflow: hidden;
}
.hero-slider{
    height: 100% !important;
}
.hero-crd{
    width: 100%;
}
.hero-crd img{
    width: 100%;
    height: 100%;
    object-fit: contain;

}
.navs-slidr{
    opacity: 0 !important;
    transition: all .5s;
}
.h-sl:hover .navs-slidr{
    opacity: 1 !important;
    transition: all .5s;
}
.pre{
    font-size: 40px;
    color: #000 !important;
    font-weight: 900;
}
.next{
    font-size: 40px;
    color: #000 !important;
    font-weight: 900;
}
.hero-item{
  margin-right: 0% !important;
}
.txt1 {
  font-size: 28px;
  padding-bottom: 0 !important;
  color: var(--c1);
  line-height: 1.3;
  font-weight: bold;
}
.txt2 {
  font-size: 30px;
  padding-bottom: 0;
  font-family: "Poppins",sans-serif;
  font-weight: bold;
  /* color: var(--c1); */
  color: var(--c1);
  text-transform: capitalize;
}
.threed-line{
  width: 50%;
  /* transform: translateX(-15%); */
}
.nedle{
  width: 30px;
}
.ab-side{
  /* display: flex !important;
  justify-content: center;
  align-items: center; */
  position: relative;
}
.ab-side img{
  height: 280px;
  width: 300px;
  background-color: #fff;
  padding: 2%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.ab1{
  position: absolute;
  top: 20%;
  left: 0%;
  /* height: 200px;
  width: 250px; */
  object-fit: cover;
  z-index: 4;
  animation-name: floatinglrr;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.ab2{
  position: absolute;
  top: 0%;
  left: 30%;
  /* height: 200px;
  width: 250px; */
  object-fit: cover;
  z-index: 3;
  animation-name: floatingup;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.ab3{
  position: absolute;
  top: 30%;
  right: 0%;
  /* height: 200px;
  width: 250px; */
  object-fit: cover;
  z-index: 1;
  animation-name: floatinglrr;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.ab4{
  position: absolute;
  bottom: 0%;
  left: 30%;
  /* height: 200px;
  width: 250px; */
  object-fit: cover;
  z-index: 2;
  animation-name: floatingup;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floatinglrr {
  0% { transform: translateX(0%); }
  /* 50%  { transform: translateX(0%); } */
  50%   { transform: translateX(15%); }  
  100% { transform: translateX(0%); }  
}
.floating-up {  
  animation-name: floatingup;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

@keyframes floatingup {
  0% { transform: translateY(0%); }
  /* 50%  { transform: translateX(0%); } */
  50%   { transform: translateY(15%); }  
  100% { transform: translateY(0%); }  
}

.g-banner{
  background-color: #f6f6f6;
}
.gradient-bg{
  /* background: linear-gradient(45deg, #A46DFF, #F6D1FD); */
  /* background-image: url(../images/bg1.jpg); */
  
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  /* position: relative; */

  /* border: 2px dotted var(--c1); */
}

.baner-left{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.baner-left h3{
  font-size: 30px;
  letter-spacing: 1px;
}
.btn-nedle{
  width: 35px;
  position: absolute;
  top: -15%;
  left: -5%;
  transition: all .5s;
}
.btn-primary:hover .btn-nedle{
  top: 5%;
  /* left: 80%; */
  transition: all .5s;
}
.ov-sec{
  position: relative;
  height: 400px;
  background-image: url(../images/b2.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.baner-two{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgb(0, 0, 0,.6);
  /* background-color: #502F8F; */
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%234f2f8d' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%234e2e8b' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%234d2e8a' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%234c2d88' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%234B2D86' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23533097' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%235a32a9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%236234bb' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%236a38cb' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%237545D2' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); */
/* background-attachment: fixed; */

  backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.baner-two h3{
  font-size: 45px;
}
.ls{
  letter-spacing: 1px;
}
.btn-bg{
  /* background-color: #fff !important; */
  /* color: var(--c1) !important; */
  background-image: linear-gradient(to right, #6a3093 0%, #a044ff  51%, #6a3093  100%) !important;
  transition: 0.5s;
  background-size: 200% auto;
  color: white !important;            

}
/* counter box */
.g-bg{
  position: relative;
  height: 300px;
  background-image: url(../images/b2.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.c-bg{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgb(0, 0, 0,.7);

  backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.count-bx{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  /* border: 1px dashed var(--c1); */
  /* background-color: #fff; */
  /* border-radius: 59% 41% 70% 30% / 30% 30% 70% 70% ;
  height: 200px; */
}
.count-bx h3{
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
}
.count-bx p{
  letter-spacing: 1px;
  margin: 0% !important;
  color: var(--c2);
}

/* why */
.why-left{
  display: flex;
  /* flex-direction: column; */
  position: relative;
}
.why-left img{
  width: 100%;
  /* height: 500px; */
  object-fit: contain;
} 

/* .whyimg1{
  width: 50%;

  object-fit: cover;

} */
/* .whyimg2{
  width: 50%;
  height: 80%;
  object-fit: cover;
  position: absolute;
  top: 30%;
  right: 10%;
} */
/* .whyimg2{
  width: 50%;

  object-fit: cover;
  transform: translateY(15%);
} */
/* .floating-lr {  
  animation-name: floatinglr;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
} */

@keyframes floatinglr {
  0% { transform: translateX(-15%); }
  /* 50%  { transform: translateX(0%); } */
  50%   { transform: translateX(0%); }  
  100% { transform: translateX(-15%); }  
}

.why{
  /* background-image: url(../images/circle-scatter-haikei.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
  display: flex;
  justify-content: center;
}
.why-box{
  display: flex;
  justify-content: center;
  
}
.wb-icon{
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  border-radius: 50%;
}
.wb-icon img{
  width: 40px;
  /* height: 50px; */
}

/* ?***footer ****** */
.footer-bx{
  /* background: linear-gradient(270deg, #281024 5%, #1a1224 95%); */
  /* background-image: url(../images/footer.jpg);
  background-position: top;
  background-size: cover;
  background-attachment: fixed; */
  background-color: #502F8F;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%234f2f8d' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%234e2e8b' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%234d2e8a' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%234c2d88' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%234B2D86' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23533097' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%235a32a9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%236234bb' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%236a38cb' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%237545D2' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
/* background-attachment: fixed; */
/* background-color: #330055;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23330055' cx='50' cy='0' r='50'/%3E%3Cg fill='%233a015d' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23410165' cx='50' cy='100' r='50'/%3E%3Cg fill='%2348026e' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23500376' cx='50' cy='200' r='50'/%3E%3Cg fill='%2357047e' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%235f0587' cx='50' cy='300' r='50'/%3E%3Cg fill='%2367068f' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f0798' cx='50' cy='400' r='50'/%3E%3Cg fill='%237707a0' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%238008a9' cx='50' cy='500' r='50'/%3E%3Cg fill='%238909b1' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%239109ba' cx='50' cy='600' r='50'/%3E%3Cg fill='%239a09c3' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23a309cb' cx='50' cy='700' r='50'/%3E%3Cg fill='%23ad09d4' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23b608dc' cx='50' cy='800' r='50'/%3E%3Cg fill='%23c007e5' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c905ee' cx='50' cy='900' r='50'/%3E%3Cg fill='%23d303f6' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23D0F' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: contain; */
background-size: cover;
background-repeat: no-repeat;
}
/* .footer-bx .c1{
  color: var(--c2) !important;
} */
.f-logo{
  height: 100px;
}
.fo-head{
  letter-spacing: 1px;
  text-transform: uppercase;
}
.f-p{
  font-size: 13px;
  transition: all .5s;
}
.f-p:hover{
  transform: translateX(10px);
  transition: .5s;
}
.f-img-box{
  display: flex;
  flex-wrap: wrap;
}
.f-img{
  width: 45px;
  object-fit: contain;
}
.f-img2{
  width: 85px;
  object-fit: contain;
}
.foot-icon i{
  font-size: 23px;
}
.foot-sec-bx{
  display: flex;
  justify-content: center;
}
.footer-bx .c1{
  color: white !important;
}

 /* ////////Contact us///// */
 .form-btn{
  background-color: var(--c1) !important;
  color: #fff !important;
}
.con-cards{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .cc{
    min-width: 350px !important;
    min-height: 250px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #e5e5e5;
    border-radius: 15px;
    border-top: 5px solid var(--c1);
    padding: 3%;
    transition: .5s;
  }
  .cc:hover{
    transition: .5s;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  }
  .cc i{
    font-size: 50px;
    margin-bottom: 3%;
    color: var(--c1);
  }
  .cc h5{
  /* color: var(--w); */
  letter-spacing: 2px;
  text-align: center;
  }
  .cc p{
    /* color: var(--w) !important; */
    letter-spacing: 2px;
    text-align: center;
    }
    .con-input{
      border: none !important;
      border-bottom: 2px solid black !important;
      outline: none !important;
      margin-bottom: 8%;
    }
    .con-input:focus{
      outline: none !important;
    }
    .get-in{
      font-size: 50px;
      font-weight: 700;
      /* -webkit-text-stroke: 1px var(--c2);
      -webkit-text-fill-color: transparent; */
  
    }
    .con-img{
      object-fit: contain;
      height: 450px;
    }
    .icon-box{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
    }
    .boxs{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 3%;
    }
    .boxs i{
      font-size: 50px;
      color: black;
    }
    .con-bx img{
      width: 100px;
    }
    .con-bx h3{
      font-size: 22px;
      letter-spacing: 1px;
    }
    .con-bx{
      width: 100%;
      height: 260px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      /* background-color: #f6f6f6; */
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);

      text-align: center;
    }
    /* **** our work ****** */
    .top-two{
      position: relative;
      background-image: url(../images/other-hero.jpg);
      background-position: center;
      background-size: cover;
      background-attachment: fixed;
      height: 300px;
    }
    .ovly{
      position: absolute;
      top:0%;
      left: 0%;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgb(0, 0, 0,.6);
    }
    .ovly h2{
      font-size: 30px;
      font-weight: bold;
      letter-spacing: 1px;
      text-transform: uppercase;
      /* color: var(--c1); */
    }
    .our-work-box{
      width: 100%;
      height: 300px;
      overflow: hidden;
      box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
    }
    .ow-img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .5s;
    }
    .our-work-box:hover .ow-img{
      transform: scale(1.3);
      transition: all .5s;
    }
/* ------------------about page-------------- */
.ab-in-bx{
  border: 2px dotted var(--c1);
}
.ab-in-bx p{
  text-align: justify;
}
.ow-slides{
  display: flex;
  width: 100%;
  /* overflow: hidden; */
  height: 500px;
}
.ab-page img{
width: 100%;
object-fit: cover;
}
.ow-img{
  width: 100%;
  height: 450px;
}
.ow-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sw-img{
  width: 100%;
  height: 300px;
}
.sw-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

     /* testi */
     /* .owl-theme{
      min-height: 80vh !important;
     } */

     .says .say-card{
      width: 100%;
      background-color: #fff;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
      /* border-top: 3px solid var(--c1); */
      min-height: 210px;
      position: relative;
      /* overflow-y: visible !important; */
      overflow: unset !important;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }
    .owl-carousel .owl-stage-outer {
      background-color: #fff !important;
      padding-bottom: 15px;
  }
    .says .item p{
      font-size: 14px;
    }
    .owl-carousel .owl-stage-outer {
      position: relative;
      min-height: 250px;
      -webkit-transform: translate3d(0,0,0);
  }
  .quote{
    width: 65px !important;
    position: absolute;
    right: 3%;
    top: -10%;
    z-index: 10;
  }
  /* similar products */
.sim-pro{
  position: relative;
}
.owl-nav{
  width: 98%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 40%;
  left: 0%;
}
.sim-arrow{
  background-color: #000 !important;
  border-radius: 50% !important;
  height: 35px;
  width: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: all 1s !important;
}
.h-arrow{
  background-color: #f6f6f6c1 !important;
  color: #000 !important;
}

/* .sim-pro:hover .sim-arrow{
  transform: scale(1.3);
  transition: all 1s !important;
} */
.sim-card .name{
  width: 80%;
}
.isim-btn{
  background-color: var(--c1) !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.sim-img{
  display: flex;
  justify-content: center;
  align-items: center;
}

.sw-nav{
    width: 102%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 40%;
    left: -1%;
}
/* levels */
.level{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.clas-bx{
  width: 100%;
  height: 300px;
  /* display: flex; */
  /* justify-content: center;
  align-items: flex-end; */
  position: relative;
  overflow: hidden;
}
.clas-bx img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
.cl-ov{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  /* position: absolute;
  top: 0%;
  left: 0%; */
  /* background-color: rgba(0, 0, 0, 0.6);s */
  transition: all .5s;
  /* z-index: 2; */
}
.inside{
  background-color: #fff;
  text-align: center;
  width: 70%;
  border-radius: 12px;
  z-index: 3;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  /* border: 2px dashed var(--c1); */
}
.hr-line{
  height: 100%;
  width: 3px;
  background-color: #fff;
  position: absolute;
  left: 15%;
  top: 100%;
  transition: all .5s;
}
.level:hover .cl-ov{
  background-color: rgba(0, 0, 0, 0.6);
  transition: all .5s;
}
.clas-bx:hover .hr-line{
  top: 12%;
  transition: all .5s;
}
.v-line{
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 100%;
  top: 15%;
  transition: all .5s;
}
.clas-bx:hover .v-line{
  left: 15%;
  z-index: 1;
  transition: all .5s;
}
.clas-bx2{
  width: 100%;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.clas-bx2 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}

.new-class{
  width: 100%;
  height: 400px;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 12px;
}
.nc-img{
  width: 100%;
  height: 80%;
  overflow: hidden;
}
.nc-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: all .5s;
}
.new-class:hover .nci{
  transform: scale(1.1);
  transition: all .5s;
}

/* ----------------new arrow style level of classes ----------------- */
.arrow-bx{
  background: #381a63;
    position: relative;
    min-height: 250px;
    display: table;
    width: 100%;
    min-height: 100%;
}
.arrow-txt{
    height: 250px;
    display: flex;
    /* align-items: center; */
    justify-content: flex-end;
}
.arrow-center{
  width: 80%;
}
.arrow-center h5{
  letter-spacing: 2px;
 font-family: fontm !important;
}
.top-arrow h5{
  font-size: 80px;
  color: #dddcdc !important;
  letter-spacing: 1px !important;
}
.l-arrow{
  position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    border-width: 125px 0 125px 70px;
    border-color: #381a63 #381a63 #381a63 #fff;
}
.r-arrow{
  position: absolute;
    right: -60px;
    top: 0;
    border-style: solid;
    border-width: 125px 0 125px 60px;
    border-color: transparent #381a63 transparent #381a63;
    z-index: 1;
}
.top-arrow{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-arrow img{
  width: 80px;
}

.ab2last{
  background-color: var(--c1);
}
.ab2last .l-arrow{
    border-color: var(--c1) var(--c1) var(--c1) #fff;
}
.ab2last .r-arrow{
    border-color: transparent var(--c1) transparent var(--c1);
}
.ablast{
  background-color: var(--c1);
}
.ablast .l-arrow{
  border-color: var(--c1) var(--c1) var(--c1) #fff;
}
.ablast .r-arrow{
  border-color: transparent var(--c1) transparent var(--c1);
}

/* new 26/10/23 */
.new-ba{
  width: 100%;
  object-fit: contain;
}
.nba1{
  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.nba2{
  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.nwe-ba-btn{
  background-color: var(--c1) !important;
  color: #fff !important;
}
.level-sec .active{
  background-color: #FFF !important;
  border: 2px solid var(--c1) !important;
  color: var(--c1) !important;
  font-weight: bold !important;
}
.level-box{
  display: flex;
}
.level-box img{
  width: 20px;
  height: 20px;
  object-fit: contain;
  
}
.level-box p{
  /* letter-spacing: 1px; */
  font-weight: 600;
}
.advance-left{
  position: relative;
}
.ex-benif{
  /* position: absolute;
  bottom: -7%;
  width: 90%; */
  /* border: 1px solid var(--c1); */
  background-color: var(--c1);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background-image: url(../images/basic.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.product-card{
  width: 100%;
  min-height: 260px;
  background-color: #FFF;
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
  border: 1px solid var(--c1);
  position: relative;
}
.pro-img{
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.proimg{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .5s;
}
.product-card:hover .proimg{
  transform: scale(1.1);
  transition: all .5s;
}
.btn-buy{
  background-image: linear-gradient(to right, #6a3093 0%, #a044ff  51%, #6a3093  100%) !important;
  transition: 0.5s;
  background-size: 200% auto;
  color: var(--w) !important;
  width: 100%;
}
/* 27/10/2023 */
.con-new-box{
  width: 50px;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 1%;
  top: 55%;
  z-index: 100;
}
.call-new{
  width: 100%;
  object-fit: contain;
}
.wapp{
  width: 40px;
}
.best-t{
  position: absolute;
  left: -4%;
  top:-5%;
}
.in-best{
  position: relative;
  width: 52px;
  height: 52px;
}
.ribben{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* 1-11-23 */
.ex-brn{
  background-image: url(../images/flower.gif);
  display: inline-block;
  background-repeat: repeat;
  background-clip: text;
  background-position: 50%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  line-height: 1em;
  text-align: center;
  font-weight: 800;
  text-transform: uppercase;
}
.basic-img{
  width: 100%;
  object-fit: contain;
  height: 400px;
}
.sm-call{
  width: 42px;
}
/* 3/11/23 */
/* type one and type two box  */
.type-box{
  min-height: 725px;
  width: 100%;
  background-color: #fff;
  box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
  position: relative;
  background-image: url(../images/tybe-bg-2.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.type-rib{
  position: absolute;
  width: 80px;
  top: -4%;
  left: -4%;
}
.round-tick{
  width: 26px;
  object-fit: contain;
}
.in-type p{
  font-weight: 600;
}
.glow-txt{

  -webkit-animation:colorchange 20s infinite alternate;
}
@-webkit-keyframes colorchange {
  0% {
    
    color: blue;
  }
  
  10% {
    
    color: #ff0000;
  }
  
  20% {
    
    color: #631abc;
  }
  
  30% {
    
    color: #d35400;
  }
  
  40% {
    
    color: blue;
  }
  
  50% {
    
    color: #04b110;
  }
  
  60% {
    
    color: blue;
  }
  
  70% {
    
    color: #2980b9;
  }
  80% {
 
    color: #f1c40f;
  }
  
  90% {
 
    color: #2980b9;
  }
  
  100% {
    
    color: rgb(254, 61, 93);
  }
}


/* ------------------- cerifiate page section--------------------- */
.certificate{
  margin-top: 3rem;
  margin-bottom: 3rem;
  border: 3px solid goldenrod;
  padding: 0% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.batch-img{
  width: 280px;
  position: absolute;
  right: 5%;
  top: 2%;
}
.water-mark{
  position: absolute;
  top: 30%;
  width: 35%;
  z-index: -1;
  opacity: .1;
}
.t-clr{
  color: #460057;
}
.fb{
  font-weight: bold;
}
.gc{
  color: goldenrod;
}
.cer-top-bottom{
  width: 100%;
}
.cer-top-bottom img{
  width: 100%;
}
.certificate-content{
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex; 
  flex-direction: column;
  align-items: center;
}
.cer-border{
  width: 100%;
  display: flex; 
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}

.cer-border img{
  width: 200px;
}
.main-txt{
  font-size: 60px;
  color: goldenrod;
}
.above-name{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.above-name h3{
  margin-bottom: unset;
  margin-left: 1rem;
  margin-right: 1rem;
}
.line-g{
  height: 2px;
  width: 100px;
  background-color: goldenrod;
}
.next-con-box{
  width: 70%;
  text-align: center;
}
.tex-cen{
  text-align: center;
}
.certifiate-footer{
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid goldenrod;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.sing-img{
  width: 150px;
}
.gov-logos{
  width: 80%;
  display: flex;
  align-items: center;
}
.gov-logo-img{
  width: 70px;
  object-fit: contain;
  margin-left: .5rem;
  
}
.name-box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cer-name{
  margin-top: 1rem;
  min-width: 800px;
  /* border-bottom: 2px solid goldenrod; */
}
.nmae-line{
  height: 2px;
  width: 50%;
  background-color: goldenrod;
}
.str-box{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.star-txt{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.star-img{
  width: 15px;
  margin-right: .3rem;
  object-fit: contain;
}

.kit-p img{
  width: 20px;
}
.kti-bx-two {
  display: none;
}

/* make it responsive */
@media screen and (max-width:920px) {

  .ex-brn {
    font-size: 24px;
  }
/* navbar */
.top-one{
  display: none;
}
.top-nav-one{
  display: none !important;
}

.logo{
  width:95%;
}
.nav-menus {
  display:flex;
  align-items: unset !important;
  justify-content: unset;

}
.nav-link{
  color: #000 !important;
}
.offcanvas{
  width: 70% !important;
}
.dropdown-item {
white-space: unset !important;
font-size: 12px;
}

      /* hero */
      .mob-baner{
        display: block !important;
    }
    .desk-baner{
        display: none !important;
    }
    /* about */
    .ab-side{
      height: 470px;
      width: 100% !important;
      overflow: hidden;
      margin-top: 15% !important;
    }
    .ab1{
      animation-name: unset;
    }
    .ab2{
      animation-name: unset;
    }
    .ab3{
      animation-name: unset;
    }
    .ab4{
      animation-name: unset;
      left: 17%;
    }

    /* why */
    .whyimg1,.whyimg2{
      height: 300px;
    }
      /* footer */
      .foot-sec-bx{
        display: flex;
        justify-content: center;
      }
      .hero-item{
        margin-right: 10px !important;
        
      }
      .hero-item img{
        width: 100%;
        height: 500px;
        object-fit: cover;
      }
      .inside{
        width: 100%;
      }
      .ov-sec {
        height: 557px;
    }

    /* arrow style */
.l-arrow ,.r-arrow{
  display: none;
}
.arrow-center {
  width: 100%;
}
.arrow-txt{
  justify-content: space-between;
}

/*  */
.ex-benif{
  position: unset;
  bottom: 0%;
  width: 100%;
  height: 50px;

}
.ex-benif h5{
  font-size: 14px;
}
.level-sec .nav-link{
  color: var(--w) !important;

}
.level-sec .active{
  color: var(--c1) !important;

}
.rev{
  display: flex !important;
  flex-direction: column-reverse !important;
}
}

@media screen and (max-width:620px) {
  .baner-two h3 {
    font-size: 35px;
}
/* .navbar{
  background-color: #fff !important;
  background: unset;
} */
  .logo {
    width: 85%;
    object-fit: contain;
}
.nav-icon {
  width: 25px;
}

  /* about */
  .txt2 {
    font-size: 28px;
}
  /* .ab-side img {
    height: 481px;
    object-fit: contain;
} */
.ab-side img {
  height: 202px;
  width: 50%;
  background-color: #fff;
  padding: 2%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.g-bg{
  height: 600px;
}
/* about page */
.ab-new {
  height: 303px !important;
  object-fit: contain;
}
/* type one and type two box  */
.type-box{
  background-image: url(../images/type-mob.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.wb-icon {
  width: 50px;
  height: 50px;
}
.wb-icon img {
  width: 30px;
  /* height: 50px; */
}
}
@media screen and (max-width:300px) {
  .nav-icon {
    width: 14px;
}
}