@import url("custom.css");
/*@import url("all.min.css");*/
@import url("aos.css");
@import url("animate.min.css");



@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700|Quicksand:300,400,500,700&display=swap');

 @font-face {
     font-family: "FontAwesome";
     src: url("../fonts/fontawesome-webfonte0a5.eot?v=4.3.0");
     src: url("../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfonte0a5.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfonte0a5.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfonte0a5.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular") format("svg");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}


@media (min-width: 800px) and (max-width: 850px) {

  .navbar:not(.top-nav-collapse) {

    background: #1c2331 !important;

  }

}



/* for responsive entire project */



#mainBackground {

  width: 100%;

  height: 100%;

  max-height: 100%;

  margin: 0;

  padding: 0;

  background-size: 100% 100%;

  background-repeat: no-repeat;

}

html,

body {

  height: 100%;

  margin: 0;

  padding: 0;
  overflow-x: hidden;

}

body {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
  font-family: 'Cabin', sans-serif !important;

}



/*  // for responsive entire project */



.view,

body,

html {

  height: 100%;

  padding: 0;

  margin: 0;

}

.navbar {

 /* background-color: rgb(44 114 178);*/

     background-color: rgb(255 255 255);
     padding: 20px 0;

}
.nav-item{
  margin: 0 6px;
}

.page-footer,

.top-nav-collapse {

  background-color: #1c2331;

}

@media only screen and (max-width: 768px) {
  .overlay_title >span:before {
    position: absolute;
    top: 8px;
    left: 11% !important;
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #ff681d;
}
.overlay_title >span:after {
  position: absolute;
  top: 8px;
  right: 11% !important;
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background: #ff681d;
}
/* .aara_box.service_box_1.sb_top.aara-glass-card2 {
  margin-bottom: 44px !important;
} */
.col-lg-6.glass-hover.add {
  margin-bottom: 18px !important;
  margin-top: 12px !important;
}
.glass-hover {
  margin-top: 28px !important;
}
.col-lg-6.glass-hover.add {
  margin-top: 16px !important;
}
.aara-glass-card2 {
  margin-bottom: 100px !important;
}
/* section.contact_section.aara_contact_section.p-relative {
  margin-top: -171px !important;
} */
/* .glass-hover {
  margin-top: 40px !important;
} */
.aara_section_title > span:before {
  position: absolute;
  top: 8px;
  left: 11% !important;
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background: #ff681d;
}
.aara_section_title > span:after {
  position: absolute;
  top: 8px;
  right: 11% !important;
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background: #ff681d;
}
.slick-slide img{
  height: 71px !important;
}
.copyright_text {
  text-align: center !important;
}
  span.aara_span {

    margin-left: 20px!important;
}
  span.aara_span:before {
   
    width: 10px!important;
    height: 2px;
  
}
a.aara_btn.btn-mor.mx-2 {
  margin-bottom: 22px !important;
}
div#navbarSupportedContent {
  background: #fff !important;
  margin-top: 30px !important;
  padding-left: 20px !important;
}
.glass-box.aara-glass-card2 {
  /* padding-bottom: 45px; */
  margin-bottom: 30px !important;
}
.navbar:not(.top-nav-collapse) {
  height: 73px !important;
  background-color: #1c2331!important;
}
  .font-55 {
    font-size: 30px;
}
  .ag-logo {
    position: absolute;
    margin-top: -26px !important;
    max-width: 96px !important;

}

  .navbar {

    background-color: #1c2331;

     padding:0px 0 !important;

  }
  /* satrt css keerti 07/01/2023 services pages*/
  .glass-box2 {
    max-width: 500px;
    min-width: 240px;
    width: 100%;
     height:auto!important;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: rgb(24 32 79 / 25%) 0px 40px 80px, rgb(255 255 255 / 50%) 0px 0px 0px 0.5px inset;
    backdrop-filter: blur(40px);
    padding: 50px 20px;
    border-radius: 0px 60px 60px;
    z-index: 2;
}
.service-block-four .inner-box {
  position: relative;
  /* padding: 0px 0px !important; */
  overflow: hidden;
  background-color: #ffffff;
  border-left: 5px solid #fe4c1c;
  border-radius: 0px 10px 10px 0px;
}
.aara_content_box h2 span {
  font-size: 33px !important;
  font-weight: 300;
} 
.seo_text_1 h2 {
  font-size: 38px !important;
}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5);
 border-color:none !important; 
}
} 

  
  /* navbar {
    padding: 2px 0 !important;
} */




.main-header {

  position: relative;

  background-position: center;

  color: #ffff;

  font-size: 25px;

  font-family: 'Cabin', sans-serif !important;

  max-width: 100%;

  font-weight: 100;

}

.main-header p {

  font-family: 'Cabin', sans-serif !important;

  font-size: 20px;

  font-weight: 100;

}

video {

  object-fit: cover;

  width: 100vw;

  height: 100vh;

  top: 0;

  left: 0;

}



.mainhead {

  position: absolute;

  top: 150px;

  left: 40px;

}



/*---------------------------------------------Feature-----------------------------------*/

#gradient {

  width: 100%;

  height: 80vh;

}

.wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.box div {

  position: absolute;

  width: 60px;

  height: 60px;

  background-color: transparent;

  border: 6px solid rgb(43, 12, 143);

}

.box div:nth-child(1) {

  top: 12%;

  left: 42%;

  animation: animate 10s linear infinite;

}

.box div:nth-child(2) {

  top: 70%;

  left: 50%;

  animation: animate 7s linear infinite;

}

.box div:nth-child(3) {

  top: 17%;

  left: 6%;

  animation: animate 9s linear infinite;

}

.box div:nth-child(4) {

  top: 20%;

  left: 60%;

  animation: animate 10s linear infinite;

}

.box div:nth-child(5) {

  top: 67%;

  left: 10%;

  animation: animate 6s linear infinite;

}

.box div:nth-child(6) {

  top: 80%;

  left: 70%;

  animation: animate 12s linear infinite;

}

.box div:nth-child(7) {

  top: 60%;

  left: 88%;

  animation: animate 15s linear infinite;

}

.box div:nth-child(8) {

  top: 32%;

  left: 25%;

  animation: animate 16s linear infinite;

}

.box div:nth-child(9) {

  top: 90%;

  left: 25%;

  animation: animate 9s linear infinite;

}

.box div:nth-child(10) {

  top: 20%;

  left: 80%;

  animation: animate 5s linear infinite;

}



@keyframes animate {

  0% {

    transform: scale(0) translateY(0) rotate(0);

    opacity: 1;

  }

  100% {

    transform: scale(1.3%) translateY(-90px) rotate(360deg);

    opacity: 0;

  }

}



.feature {

  /* // background-image: url(images/bg1.png); */

  background-position: left;

  background-repeat: no-repeat;

}



.feature-seo {

  padding-top: 5em;

}

/*---------------------------------------------Feature-----------------------------------*/



#webspeed {

  background-image: linear-gradient(

    to right,

    #2e2f7a,

    #179bd7,

    #ea533b,

    #fcc813

  );

  font-family: 'Cabin', sans-serif !important;

  color: #fff;

}



.form-inline {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 50px;

  margin: auto;

}



/*---------------------------------------------services we offer-----------------------------------*/



@-webkit-keyframes wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px);

  }



  33.3% {

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

    transform: translateX(-6px);

  }



  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }



  66.6% {

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

    transform: translateX(-2px);

  }



  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }



  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



.wobble-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

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

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

}

.wobble-horizontal:hover,

.wobble-horizontal:focus,

.wobble-horizontal:active {

  -webkit-animation-name: wobble-horizontal;

  animation-name: wobble-horizontal;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

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

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

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



.services-offer-h2 {

  color: #48bbf8;

  font-weight: 100;

  padding: 20px 20px 40px 20px;

}



.services-offer-h4 {

  font-weight: 200;

}



.services-offer-row {

  position: relative;

  padding: 30px 0;

}



/*---------------------------------------------services we offer-----------------------------------*/



.card-space {

  display: flex;

  justify-content: space-around;

}



#footer {

  background-image: url(images/footer.png);

  background-position: top center;

  font-family: 'Cabin', sans-serif !important;

  font-weight: 200;

  font-size: 15px;

  color: #fff;

}

.footer-text h2 {

  font-size: 30px;

  font-weight: inline;

}



#pricecard {

  background-image: linear-gradient(

    to right,

    #2e2f7a,

    #179bd7,

    #ea533b,

    #fcc813

  );

  /* // background-image: url(images/price.png); */

  width: 100%;

  /* // background-position: center; */

}



.cards {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  max-width: 1200px;

  flex-wrap: wrap;

  z-index: 1;

}

section{

  padding: 20px 0px !important;

}



.container .card {

  /* position: relative; */

  width: 280px;

  height: 450px;

  margin: 20px;

  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.2);

  border-radius: 15px;

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

  overflow: hidden;

  display: flex;

  justify-content: center;

  align-items: center;

  backdrop-filter: blur(30px);

}

.container .card .content {

  padding: 20px;

  text-align: center;

  transform: translateY(100px);

  opacity: 0;

  transition: 0.5s;

}

.container .card:hover .content {

  transform: translateY(0px);

  opacity: 1;

}



.container .card .content h2 {

  position: absolute;

  top: -80px;

  right: 30px;

  font-size: 8em;

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

  pointer-events: none;

}

.container .card .content h3 {

  font-size: 1.8em;

  color: #ffff;

  z-index: 1;

}

.container .card .content p {

  font-size: 1em;

  color: #fff;

  font-weight: 300;

}

.container .card .content a {

  position: relative;

  display: inline-block;

  padding: 8px 20px;

  margin-top: 15px;

  background: #fff;

  color: #000000;

  border-radius: 20px;

  text-decoration: none;

  font-weight: 500;

}



#testimonial-1 {

  position: relative;

  width: 100%;

  min-height: 100vh;

  display: flex;

  justify-content: center;

  align-items: center;

  /* background-image: url(images/price.png); */

  overflow: hidden;

}



.swiper-container {

  width: 100%;

  padding-top: 50px;

  padding-bottom: 50px;

}



.swiper-slide {

  background-position: center;

  background-size: cover;

  width: 320px;

  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);

  /*filter: blur(4px);*/

  /* background: #d1ebff; */

  border-radius: 10px;

}

.swiper-slide-active {

  background: #fff;

  filter: blur(0px);

}

.testimonialBox {

  position: relative;

  width: 100%;

  padding: 30px;

  padding-top: 30px;

  color: #999;

}



.testimonialBox .quote {

  position: absolute;

  top: 20px;

  right: 30px;

  opacity: 0.2;
  width: 70px;

}

.testimonialBox .details {

  display: flex;

  align-items: center;

  margin-top: 20px;

}



.testimonialBox .details .imgBx {

  position: relative;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  overflow: hidden;

  margin-right: 10px;

}

.testimonialBox .details .imgBx img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.testimonialBox .details h3 {

  font-size: 16px;

  font-weight: 400;

  letter-spacing: 1px;

  color: #2196f3;

  line-height: 1.1em;

}

.testimonialBox .details h3 span {

  font-size: 12px;

  color: #666;

}

.swiper-container-3d .swiper-slider-shadow-left,

.swiper-container-3d .swiper-slider-shadow-right {

  background-image: none;

}



/* // .seo-types {

//   display: flex;

//   justify-content: space-around;

//   align-items: center;

// } */



body,

.services,

.fa-ul,

h1,

.p,

p,

h2,

h3,

h4,

h5,

h6 {

  /* font-family: "Montserrat-Bold"; */

  /* font-family: "Ubuntu"; */

  /* font-family: Arial, Helvetica, sans-serif; */

 /* font-family: "Source Sans Pro", sans-serif;*/
  font-family: 'Cabin', sans-serif;

}



.seo_img_bnnr {

  padding-top: 2rem;

  height: 200px;

  width: 100%;

}



/* .seo_img1{

  border-radius: 50%;

} */



/* h1

{

	color:#000000;

	margin:40px 0 60px 0;

	font-weight:300;

} */



.our-team-main {

  width: 100%;

  height: auto;

  border-bottom: 5px #323233 solid;

  background: #fff;

  text-align: center;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  transition: 0.5s;

  margin-bottom: 28px;

}



.our-team-main img {

  border-radius: 50%;

  margin-bottom: 20px;

  width: 90px;

}



.our-team-main h3 {

  font-size: 20px;

  font-weight: 700;

}



.our-team-main p {

  margin-bottom: 0;

}



.team-back {

  width: 100%;

  height: auto;

  position: absolute;

  top: 0;

  left: 0;

  padding: 5px 15px 0 15px;

  text-align: left;

  background: #fff;

}



.team-front {

  width: 100%;

  height: auto;

  position: relative;

  z-index: 10;

  background: #fff;

  padding: 15px;

  bottom: 0px;

  transition: all 0.5s ease;

}



.our-team-main:hover .team-front {

  bottom: -200px;

  transition: all 0.5s ease;

}



.our-team-main:hover {

  border-color: #777;

  transition: 0.5s;

}



.txt {

  text-align: center;

  font-size: 5vmin;

  font-weight: 700;

  outline: none;

  white-space: nowrap;

}



#h1 {

  color: #fff;

  font-family: 'Cabin', sans-serif !important;

  font-size: 3rem;

  line-height: 1em;

  /* margin-top: 8rem; */

  position: absolute;

  text-align: center;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  text-shadow: 0 1px 0 #dba1a1, 0 2px 0 #d89999, 0 3px 0 #d59292,

    0 4px 0 #d28a8a, 0 5px 0 #cf8383, 0 6px 0 #cd7c7c, 0 7px 0 #ca7474,

    0 8px 0 #c76d6d, 0 0 5px rgba(230, 139, 139, 0.05),

    0 -1px 3px rgba(230, 139, 139, 0.2), 0 9px 9px rgba(230, 139, 139, 0.3),

    0 12px 12px rgba(230, 139, 139, 0.3), 0 15px 15px rgba(230, 139, 139, 0.3);

}



// --------------------- our Partner starts ------------------->



.slick-slide {

  margin: 0px 20px;

}

.slide{

  margin: 0px 20px;
  padding: 10px 0px;

  box-shadow: rgba(255, 255, 255, 5%);

}



.slick-slide img {

  width: 100%;

  border-radius: 20px;

  

}



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus {

  outline: none;

}

.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

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

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

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

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

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after {

  display: table;

  content: "";

}

.slick-track:after {

  clear: both;

}

.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

[dir="rtl"] .slick-slide {

  float: right;

}

.slick-slide img {

  display: block;

}

.slick-slide.slick-loading img {

  display: none;

}

.slick-slide.dragging img {

  pointer-events: none;

}

.slick-initialized .slick-slide {

  display: block;

}

.slick-loading .slick-slide {

  visibility: hidden;

}

.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}
//Glassmorphism Animation


.area{
  background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);

  
    width: 100%;
    height:100vh;
    
   
}

.circles{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 80px;
  border: 1px solid rgba(255, 255, 255, 0.18);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


.contact-popup span{
  position: fixed;
     background: #1ebbf0;
    background: -moz-linear-gradient(to right, #7859fc, #a756f9);
    background: -webkit-linear-gradient( to right, #7859fc, #a756f9 );
    background: linear-gradient( to right, #7859fc, #a756f9 );
    background-size: 400% 100%;
    right: 15px;
    bottom: 70px;
    padding: 15px;
    border-radius:  50px;
    z-index: 9998;

  }

.popup-form{
    position: fixed;
    text-align: left;
    right: 15px;
    bottom: 150px;
    padding: 15px;
    border-radius:  50px;
    z-index: 9999;
    /*height: 475px;*/
    width: 400px;
    top: calc(50% - 320px);

  }
#pop-form{
  display: block;
}

.ag-logo {
    position: absolute;
       margin-top: -95px;
    max-width: 250px;
   /* background: #fff;*/
    /*padding: 5px 15px;
    border-bottom: 3px solid #da712a;
    border-radius: 0 0 15px 15px;*/
}