:root {
  --themecolor1: #1b1a26;
  --themecolor2: #2252FE;
  --themecolor3: #fff;    
  --themecolor6: #020202;    
  --text-colordark: #333333;
  --font-face1: "Poppins", sans-serif !important;
  --outline-color: #ccc;
  
  }
  
  .poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
   

  .bg-darkgreen {background: #F3F8FF;}
  
  .blogbg {background: url(../images/blog/blogbannerbg.jpg) no-repeat; background-size: cover;}

    .bg-dark {background: var(--themecolor2) !important;}
  .color-1 {color: var(--themecolor1);}
  .color-2 {color: var(--themecolor2);}
  .color-3 {color: var(--themecolor3);}
  .color-4 {color: #8B8EA1;}
  .color-5 {color: #1B1A26;}
  .color-6 {color: var(--themecolor6);} 
   .color-7 {color: #F6362A;}
  .bg-1{background: #F6362A;}
  .opacity-05{opacity: 0.5;}
  .bgbluelight{background: var(--themecolor2);}
  .fw-200{font-weight: 400;}
  .fw-600{font-weight: 600;}
  .cta_1B1A26{background: #1B1A26;}
  .bor{border: 1px solid #E4EAF1;}

  .appdevbg img {	transition: 0.4s all ease-in-out;height: 62px;fill: #1F90CC;width: 62px;}
  .appdevbg:hover img {height: 48px;overflow: hidden;width: 48px;margin-bottom: 10px;box-shadow: 0 0px 2px 0 rgba(14, 14, 14, 0.08);border-radius: 100%;}
  .appdevbg {transition: box-shadow .2s;width: 100%;transition: 0.5s all ease;}
  a:hover {
    color: #001732;
  }

  .strike {
    text-decoration: line-through;

  }
  body {font-family: "Poppins", sans-serif;font-weight:400;overflow-x: hidden;}
  .clear {clear: both}
  .divaid {width: 68px;border-radius: 33px;height: 8px;background: #fff;margin: 9px auto;}
  .btn_2 {position: relative;background: var(--themecolor3);border: 1px solid #1B1A26 !;border-radius: 0;transition: all 0.3s;}
  .btn:hover {color: #1b1a26 !important;background-color: #1b1a26;border: 1px solid #1b1a26;}
  .btn {	padding: 13px 30px;text-transform: uppercase;border-radius: 8px;} 
.click-btn {display: flex;width: 120px;height: 42px;justify-content: center;align-items: center;margin: 0;
	line-height: 35px;border: 0px solid;border-radius: 5px;text-align: center;font-size: 16px;color: #000;
	text-decoration: none;transition: all 0.35s;box-sizing: border-box;}
.btn-style509:hover {background-color: #031f8a;border-color: #031f8a;color: #fff;}
.btn-style509 {position: relative;background-color: #2252fe;border-color: transparent;color: #fff;}
btn-style509::before {top: -8px;left: 10%;}
btn-style509::before, .btn-style509::after {width: 49px;height: 41px;position: absolute;border-radius: 50%;
	background-color: #031f8a;transition: all 1s ease;transform: scale(0);content: "";z-index: -1;}
btn-style509::after {bottom: -8px;right: 15%;}
btn-style509:hover::before, .btn-style509:hover::after {transform: scale(1);}
.btn-style508:hover {background-color: #031f8a;border-color: #031f8a;color: #fff;}
.btn-style508 {position: relative;background:#e8edff;border-color:transparent;color: #2252FE;}
btn-style508::before {top: -8px;left: 10%;}
btn-style508::before, .btn-style508::after {width: 49px;height: 41px;position: absolute;border-radius: 50%;
	background-color: #031f8a;transition: all 1s ease;transform: scale(0);content: "";z-index: -1;}
btn-style508::after {bottom: -8px;right: 15%;}
btn-style508:hover::before, .btn-style508:hover::after {transform: scale(1);}
.img-g{background: linear-gradient(270deg, rgba(249,250,251,1) 49%, rgba(255,255,255,1) 51%);}
.service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}

.service
.box {
  position: relative;
  width: 32%;
  padding: 40px;
  background-color: #fff;
  border: 1px solid #E4EAF1;
  border-radius: 16px;
  margin: 0;
  overflow: hidden;
  text-align: left;
}

/* .service
.box:before {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,.2);
  z-index: 2;
  pointer-events: none;
} */


.service
.box
.icon {
  position: relative;
  width: 70px;
  height: 70px;
  color: #fff;
  background-color: #F9FAFB;
  display: flex;
  justify-content: center;
  align-items: center;
  /*! margin: 0 auto; */
  border-radius: 50%;
  font-size: 40px;
  font-weight: 700px;
  transition: 1s;
  border: 1px solid #E4EAF1;
}
label {
	display: inline-block;
	margin-bottom: 8px;
}

.service
.box:hover
.icon {
  box-shadow: 0 0 0 640px #2252fe;
	background-color: #2252fe;
	border: 1px solid #fff;
}

.service.service2 .box:hover .icon {
	box-shadow: 0 0 0 640px #2252fe;
	background-color: #2252fe;
	border: 1px solid #fff;
}


.service
.box
.content {
  position: relative;
  z-index: 1;
  transition: 0.5s;
} 

.service
.box:hover
.content {
  color: #fff;
}

.service .box .content h3 {
  font-size: 20px;
  margin: 10px 0;
  color: #020202;
  transition: 0.5s;
}
.service .box .content p{ transition: 0.5s;}
.service .box:hover .content h3, .service .box:hover .content p {
  color: #fff;
}

.service
.box:hover img {
	 filter: brightness(255);
   stroke: brightness(255); ;
}

.line-container {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.line {
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #2252fe;
	border-radius: 50px;
}

.circle-container {
  display: flex;
  justify-content: space-around;
  width: 100%;
  position: relative;
}

.circle {
  width: 24px;
  height: 24px;
  background-color: #2252fe;
  border-radius: 50%;
  position: relative;
  border: 3px solid #fff;
}





.hailwhitebg {background: linear-gradient(360deg, rgb(255, 255, 255) 50%, rgb(246, 246, 249) 50%);}
.bluebg{background: #271066;}
.lightgraybg{background: linear-gradient(180deg, rgba(243,248,255,1) 0%, rgba(255,255,255,1) 100%);}
  .searchcontainer {
    display: flex;
    align-items: center;
    gap: 16px;
    /*! border-radius: 8px; */
   
}
.searchcontainer input {
    flex: 1;
    padding: 14px;
    border: 2px solid #E4EAF1;
    border-radius: 8px;
    font-size: 18px;
    color: #8B8EA1;
    outline: none;
    /*! box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); */
}
 button {
    background-color: #2252FE;
    color: white;
    border: none;
    padding: 16px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
}
 button:hover {
    background-color: #1552c7;
}

  h1,
  h2,
  h3,
  h4,
  h5 {
     font-weight: 600;
    
  }
  
  .h2, h2 {font-size: 42px;line-height: 40px;}
  .h3, h3 {font-size: 25px;line-height: 28px;}
  .h1-main-px {padding: 0 100px;}
  .bg-tintsgreen a:hover {color: #4aa6ac !important;}
  
  ul,
  ol {
  list-style-position: inside;
  }
  
  p:empty {
  display: none;
  margin-bottom: 0
  }
  .f-color-F8F4F0 {color: #17153D;}
  .greybg {background: #F6F6F9}
  .bg_blue {background: #002323}
  .lightgreybg {background: #5B616F;}
  .lightgreenbg {background: #F6F6F9;}
  .cursor-pointer {cursor: pointer;}
  .fs-18 {font-size: 18px;}
  .fs-17 {font-size: 17px;}
  .fs-20 {font-size: 20px;}
  .fs-26 {font-size: 26px;}
  .fs-36 {font-size: 36px;line-height: 43px;font-weight: 500;}
  .fs-38 {font-size: 38px;line-height: 46px;font-weight: 900;}
  .fs-44 {font-size: 44px;}
  .fs-70 {font-size: 70px;}
  .fs-48 {font-size: 48px;}
  .fs-43 {font-size: 43px;}
  .fs-42 {font-size: 42px; line-height: 52px;}
  .fs-40 {font-size: 40px; line-height: 52px;}
  .fs-28 {font-size: 28px;}
  .fs-30 {font-size: 30px;}
  .fs-22 {font-size: 20px;}
  .fs-24 {font-size: 24px;}
  .fs-50 {font-size: 50px;line-height: 60px;}
  .lineh32{line-height: 32px; font-size: 22px;}
  .mt-100 {margin-top: 85px;}
  .mb-150 {margin-bottom: 150px;}
  .lh-60 {line-height: 60px;}
  .px-200 {padding: 0 180px;}
  .py-100 {padding: 75px 0;}
  .py-200 {padding: 200px 0;}
  .py-75 {padding: 75px 0;}
  .mt-150 {margin-top: 110px;}
  .pt-75 {padding-top: 75px;}
  .pl-130 {padding-left: 70px;}
  .pr-130 {padding-right: 70px;}
  .mt-75 {margin-top: 75px;}
  .white{color: #fff;}
  .headertop-contact {background: #fff;padding: 5px 65px;transition: all 0.3s;position: fixed;width: 100%;top: 0;
  box-shadow: 0 5px 10px #ccc;}
  .fixed .logo {width: 120px;}
  .logo {width: 205px;transition: all 0.3s;margin: auto;padding: 5px;}
  .sidenav {right: 0;/*! margin: 0 auto; */top: 50%;width: 100%;justify-content: space-between;}
  .sidenav ul li {display: inline-block;text-align: center;padding-left: 27px;vertical-align: middle;}
  .dropdwoen-sec ul li {padding: 2px 12px !important;text-align: left;display: block;}
  .sidenav .dropdwoen-sec ul li.active a {color: #fff !important;border: 0 !important;}
  .sidenav ul li a.nav-link {
    font-weight: 500;
    border-bottom: solid 2px rgba(253, 236, 0, 0);
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .sidenav .accordion {display: block;text-align: center;}
  #myHeader {width: 100%;z-index: 9;position: fixed;padding: 16px 0;transition: all 0.3s;top: 0;	
  border-bottom: 1px solid rgba(255,255,255,0.05);background: #fff;}
  #myHeader.fixed {/*! background: #fdfcfa; */padding: 7px 0;animation: slideDown .4s ease-out}
  .logofixed{display: none;}
  .fixed .logotop{display: none;}
  .fixed .logofixed{display: inline-block;}
  @keyframes slideDown {
  from {
  transform: translateY(-100%);
  opacity: 0;
  }
  
  to {
  transform: translateY(0);
  opacity: 1;
  }
  }
  
  
  .linebg2 li {
    width: 1px;
    height: 100%;
    background: #fff;
    list-style: none;
    position: absolute;
    left: 0;
    opacity: 0.04;
  }
  .linebg2.whitelinebg li {
    background: rgb(0, 0, 0);
    top: 0;
  }

  
  
  .amenitiesnewmenu:hover .collapse:not(.show) {display: block !important;margin-top: 3px;opacity: 1;visibility: visible;}
  .dropdwoen-sec {width: 188px;position: absolute;left: 10px;background: #fff;padding: 10px;transition: all .4s ease-in-out;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);margin-top: 15px;border-radius: 14px;}
  .amenitiesnewmenu .collapse:not(.show) {visibility: hidden;display: inherit;opacity: 0;}
  .dropdwoen-sec ul li a {text-align: left;font-size: 16px;color: #1b1a26 !important;line-height: 33px;border-bottom: 0 !important;
  width: 100%; font-weight: 500;display: block;text-decoration: none;}
  .dropdwoen-sec ul li:hover a {color: #DEE965 !important;}
  .dropdwoen-sec ul li.active a {color: #fff !important;border-bottom: 2px solid #fff !important;}
  .sidenav a.nav-link {text-decoration: none;line-height: 1.1;font-size: 1vw;display: block;transition: 0.3s;
  vertical-align: middle;color: #020202;padding: 1px 0 1px;}

  .fixed .bookbtn {padding: 15px 40px;}
  .fixed .mobile_logo {width: 150px;display: inline-block;}
  .fixed .sidenav a.nav-link {color: #3A3636;}
  .sidenav ul li a.nav-link:after {position: absolute;bottom: 0;left: 0;right: 0;width: 0%;content: '';color: transparent;
  background: #7b7a84;height: 1px;
margin: auto;
}
  .sidenav ul li a.nav-link:hover:after {width: 100%;text-align: center;}
  .sidenav ul li.active a.nav-link:after {width: 100%;text-align: center;}
  .sidenav ul li a {position: relative;}
  .sidenav ul li a.nav-link:after, .sidenav ul li a.nav-link:before {transition: all .5s;}
  .header .mobile_logo {width: 20vw;display: block;transition: all 0.5s;padding: 15px;}
  .header.fixed .mobile_logo {width: 18vw;}
  .w-250 {width: 150px;transition: all 0.3s;}
  .sidenav ul li a.nav-link .bi::before {vertical-align: -.3em;transition: .5s;}
  .header-content p {/*! font-size: 24px; */}
  p{ font-size: 18px; line-height: 28px; color:#020202;}
  .sidenav ul li a.btn {padding: 9px 23px;}
  .header .green-logo {display: none;}
  .header.fixed .green-logo {display: block;}
  .header.fixed .main-logo {display: none;}
  .padding30 {padding: 40px;}
  .rounded24 {border-radius: 24px;}
  .overlay{position: relative;}
  .overlay::before{content: '';/*! background: #fff; */width: 100%;height: 100%;position: absolute;opacity: 1;
  background: linear-gradient(190deg, rgba(255,255,255,0.1) 0%, rgba(0,129,198,1) 100%);left: 0;z-index: 1;}


  .service.service2 .box {width: 49%;background-color: #F9FAFB;}
  .service.service2 .box .icon {background-color: #FFF;}
 

.latestblogitem{background: #F9FAFB; color: #020202; padding: 10px 15px;}
.margintopm{margin-top: -100px;}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F9FAFB;
  border-radius: 40px;
  padding: 12px 23px;
  font-size: 18px;
  font-weight: 500;
  width: fit-content;
  margin: 24px auto;
}
.pagination button {
  background: none;
  border: none;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  padding: 5px 10px;
}
.pagination button:disabled {
  color: gray;
  cursor: not-allowed;
}
.pagination .next, .pagination .prev {
  display: flex;
  align-items: center;
  color: black;
  text-decoration: none;
}
.pagination .arrow {
  color: blue;
  margin-left: 4px;
}

.socialLink.blogf a {
	width: 48px;
	height: 48px;
	background: #F9FAFB;
	display: flex;
	/* margin: auto; */
	text-align: center;
	border-radius: 100%;
	padding: 0 6px;
	margin-right: 6px;
}
.socialLink.blogf {
	display: flex;
	align-items: center;
	justify-content: center;
}
.socialLink.blogf a svg {
	fill: #020202;
	stroke: #020202;
	margin: auto;
}
.marginm-top{margin-top: -250px;}


.form-select {
	display: block;
	width: 100%;
	padding: .375rem 2.25rem .375rem 20px;
	/* -moz-padding-start: calc(0.75rem - 3px); */
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url(../images/select.svg);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


















  
  .clientSwipera .slick-slide img{width: 105px; border-radius: 0;}
  .captiontext {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  width: 100%;
  }
  .cardoursolutions {
  top: 50%;
  left: 50%;
  transform: translate(0%,0%);
  width: 31.3%;
  height: 572px;
  background: #E51635;
  overflow: hidden;
  display: inline-block;
  margin: 14px 10px;
  border-radius: 20px;
  }
  
  .cardoursolutions .imgBx,
  .cardoursolutions .details {
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  transition: .5s;
  }
  .cardoursolutions .imgBx {
  top: 0;
  left: 0;
  }
  .cardoursolutions:hover .imgBx {
  top: 0;
  left: -100%;
  }
  
  .cardoursolutions .details {
  background: linear-gradient(170deg, rgba(0,129,198,1) 0%, rgba(0,58,116,1) 100%);
  top: 0;
  left: 100%;
  padding: 30px 30px;
  }
  .cardoursolutions:hover .details {
  top: 0;
  left: 0%;
  }
  .cardoursolutions .details h2 {
  color: #fff;
  margin: 0;
  padding: 0 0 10px;
  
  
  }
  .cardoursolutions .details p {
  margin: 0px 0 0;
  color: #fff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  }
  .oursolutionsoverlaytext {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: left;
  padding-right: 0;
  right: 0;
  transform: translateY(-50%);
  }
  imgBx::before {
  content: "";
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  }
  .form-select.phnumber {
  /* background: transparent; */
  padding: 0 31px 0 0;
  border: 0px solid;
  }
  
  
  .contact-block{
  height: 466px; 
  background-color: #200763;
  }
  .contact-testimonial {
  position: absolute;
  top: 15%;
  bottom: inherit;
  z-index: 1;
  max-width: 40%;
  margin: auto;
  text-align: justify;
  }

  .fs-22{font-size: 22px; line-height: 34px;}
  .formblock {
  background-color: #fff;
  border: 1px solid #EBEFF6;
  padding: 46px;
  border-radius: 10px;
  position: relative;
  top: -218px;
  }
  
  .fw-400 {font-weight:400;}
  .bg-color{background-color:rgba(222,228,234,0.15);}
  .addresssection{padding-top:80px; padding-bottom:80px;}
  .addressblock{background-color:#fff; border-radius:16px;height: 100%;}
  .contactm-top{margin-top: -100px;}
  ul.ourlist li {
  list-style: none;
  padding-left: 28px;
  position: relative;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 13px;
  }
  ul.ourlist li::before {
  content: "";
  background: url('../images/check_circle.svg');
  height: 17px;
  width: 17px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  }
  .filter_w {
  fill: #fff;
  filter: sepia(0) saturate(0) brightness(255) hue-rotate(135deg);
  }
  .imgBx img{height: 100%;}
  
  .darkblue{background: #002850;}
  .sectors_w {
  max-width: 1480px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  }
  figure.effect-lily img {
  width: 100%;
  }
  
  figure.effect-lily figcaption {
  text-align: left;
  cursor: pointer;
  }
  
  figure.effect-lily figcaption > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em;
  width: 100%;
  /*! height: 50%; */
  z-index: 1;
  text-align: center;
  }
  
  figure.effect-lily h2,
  figure.effect-lily p {
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,40px,0);
  }
  
  figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  font-size: 26px;
  font-weight: bold;
  }
  
  figure.effect-lily p {
  color: rgba(255,255,255,0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  margin-top: 23px;
  }
  
  figure.effect-lily:hover img,
  figure.effect-lily:hover p {
  opacity: 1;
  }
  
  figure.effect-lily:hover img,
  figure.effect-lily:hover h2,
  figure.effect-lily:hover p {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }
  
  figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  }
  
  figcaption .btn.btn_2 {
  width: 33px;
  height: 33px;
  padding: 3px 8px;
  }
  figure {
  border-radius: 20px;
  overflow: hidden;
  }
  
  /* new-css */
  
  .px-40{
  padding: 0px 40px;
  }
  
  .py-50{
  padding: 50px 0px;
  }
  
  .pt-50{
  padding-top: 50px;
  }
    
  footer{
  background:#022D2D
  }
  
  
  .footer-icon li{display: flex; list-style: none; margin-right: 15px; width: 34px; height: 34px; text-align: center;}
  .footer-icon li:hover img {
  filter: brightness(0) saturate(100%) invert(70%) sepia(67%) saturate(393%) hue-rotate(19deg) brightness(99%) contrast(89%);
  }
  
  .footer-icon li a{margin: auto;}
  
  
  
  .footer-links ul li{
  list-style: none;
  }
  
  .footer-links ul li a {
  text-decoration: none;
  font-size: 18px;
  color: rgba(255,255,255,0.5);
  line-height: 46px;transition: all .5s;
  /*! font-weight: 300; */
  position: relative;
  }
  .footer-links ul li a:hover{  color: #fff; }
  .lightcrem{color: #E8F5D1;}
  
  .footer-bottum-box {
    padding: 14px 0px;
    color: #fff;
  }
  .footer-bottum-box a {
  margin-left: 0;
  font-size: 18px !important;
  color: #FFF;
  }
    .footer-links li a{
  position: relative;
  }
  .bordertop {
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  .footer-links li a::after {
  content: "";
  width: 0%;
  background-color: #fff;
  opacity: 1;
  position: absolute;
  height: 1px;
  bottom: 0px;right: 0;
  left: 0;transition: all .5s;
  margin: auto;
  }
  .socialLink a svg {
    fill: #fff;
    stroke: #fff;
  }
  .socialLink a:hover svg {
    fill: rgba(209, 229, 253);
    stroke: rgba(209, 229, 253);
  }
.footer-links li a:hover::after {width: 100%;}
.footer-links li.active a::after {width: 100%;}

  .empoweringslider .slick-dots li {	background: #003A74;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1300px;}
  
  
  .lightbluebg{background: linear-gradient(170deg, rgba(0,129,198,0.6) 0%, rgba(0,58,116,0.6) 100%);}
  .lightbluegra{ background: rgb(237,243,234);
  background: linear-gradient(126deg, rgba(237,243,234,1) 0%, rgba(144,202,250,1) 100%); }
  .whyuse-section .heicon {min-width: 46px;min-height: 46px;line-height: 46px;
  color: #E51635;border: 1px solid #E2E2E2;font-size: 20px;}
  .whyuse-section {border-radius: 20px;transition: 0.4s;}
  .whyuse-section:hover {
  background: linear-gradient(290deg, rgba(237,243,234,1) 0%, rgba(144,202,250,1) 100%);
  
  }
  .pagination [disabled] img {
    filter: brightness(000);
    opacity: 0.4;
  }
  .rotet80{transform: rotate(180deg);}
  
  .unlock-powerbg{ position: relative;background: #fff url(../images/parking-garage.jpg) no-repeat center center;background-size: cover;}
  .unlock-powerbg::before{background: rgba(0, 42, 84, 0.94);content: "";position:absolute;height: 100%;width: 100%;top: 0; bottom: 0;}
  .removebg{border: 0px;background: transparent;color: #fff;}
  .w-120{border-top: 2px solid #333333; max-width: 120px; margin: auto;}
  
  /* ============= ourwork ============= */
  .fn-18 {
  font-size: 18px;
  }
  .img-hover{ overflow: hidden;border-radius: 12px;}
  
  .Insights-text {
  margin-top: 15px;
  }
  .Insights-text span {
  text-transform: uppercase;
  }
  .Insights-text a { color: #001732;
  line-height: 27px; /*! text-decoration: none; */
  }
  .hoverunderline:hover {
  text-decoration: underline;
  color: #001732;
  }
  .text-lgray3 {
    color: #6D7482;
  }
  /* ============= ourwork ============= */
  
  
  
  
  @keyframes animate {
  0% {
  will-change: transform, opacity;
  transform: translateY(0) rotate(0);
  opacity: 1;
  border-radius: 0;
  }
  100% {
  will-change: unset;
  transform: translateY(-330px) rotate(720deg);
  opacity: 0;
  border-radius: 0;
  }
  }
  
  /*----------form----------------*/
  .label-before, .field input:focus + label::before, .field input.valid + label::before {
  line-height: 20px;
  font-size: 15px;
  top: -10px;
  background: linear-gradient(#f7fafb, #ffffff);
  padding: 0 6px;
  left: 9px;
  }
  
  .field {position: relative;margin-bottom: 5px !important;height: 73px;}
  .field label::before {content: attr(title1);position: absolute;top: 0;left: 15px;line-height: 48px;color: #222;transition: 300ms all;font-size: 18px; font-weight: 100;}
  .field input:focus {outline: 0;box-shadow: 0}
  .field input:valid + label::before {content: attr(data-title1);}
  .field.h100 {height: 140px;}
  .label-before, .field input:focus + label::before, .field input:valid + label::before {line-height: 20px;font-size: 15px; top: -10px; background:linear-gradient(#fff, #fff);padding: 0 6px;color: #222;left: 9px;}
  .field label {cursor: text;}
  .label-before, .field textarea:focus + label::before, .field textarea:valid + label::before {line-height: 20px;font-size: 15px;top: -10px;background: linear-gradient(#fff, #fff);padding: 0 6px;color: #222;  left: 9px;}
  .form-control {
  height: 56px;
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border: 1px solid #E4EAF1;
  border-radius: 4px;
  box-shadow: none;
  background: transparent;
  color: #FFF;
  }
  
  .form-control::placeholder, .form-control:focus {
    color: #8B8EA1;
    border-color: #e5e7eb;
  }
  .form-control:focus {background-color: transparent; box-shadow: inherit;}
  .cal-icon {background: url("./calendar-icon-blue.png") no-repeat right 15px center !important;}
  .login-gradient {
  background: #002323;
  }
  .lightcrembg {
      background: #FAFAFA;
      }
      .w395{min-width: 395px;}
  .login-body {
  background: #F8F4EF;
  height: 100%;
  }
  .card.login-form {
  width: 564px;
  border: 1px solid #E5E7EB;
  border-radius: 24px;margin-left: 12%;
  }
  .login-form .field {
    height: 59px;
  }
  .logincolor{color: #0E1116;}
  .rounded-3 {
    border-radius: .4rem !important;
  }
  
  .smile {
    margin-bottom: 26px;
  }
  
  .tab-style-toggle {
    position: relative;

    margin: 0 auto;
}

/* Styling for toggle tabs */
.toggle-container {
    background-color: var(--themecolor3);
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin: auto;

}

.toggle-container .btn {
    border-radius: 40px;
    border: none;
    padding: 12px 48px;
    color: var(--themecolor1);
    background-color: var(--themecolor3);
    text-transform: capitalize;
    transition: all .4s linear;
}

.toggle-container .btn:hover {
  color: var(--themecolor1) !important;

}

.offer-box img {
    position: absolute;
    left: -50px;
    bottom: -38px;
}

.nav-tabs .nav-item .active {
    background: var(--themecolor1);
    color: var(--themecolor3) !important;
    /*! transition: all .4s linear; */
}
.pricing-card-container {
	/*! background: #fff; */
	padding: 21px;
}

/* Ensure all pricing cards have the same height */
.pricing-section .row {
  display: flex;
  flex-wrap: wrap; /* Allows wrapping for smaller screens */
 
}

.pricing-section .col-md-6.col-lg-3 {
  display: flex;
  flex-direction: column;
}

.pricing-card-container {
  flex: 1; /* Makes all cards equal height */
  display: flex;
  flex-direction: column;
  /*! background-color: #1a1a1a; */ /* Optional: Add a background color for better visibility */
  border: 2px solid #E4EAF1; /* Optional: Add a border for better styling */
  border-radius: 16px; /* Optional: Rounded corners */
  /*! box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */ /* Optional: Add a shadow for depth */
  padding: 0; /* Adds padding inside the cards */
  /*! overflow: hidden; */
}

.pricing-card {
  flex: 1; /* Ensures the card content stretches evenly */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Space between header, content, and footer */
}

.pricing-card h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.pricing-card p {
	font-size: 14px;
	color: #5F6773;
	margin-bottom: 0px;
	line-height: 22px;
}

.pricing-card h3 {
  font-size: 47px;
  font-weight: 500;
  color: #1B1A26;
  margin: 16px 0;
}

.pricing-card a.btn {
  margin-top: auto; /* Pushes the button to the bottom */
}
.pricing-header h1 {
  font-size: 50px;
  font-weight: 700;
  color: var(--themecolor2);
  margin-top: 20px;
}

.pricing-header span {
  font-size: 18px;
  font-weight: 500;
  color: var(--themecolor2);
}

.pricing-header .red {
  color: var(--themecolor1);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}


.top-btn {
  text-align: end;
}

.min-hbox {
	min-height: 446px;
}

.pricing-card {
  border: 0px solid #E8E8E8;
  background: var(--themecolor3);
  border-radius: 16px;
  padding: 35px 20px;
  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
  transition: transform 0.5s;
}

.pricing-section .pricing-card-container {
  transition: transform 0.5s;
}

.pricing-section .pricing-card-container:hover {
  transform: translateY(-32px);
}

.pricing-card ul li {
padding: 6px 0px;
font-size: 14px;
font-weight: 500;

}

.most-popular {
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 7px 15px;
  width: 132px;
  /*! font-weight: 600; */
  /*! position: absolute; */
  top: -12px;
  z-index: 1;
  background: #00C759;
  border-radius: 20px;
  border-top-left-radius: 0px;
  margin-left: auto;
  margin-right: -30px;
  position: relative;
  z-index: 11111;
}

.pricing-section {
  text-align: start;
}

.pricing-section .active .pricing-card {
  border: solid 2px var(--themecolor6);
  /*! border-radius: 0; */
  position: relative;
  box-shadow: 0 10px 0px #D6D6D6; 
}

.pricing-section .active .pricing-card {
  border-radius: 14px;
}

.list-unstyled {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-unstyled li {
  display: flex;
  align-items: self-start;
  margin-bottom: 0.5rem;
}

.cookies-btn .list-unstyled li {
  margin-bottom: 0rem;
}

.list-unstyled img {
	margin-right: 0.5rem;
}

 
  
  .gal img , .img-hover-zoom
  {
    border-radius: 0;
  }
  
  
  .img-hover-zoom
  {
    padding:0;
    overflow: hidden; 
  }
  
  
  .img-hover-zoom img
  {
    transition: transform .5s ease;
  }
  
  .img-hover-zoom--zoom-n-rotate img
  {
    transition: transform .5s ease-in-out;
  }
  
  .img-hover-zoom--zoom-n-rotate:hover img {
    transform: scale(1.3) rotate(0deg);
  }
  
  .blogtext p {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .nav-pills .nav-link {
    border-radius: .25rem;
    border-radius: 30px;
    border: 1px solid #E5E7EB;
    color: #002323;
    padding: 12px 31px;
    white-space: nowrap;
  }
  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #dee965;
    background-color: #002323;
  }
  #pills-tab li {
    margin: 0 10px;
  }
  
  .searchbox-wrap {
    display: flex;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    border: 4px solid #E4EAF1;
    overflow: hidden;
  }
  .searchbox-wrap input {
    flex: 1;
    padding: 17px 20px;
    font-size: 1.1em;
    outline: none;
    box-shadow: none;
    border: none;
  }
  .searchbox-wrap button {
    padding-right: 7px;
    background-color: #fff;
  
    border: none;
    cursor: pointer;
    cursor: hand;
  }
  .searchbox-wrap button span {
    margin-left: 50px;
    padding: 15px 23px;
    /*! text-transform: uppercase; */
    font-weight: 300;
    color: #fff;
    background-color: #2252FE;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
  }
  .searchboxlable .form-check-input {
    width: 21px;
    height: 21px;
    margin-top: 0;
  
  }
  .searchboxlable .form-check-input:checked {
    background-color: #dee965;
    border-color: #dee965;
  }
  .searchboxlable .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23002323' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  }
  
    .loadmore .loadMorebtn  {
     text-decoration: none;
      padding: 14px 39px;
      text-transform: uppercase;
      font-weight: 300;
      color: #E8F5D1;
      background-color: #002323;
      border-radius: 28px;
      font-size: 18px;
      font-weight: 400;
    }
    .loadmore .loadMorebtn:hover  {
      background-color: #164141;
    }
    
  .signupbg {
  border-radius: 16px;
  /*! border-top-right-radius: 80px; */
  background: #F9FAFB;
  }
  /**cookies banner **/
  .cookies-statement {text-align: left; padding: 12px 50px; position: fixed; bottom: 0; background: #fff; z-index: 9999; box-shadow: 0 5px 13px #292828; width: 100%;}
  .cookies-statement .cookies-btn ul li {display: inline-block;padding: 0 5px;}
  .Cookiesclose .icon {width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background: #BA9C5C; padding: 5px; border-radius: 50%; cursor: pointer; fill: #062360;}
  .Cookiesclose .icon {cursor: pointer; fill: #fff;}
  .cookies-statement .cookies-btn ul li a {
    width: 135px;
    padding: 10px 10px;
    margin-left: 0px;
    font-size: 14px;
  }
  
  .cookies-statement h3{font-size:26px; line-height: 30px;}
  .Cookies p {margin-bottom: 0px; line-height: 22px; font-size: 16px;}
  
  
  /*cookies statement*/
  .cookies_container {
    width: 100%;
    padding: 30px 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0 26px #ba9c5c;
  }
  .cookies_container h2 {
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
  }
  .cookies_container p {
    font-size: 16px;
    line-height: 22px;
  }
  
  .search-wrapper {
    position: absolute;
    transform: translate(0%, -50%);
    top: 43%;
    right: 0;
  }
  .search-wrapper.active {
  position: absolute;
  transform: translate(0%, -50%);
  top:43%;
  right:0%;
  }
  
  .search-wrapper::after {
    content: '';
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8379726890756303) 46%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    right: 0;
    top: -4px;
    height: 108%;
    width: 123px;
    z-index: -1;
  }
  .vScrollbarTrack{height: 0px !important;}
  .search-wrapper .input-holder {    
  height: 72px;
  width:68px;
  overflow: hidden;
  background: rgba(255,255,255,0);
  border-radius:6px;
  position: relative;
  transition: all 0.3s ease-in-out;
  }
  .search-wrapper.active .input-holder {
    width:66vw;
    border-radius: 50px;
    background: #F8F9FA;
    transition: all .5s;
    border: 1px solid #E4E4E4;
  }
  .search-wrapper .input-holder .search-input {
    width: 100%;
    height: 50px;
    padding: 0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #1b1a26;
    transform: translate(0, 60px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
  }
  .search-wrapper.active .input-holder .search-input {
  opacity: 1;
  transform: translate(0, 10px);
  }
  .search-wrapper .input-holder .search-icon {
    width: 52px;
    height: 52px;
    border: 1px solid #E4E4E4;
    border-radius: 100%;
    background: #DEE965;
    padding: 0px;
    outline: none;
    position: absolute;
    z-index: 2;
    float: right;
    cursor: pointer;
    /* transition: all 0.3s ease-in-out; */
  }
  .search-wrapper.active .input-holder .search-icon {
  width: 47px;
  height:47px;
  margin: 10px;position: relative;
  border-radius: 30px;
  }
  .search-wrapper .input-holder .search-icon span {
  width:22px;
  height:22px;
  display: inline-block;
  vertical-align: middle;
  position:relative;
  transform: rotate(45deg);
  transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
  }
  .search-wrapper.active .input-holder .search-icon span {
  transform: rotate(-45deg);
  }
  .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
  position: absolute; 
  content:'';
  }
  .search-wrapper .input-holder .search-icon span::before {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border-radius: 2px;
    background: url(../images/search_icon.svg);
    transform: rotate(-45deg);
  }
  .search-wrapper .input-holder .search-icon span::after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    /* border: 2px solid #1b1a26; */
  }
  .search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 26px;
    right: 22px;
    /* width: 25px; */
    /* height: 25px; */
    cursor: pointer;
    /* transform: rotate(-180deg); */
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
    display: none;
    padding: 12px;
  }
  .search-wrapper.active .close {
    /* right: 19px; */
    /* transform: rotate(0deg); */
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
    background: #DEE965;
    display: block;
    padding: 16px;
    z-index: 111;
    border-radius: 100%;
  }
  .search-wrapper .close::before {
    position: absolute;
    content: '';
    background: url(../images/close.svg);
    background-repeat: no-repeat;
    border-radius: 2px;
  }
  .search-wrapper .close::before {
    width: 17px;
    height: 17px;
    left: 12px;
    top: 0px;
  }
  
  
  ul.libordernone li {
    border-left: 0px solid !important;
    text-align: center;
    padding-left: 0;
  }
  .techicon{border-radius: 8px;}
  .techs ul{ gap: 2.7em;
  display: flex; }
  .techs ul li{ display: inline-block; }
  .techs ul li .techicon img{ margin: auto;}
  .techs ul li .techicon {
    width: 91px;
    height: 91px;
    margin: auto;
    display: flex;
  }
  .blogleft{padding: 25px 35px;}
  .bglitepink{background: #FFB087; border-radius: 16px; padding: 5px 10px;}
  .rounded50{border-radius: 50px;}
  .rounded16{border-radius: 16px;}
  .innerblogtext h1{font-size: 40px;}
  .innerblogtext h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;color: #020202;
  }
  .innerblogtext h3{font-size: 24px;font-weight: 500; color: #020202; margin-bottom: 15px;}
  .innerblogtext h4{font-size: 20px;font-weight: 500;}
  .innerblogtext h5{font-size: 18px;font-weight: 600;}
  .blogright{width: 75%; padding-top: 72px;}
  .bor_b{border: 1px solid #020202;}
  li {
    list-style: none;
  }
  .font-primary {
    color: #838382;
     
  }
  .fw-500{ font-weight: 500 !important; }
  .top-btn-footer img {
    width: 60%;
  }
  .top-btn-footer {
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  color: #fff !important;
  text-align: center;
  padding: 14px;cursor: pointer;
  box-shadow: 0px 0px 12px rgb(0 0 0 / 22%);
  }
  
  
  .bottomlinkedin img { width: 100%;}
  
  
  .bottomto-top {
    position: fixed;
    right: 10px;
    bottom: 16px;
  flex-direction:row-reverse;
    z-index: 999 !important;
    gap: 10px;
  }

  div.divmore {
      display:none;
    }
    .abt-expertise .grid_colm_panel {
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(25%, 1fr));
      position:relative;border: 1px solid #fff;
      text-align:center
    }
 
    .socialLink a {
    width: auto;
    height: auto;
    background: transparent;
    display: inline-block;
    margin: auto;
    text-align: center;
    border-radius: 100%;
    padding: 0 6px;
    margin-right: 6px;
  }
  .socialLink a img {
    width: 13px;
    height: 15px;
    filter: brightness(0) saturate(100%) invert(70%) sepia(67%) saturate(393%) hue-rotate(19deg) brightness(99%) contrast(89%);
  }
  .socialLink a:hover img {
    width: 13px;
    height: 15px;
    filter: brightness(255);
  }
  
  .min_h380{height: 380px;}
  .contectform input, .form-select{ border: 1px solid #E4EAF1; border-radius: 4px; outline: none;height: 60px;font-size: 18px;color: #8B8EA1;font-weight: ;}
  .contectform input:focus{outline: none; box-shadow: 0 0px;}
  .form-floating > label {padding: 0.99rem 0rem;color: #fff;}
  .form-floating > .form-control, .form-floating > .form-select {
    height: 56px; border-color: #707070;
  }
  .inputfloating {
    border: 0px solid;
    border-bottom: 1px solid #707070;
  }

  .h_auto{height: auto;}
  textarea.form-control {
  height:150px !important;
    border: 1px solid #E4EAF1;
   
    outline: none;
    resize: none;
  }
  a{text-decoration: none;}
  a:focus {outline: none; box-shadow: 0 0 0px;}
  .form-check-input:focus {outline: 0;box-shadow: 0 0 0 0rem rgba(13,110,253,.25);}
  
  .sec-privacy a {
    color: var(--themecolor1);
    font-weight: 600;
  }
  .sec-privacy a:hover {
    color: var(--themecolor2);
    font-weight: 600;
  }
  .field-icon {
    float: right;
    margin-left: 0;
    margin-top: 20px;
    position: absolute;
    z-index: 2;
    right: 15px;
    color: #8B8EA1;
  }
  
  .closebtn {
    float: right;
    width: 42px;
    height: 42px;
    border: 2px solid #E5E7EB;
    background: #F8F4EF;
    border-radius: 100%;
    display: flex;
    margin: auto;
    font-size: 18px;
    color: #022D2D; line-height: 34px;
    margin-right: -34px;
  }
  .closebtn a{display: flex;}
  .closebtn:hover{background: #022D2D;}
  .closebtn:hover a{color: var(--themecolor3);}
  .closebtn a:hover{background: #022D2D;}
  
  
  form .form-check-input {
    width: 21px;
    height: 21px;	margin-top: -0em;
    border: 2px solid rgba(0,0,0,.25);
    border-radius: 0 !important;
  }
  .form-check-input:checked {
    background-color: #ef5378;
    border-color: #002323;
  }
  /* li.active a{color: var(--themecolor3) !important;} */


    
.w175{min-width: 175px;}
.testimonial p {
	line-height: 38px;
}
.w300 {
	width: 662px;
	position: absolute;
	right: 0;
	bottom: 43px;
}

.Testimonial {
	overflow: hidden;
}

.form-check .form-check-input {
	width: 20px;
	height: 20px;
	border-radius: 0px !important;
	margin-top: 1px;
}
.w-200{width: 200px;}
.f_link {
  line-height: 38px;
}
hr {
	margin: 30px 0px;
}




.serviceBox:hover .service-content::before {
	background: linear-gradient(90deg,rgba(255,34,86,.514),rgba(138,73,223,.5333333333333333));
	opacity: 1;
  
}
.serviceBox .service-content::before {
	content: "";
	position: absolute;
	inset: -1px;
	-webkit-transform: translate(17px,9px);
	transform: translate(11px,10px);
	z-index: -1;
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(11px);
	transition: opacity .3s;  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  
}
.serviceBox, .service-content{
  transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.serviceBox:hover .service-content {
  border-radius: 25px;
  transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    /* border: 2px solid transparent !important;
    border-image: linear-gradient(315deg, rgba(172,82,231,1) 0%, rgba(250,83,101,1) 83%) !important;
    border-image-slice: 1 !important; */
}

.serviceBox {
  position: relative;
  padding: 2px; /* Inner padding for content */ 
  border-radius: 0px; /* Rounded corners */
  z-index: 1;
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.2,0,.1,1);
}

.serviceBox:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px; /* Same rounded corners */
  padding: 5px; /* Border width */
  background: linear-gradient(315deg, rgba(172,82,231,1) 0%, rgba(250,83,101,1) 83%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude; /* Ensures inner content box remains visible */
  -webkit-mask-composite: destination-out;
  pointer-events: none;
  z-index: -1;
}

.btnstyle:hover .btn::after {
  background: linear-gradient(90deg,rgb(34, 82, 254),rgb(34, 82, 254));
  opacity: 1;
}
.btnstyle .btn::after {
  content: "";
  position: absolute;
  inset: -1px;
  -webkit-transform: translate(17px,9px);
  transform: translate(11px,10px);
  /*! z-index: -1; */
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(11px);
  transition: opacity .3s;  transition-duration: .3s;
  /*! transition-timing-function: cubic-bezier(.4,0,.2,1); */
  
}
.btnstyle, .btn{
  transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    border: 2px solid transparent; /* Transparent border to use the border-image */
}
.btnstyle:hover .btn {
  transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    border:2px solid transparent; /* Transparent border to use the border-image */
    border-image: linear-gradient(315deg, rgb(34, 82, 254) 0%, rgb(34, 82, 254) 83%);
    border-image-slice: 2;
}

.btnstyle .btn_3{
  transition-duration: .3s;
  border-radius: 0;
  background: var(--themecolor3);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    border: 2px solid transparent; /* Transparent border to use the border-image */
    border-image: linear-gradient(315deg, rgba(172,82,231,1) 0%, rgba(250,83,101,1) 83%);
    border-image-slice: 2;
  }
.btnstyle:hover .btn_3 {
  transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    border:2px solid transparent; /* Transparent border to use the border-image */
    border-image: linear-gradient(315deg, rgba(172,82,231,1) 0%, rgba(250,83,101,1) 83%);
    border-image-slice: 2;
    
}


.btnstyle .btn::before{
  position: absolute;
  inset: 0;
  z-index: -1;
  --tw-bg-opacity: 1;
  background-color: var(--themecolor2);
  --tw-content: "";
  content: var(--tw-content);
}

.btnstyle .btn:hover::before{
  position: absolute;
  inset: 0px;
  z-index: 1;
  border-radius: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

.btn span{position: relative; z-index: 1;}

.btn_w.bg-darkgreen{border: 2px solid #1b1a26 !important;}

.btn_w.bg-darkgreen:hover {
  border: 2px solid transparent !important;
  border-image: linear-gradient(315deg, rgba(172,82,231,1) 0%, rgba(250,83,101,1) 83%) !important;
  border-image-slice: 1 !important;
  color: #fff !important;
  background: transparent;
}

.btn_w.bg-darkgreen.acceptbtn {
  border: 2px solid !important;
  border-image: linear-gradient(315deg, rgba(172,82,231,1) 0%, rgba(250,83,101,1) 83%) !important;
  border-image-slice: 1 !important;
}
.btn_w.bg-darkgreen.acceptbtn:hover {
  /*! border: 2px solid #1B1A26 !important; */
  background: #FFF;
  color: #1b1a26 !important;
}

.serviceBox .img {
  width: auto;
  margin: auto;
}


.captcha {
	background-color: #F8F9FA;
	border: 2px solid #DEE4EA;
	border-radius: 0;
	color: #4c4a4b;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 248px;height: 52px;
	margin:0px;
}
.captcha .text {
	font-size:18px;
	color: #002323;
	margin-right:1em;
}
.captcha .spinner {
	position: relative;
	width: 2em;
	/* height: 2em; */
	display: flex;
	margin: 1.3em 6px 1.3em 16px;
	/* align-items: center; */
	/* justify-content: center; */
}
.captcha input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
.captcha input[type="checkbox"]+.checkmark {
	display:inline-block;
	width:25px;
	height:25px;
	background-color:#fcfcfc;
	border:2.5px solid #EBEFF6;
	border-radius:3px;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
}
.captcha input[type="checkbox"]+.checkmark span {
	content:'';
	position:relative;/*
	position:absolute;
	border-bottom:3px solid;
	border-right:3px solid;
	border-color:#029f56;*/
	margin-top:-3px;
	transform:rotate(45deg);
	width:.75em;
	height:1.2em;
	opacity:0;
}
.captcha input[type="checkbox"]+.checkmark>span:after {
	content:'';
	position:absolute;
	display:block;
	height:3px;
	bottom:0;left:0;
	background-color:#029f56;
}
.captcha input[type="checkbox"]+.checkmark>span:before {
	content:'';
	position:absolute;
	display:block;
	width:3px;
	bottom:0;right:0;
	background-color:#029f56;
}
.captcha input[type="checkbox"]:checked+.checkmark { 
	animation:2s spin forwards;
}
.captcha input[type="checkbox"]:checked+.checkmark>span { 
	animation:1s fadein 1.9s forwards;
}
.captcha input[type="checkbox"]:checked+.checkmark>span:after {animation:.3s bottomslide 2s forwards;}
.captcha input[type="checkbox"]:checked+.checkmark>span:before {animation:.5s rightslide 2.2s forwards;}
@keyframes fadein {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes bottomslide {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes rightslide {
	0% {height:0;}
	100% {height:100%;}
}
.captcha .logo {
	/*! display:flex; */
	/*! flex-direction:column; */
	/*! align-items:center; */
	/*! height:100%; */
	/*! align-self:flex-end; */
	margin:0.5em 1em;
}
.captcha .logo img {
	/*! height:2em; */
	/*! width:2em; */
}
.captcha .logo p {
	color:#9d9ba7;
	margin:0;
	font-size:1em;
	font-weight:700;
	margin:.4em 0 .2em 0;
}
.captcha .logo small {
	color:#9d9ba7;
	margin:0;
	font-size:.8em;
}
@keyframes spin {
	10% {
		width:0;
		height:0;
		border-width:6px;
	}
	30% {
		width:0;
		height:0;
		border-radius:50%;
		border-width:1em;
		transform: rotate(0deg);
		border-color:rgb(199,218,245);
	}
	50% {
		width:2em;
		height:2em;
		border-radius:50%;
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	70% {
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	90% {
		border-width:4px;
	}
	100% {
		width:2em;
		height:2em;
		border-radius:50%;
		transform: rotate(720deg);
		border-color:transparent;
	}
}


/* .............about us css ............... */
.border-bottom1{
  height: 2px;
  background: linear-gradient(315deg, rgba(172, 82, 231, 1) 0%, rgba(250, 83, 101, 1) 83%);
}
.border-y{
  border-top:solid 2px #1b1a26 ;
  border-bottom:solid 2px #1b1a26 ;
}
.slider-content {
	top: 27px;
	position: absolute;
	width: 40%;
}
.color-gradient{
  background: #FA5365;
  background: linear-gradient(to right, #FA5365 0%, #AC52E7 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}
.blog-tabs li{
  margin-right: 10px;
  margin-bottom: 10px;
}
.blog-tabs .btn {
  text-transform: capitalize;
  font-size: 16px;
  border: solid 1px #1b1a26;
  border-radius: 0;
  padding: 10px 20px;
}

.blog-tabs .btn:hover{color: #fff !important;}


.search-container {
  display: flex;
  align-items: center;
  border: 1px solid #E4EAF1;
  padding: 16px 20px;
  border-radius: 4px;
  color: #2252FE;
}

.search-input {
  border: none;
  outline: none;
  width: 100%;
}

.search-icon {
 font-size: 22px;
  cursor: pointer;
}
.btn-check:focus+.btn, .btn:focus {
  outline: 0;
  box-shadow: none; 
}
.business-pollicy{
  display: flex;
  align-items: center;
  width: max-content;
  padding: 10px 15px;
  background: #fafafa;
  margin-right: 30px;
  margin-bottom: 10px;
}
.business-pollicy img{
width: 30px;
margin-right: 5px;
}
.contact-box{
  margin-top: -30px;
}
.contact-box .form-control{
  color: #1b1a26;
}
.contact-box .form-floating > label {
  padding: 0.99rem 0rem;
  color: #1b1a26;
}
.top-contact a{
  color: #1b1a26;
}
.top-contact i{
  font-size: 20px;
    padding: 5px 7px;
    background: #fafafa;
    width: max-content;
    height: max-content;
}
.contact-slider{
  background: url(../images/contact_slider.jpg) no-repeat center center;
  background-size: cover;
  height: 510px;
}
.contact-slider-cantent{
  top: 49%;
}

.bradcraum{padding: 0; margin: 0; line-height: none; }
.bradcraum li{display: inline-block;}
/* .............about us css ............... */
ul {
  padding: 0;
  margin: 0;
}
.g-recaptcha {
  transform:scale(0.77);
  transform-origin:0 0;
}

.service-content {
  background: #fff;
}
.service-icon {
  background: rgba(229,22,53, 0.10);
  padding: 50px 22px;
  width: 100%;
  text-align: center;
  height: 342px;
  display: flex;
  align-items: center;
}
.slider {
  margin: 0 auto;
  max-width: 1200px;
}

.swiper-container {
  padding-bottom: 20px;
}

.swiper-scrollbar {
  background: #DEE4EA;
  width: 66% !important;
  left: 14% !important;
}
.bottombor{border-bottom: 1px solid #DEE4EA !important;}

.swiper-container-horizontal > .swiper-scrollbar {
  border-radius: 2px;
  height: 5px;
  width: 200px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-wrapper img {
  width: 100%;
}

.btn-wrap .com-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0;
  border-radius: 0;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  right: 0;
  
  }

  .btn_trans {
    background: transparent;
    color: #1b1a26;
    border: 2px solid #1b1a26;
  }

  
  .btn_trans:hover {
    background: linear-gradient(315deg, rgb(172, 82, 231) 0%, rgb(250, 83, 101) 83%);
    color: #fff !important;
    border: 2px solid #e55388;
  }

  .swiper-button-next.swiper-button-disabled::after, .swiper-button-prev.swiper-button-disabled::after {
    cursor: auto;
    pointer-events: none;
     color: #1b1a26 !important; 
  }

  @media only screen and (max-width: 1680px) {
  .sidenav a.nav-link {font-size: 1vw;}
  .moterdna {padding: 73px 66px;margin-top: -186px;}
  .search-wrapper .input-holder {height: 72px;}
  .fs-24 {font-size: 20px;}
  .slider-content {
    width: 48%;
  }
  .lineh32 {
    line-height: 30px;
    font-size: 20px;
  }

  }

  @media only screen and (max-width: 1480px) {
    .slider-content {width: 57%;top: 0;}

  }
  
  
  
  
  @media only screen and (max-width: 1199px) {
  .fs-72 {
  font-size: 45px;
  line-height: 55px;
  }
  .header-content p {
  font-size: 22px;
  }
  .slider-content {
    width: 100%;
    top: 0;
    position: relative;
  }
  .mt-150 {
    margin-top: 40px;
  }
  .pricing-card h3 {
    font-size: 37px;
 
  }
  .w300 {
    width: 502px;
  
  }
  
  }
  
  @media only screen and (max-width:991px) {
    .fs-70 {
      font-size: 36px;
    }
    .btn {
      padding: 11px 15px;
     
    }
  .dmdnone{display: none;}
  .btn_2, .btn, .btn_w {  
  line-height: 16px;
  font-size: 14px;
  }
  
  /*** Header Mobile Menu css ***/
  .w-250 {
  width: 200px;
  transition: all 0.3s;
  }
  
  .header .mobile_logo {
  width: 232px;
  display: block;
  transition: all 0.5s;
  position: relative;
  z-index: 9999;
  }
  
  .header.fixed .mobile_logo {
  width: 232px;
  margin-top: 5px;
  }
  
  .fs-50 {
  font-size: 32px;
  line-height: 42px;
  }
  
  .amenitiesnewmenu .collapse:not(.show) {
  display: none;
  }
  
  .sidenav a.nav-link {
  font-size: 20px;
  line-height: 40px;
  padding: 5px 0;
  color: #1b1a26;
  }
  
  .sidenav ul li {
  padding: 15px 10px 0;
  }
  
  #myHeader.fixed.closableBannerVisible {
  padding: 8px 0;
  height: 62px;
  }
  .amenitiesnewmenu:hover .collapse:not(.show) {
  display: none !important;
  }
  
  #accordion {
  display: inline-block;
  text-align: left;
  float: left;
  width: 100%;
  }
  
  .sidenav ul li {
  display: flex;
  text-align: left;
  padding-left: 29px;
  flex-direction: column;
  align-items: start;
  }
  
  .sidenav {
  height: 100%; 
  width: 79%;
  position: fixed;
  z-index: 999;
  top:0;
  left: -100%;
  background-color: #FFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 11px 1px;
  /*! left: 0; */
  /*! right: 0; */
  border-radius: 0;
  z-index: 11;
  }
  
  .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  }
  
  .plus-minus-toggle {
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 19px;
  top: -7px;
  float: right;
  width: 51px;
  }
  
  .plus-minus-toggle::before{
  background: url(../images/menuarrow.svg);
  content: '';
  left: 12px;
  position: absolute;
  top: 33px;
  width: 19px;
  transition: transform 500ms ease;
  height: 16px;
  background-repeat: no-repeat;
  }
  
  .plus-minus-toggle[aria-expanded="true"]::before {
  transform: rotate(180deg);
  }
  
  #mySidenav .bi.bi-chevron-down{ display: none;}
  
  
  .myClass {
  /*! width: 100%; */
  left: 0;
  top:57px;
  }
  
  #nav-icon1,
  #nav-icon2,
  #nav-icon3,
  #nav-icon4 {
  width: 26px;
  height: 23px;
  position: relative;
  margin: 0px 10px 0px 0;
  float: right;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 999;
  }
  
  .close {
  opacity: 1;
  }
  
  #nav-icon1 span,
  #nav-icon3 span,
  #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background:#1b1a26;
  border-radius: 4px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  }
  
  .dropdwoen-sec {
  width: 100%;
  position: inherit;
  left: 0px;
  top: 2px;
  padding: 0px 0px;
  box-shadow: inherit;
  margin: 0;
  }
  
  #nav-icon4.open span {
  /*! background: #fff; */
  }
  
  /* Icon 4 */
  #nav-icon4 span:nth-child(1) {
  width: 80%;
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }
  
  #nav-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }
  
  #nav-icon4 span:nth-child(3) {
  width: 60%;
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }
  
  #nav-icon4.open span:nth-child(1) {
  width: 100%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
  left: 8px;
  }
  
  #nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
  }
  
  #nav-icon4.open span:nth-child(3) {
  width: 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
  }
  
  .fixed #nav-icon1 span, .fixed #nav-icon3 span, .fixed #nav-icon4 span {
  background: #1b1a26;
  
  }
  
  .mob-nav-booknow {
  /*! position: absolute; */
  right: 16px;
  top: 50%;
  /*! transform: translateY(-50%); */
  }
  
  /* #linkid {
  position: relative; 
  } */
  .fixed #linkid {
  top: 8px;
  }
  
  .blue-bg.h-98::before {
  height: 99%;
  }
  
  .paddingtop {
  margin-top: 10px;
  }
  
  /*--End-Mobile Menu----*/
  .mobile_logo.myClass .main-logo {
  display: block;
  }
  
  .mobile_logo.myClass .green-logo {
  display: none;
  }
  
  .main-sec-h1 .w-50 {
  width: auto !important;
  }
  
  .fixed .sidenav a.nav-link {
  color: #1b1a26;
  }
  
  .mobmenufixed {
  border: 1px solid #FFE89F;
  border-radius: 50px;
  padding: 5px 6px 5px 21px;
  bottom: 10px;right: 0;
  left: 0;
  position: fixed;
  z-index: 11;
  background: linear-gradient(121deg, rgba(236,187,36,1) 0%, rgba(236,187,36,1) 100%);
  
  }
  .w-90{width: 90%; margin: auto;}
  
  .captiontext {
  top: 34%;
  padding: 34px;
  }
  .fs-66 {
  font-size: 45px;
  line-height: 56px;
  }
  .countertext {
  font-size: 37px;
  line-height: 47px;
  }
  .faqs .accordion-button {
    font-size: 16px;
    padding: 1.2rem 0rem;
    line-height: 22px;
  }
  .price-table tr.price-table-head td {
    font-size: 16px;padding: 10px 13px;
  }
  .price-table th {
    font-size: 15px;font-family: 'Diagramm-Regular';
  }
  tr td, tr th {
    padding: 9px 12px;
  }
  .pricerate {
    font-size: 26px;
  }
  
  
  }
  
  @media only screen and (max-width: 767px) {
    .margintopm {
      margin-top: -50px;
    }
    .fs-43 {
      font-size: 27px;
    }
      .nav-pills .nav-link {
        padding: 8px 13px;
      }
      .searchbox-wrap button span {
          padding: 15px 12px;
          font-size: 12px;
          margin-left: 0px;
      }
      .w300 {
        width: 100%;
        position: relative;
        right: 0px;
        bottom: 0;
      }
     .searchboxlable .form-check-label{ width: 97%;}
  
  .cookies-statement {
    padding: 12px 16px;
  }
  .cookies-btn.text-center {
    margin-top: 8px;
  }
  .cookies-statement .cookies-btn ul li a {
    width: 115px;
    padding: 7px 8px;
  }
  
    }
  
  @media only screen and (max-width:676px) {
    .searchcontainer button {
      padding: 11px 13px;
      border-radius: 8px;
      font-size: 14px;
    }
    .searchcontainer input {
      padding: 9px;
      font-size: 14px;
      width: 100%;
    }
    .fs-44 {
      font-size: 29px;
    }
    .header-content p {
      font-size: 16px;
      width: 100%;
      margin: auto;
      line-height: 22px;
      margin: 18px 0;
    }
    .service .box {
      width: 100%;
      padding: 30px;
   
    }
    .fs-36 {
      font-size: 20px;
      line-height: 40px;
    }
    .service.service2 .box {
      width: 100%;
    }




    .innerblogtext h1 {
      font-size: 28px;
    }
    .swiper-scrollbar {
      width: 209px !important;
      left: 36% !important;
    }
    .iphone_h{  
      height: 310px;
    }

    .testimonial {
      padding-left: 0%;
    }
    .testimonialarrow {
 
      bottom: 11px;
    }
  .noVertical {
    height: 64px;
  }
  figure {
  border-radius: 10px;
  }
  figure.effect-lily h2 {
  font-size: 12px;
  }
  figure.effect-lily figcaption > div {  
  padding: 0.5em;
  
  }
  .slick-initialized .slick-slide {
  margin: 0 4px !important;
  }
  
  .captiontext {
  top: 25%;
  padding: 34px;
  }
  .fs-52 {
  font-size: 20px;
  }
  p {
  font-size: 14px;
  line-height: 22px;
  }
  .fs-38 {
  font-size: 18px;
  line-height: 19px;
  }
  
  .slick-initialized .slick-slide {
  margin: 0 10px;
  }
  .mt-100 {
  margin-top: 50px;
  }
  .smile {width: 85px;}
  .Insights-text a {
    line-height: 30px;
  }
  .h3, h3 {
    font-size: 19px;
  }
  .search-wrapper.active .input-holder {
    width: 95vw;
  
  }
  .search-wrapper.active {
    top: 40%;
    right: 2%;
  }
  .serviceBox:hover::before {   
    border-radius: 15px;
  }
  .serviceBox:hover .service-content {
    border-radius: 16px;
   
  }
  }
  

  
  
  @media only screen and (max-width:575px) {
    .captcha{margin: auto;}
    .service-icon {
      padding: 6px 22px;
      height: 166px;
    }
    .py-75 {
      padding: 35px 0;
    }
    .iphonepx{padding: 0 10px;}
    .serviceBox .img {
      width: 69%;
      margin: auto;
      height: 130px;
    }
    
   

    .testimonialarrow {
      float: none;
      position: relative;
      right: 0;
      width: 100%;
      padding-left: 0;
      bottom: 0px;
    }
    .btn-wrap .com-btn {
      height: 38px;
      width: 38px;
 
    }

      .w395 {
        min-width: 100%;
      }
      .searchbox-wrap input {
          padding: 17px 16px;
          font-size: 16px;
          width: 48%;
      }
      .img-hover-zoom {
          padding: 12px 0px;
      }
      .form-check .form-check-input {
          width: 22px;
      }
     
      .pricing-card h3 {
        font-size: 29px;
      }

    .loadmore .loadMorebtn {
      padding: 11px 33px;
      font-size: 17px;
    }
  .fs-72 {
  font-size: 28px;
  line-height: 32px;
  }

  .homebanner {
  height: 77vh;
  }
  
  .moterdna {
  padding: 48px 15px 19px;
  border-radius: 10px;
  }
  
  .ph_design {
  margin-top: -99px;
  }
  .mt-100 {
  margin-top: 30px;
  }
  .mt-100.iphonemy {
  margin: 30px 0 60px;
  }
  .py-100 {
  padding: 42px 12px;
  }
  .px-40 {
  padding: 0px 5px;
  }
  
  .footer-logo {
  text-align: center;
  }

  .footer-links ul li a {
  font-size: 16px;
  line-height: 34px;
  }
  .copyright {
  text-align: center;
  font-size: 13px;
  }
  
  .dropdwoen-sec ul li a {
  font-size: 18px;
  line-height: 33px;
  font-weight: 300;
  }
  .imgph-w {
  width: 95%;
  }
  .fs-66 {
  font-size: 31px;
  line-height: 42px;
  }
  .fs-42 {
  font-size: 28px;line-height: 38px;
  }
  .fs-30 {
  font-size: 20px;
  }
  .testimonial p {
    line-height: 32px;
  }
  .fs-24 {
    font-size: 14px;
  }

  .lineh32 {
    line-height: 28px;
    font-size: 14px;
  }

  .h2, h2 {
    font-size: 28px;
    line-height: 1;
  }
  .fs-17 {
    font-size: 16px;
  }
  .padding30 {
  padding: 30px;
  }
  .faqs .accordion-button::after {
  
  width: 14px;
  height: 15px;
  background-size: contain;
  }

  .fs-48 {
  font-size: 25px;
  }
  
  .shap::before {
    width: 55px;
    height: 55px;
  }
  .shap::after {
    width: 55px;
    height: 55px;
  }

  .login-body{height: auto;}
  
  .card.login-form {
    padding: 28px;
    margin-left: 0%;
  }
  .loginlogo{width:60% ;}
  .closebtn {
    width: 34px;
    height: 34px;
    margin-right: -10px;
  }
  .grcar img {
    width: 50%;
    margin: auto;
  }
  footer .socialLink{padding: 15px 0px;}
  
  }
  @media only screen and (max-width:475px) {
  
  .imgph-w {
  width: 77%;
  }
  .fn-18 {
    font-size: 16px;
  }
  .footer-bottum-box a {
    font-size: 16px !important;
  }
  
  }
  @media only screen and (max-width:385px) {
  .w-250 {
  width: 177px;
  }
  
  }

 

 
 
  
  .slide-in {
    animation: slide-in 0.8s;
 }
  @keyframes slide-in {
    0% {
      transform: translate(-5rem);
      opacity: 0;
   }
    100% {
      transform: translate(0);
   }
 }
  .slide-out {
    animation: slide-out 0.8s;
 }
  @keyframes slide-out {
    0% {
      transform: translate(0);
   }
    100% {
      transform: translate(20rem);
   }
 }

 .tab-slider--nav {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  display: flex;
}
.tab-slider--tabs {
  display: flex;
  float: left;
  margin: 0;
  padding: 10px;
  list-style: none;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  background: #fff;
  height: 57px;
  user-select: none;
  /*! width: 335px; */
  margin: auto;
}
.tab-slider--tabs:after {
  content: "";
  width: 50%;
  background: #1b1a26;
  height: 85%;
  position: absolute;
  top: 4px;
  left: 5px;
  transition: all 250ms ease-in-out;
  border-radius: 35px;
}
.tab-slider--tabs.slide:after {
  left: 49%;
}
.tab-slider--trigger {
  /*! font-size: 12px; */
  line-height: 1;
  /*! font-weight: bold; */
  color: #1b1a26;
  /*! text-transform: uppercase; */
  text-align: center;
  padding: 11px 53px 11px 48px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  user-select: none;
}
.tab-slider--trigger.active {
  color: #fff;
}
.tab-slider--body {
  margin-bottom: 20px;
}