/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/* Thin (100) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/Font-2/outer-sans-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

/* Light (300) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/Font-2/outer-sans-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* Regular (400) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/Font-2/outer-sans-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* Medium (500) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/Font-2/outer-sans-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* Bold (700) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/Font-2/outer-sans-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* Black (900) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/Font-2/outer-sans-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}


 
h1, h2, h3  {
    font-family: 'MADE-Outer-Sans', sans-serif;
    font-weight: 500 !important;
    text-transform: uppercase!important;
}
 h6 {
  font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-weight: 100 !important;
}




/* h1, h2, h3, h4, h5, h6 {
    color: #292929 !important;
} */



/* h1, h2, h3, h4, h5, h6 {
    font-family: 'galvji', sans-serif;
    font-weight: 700;
} */

a,p,span,li,button,input,label,select,textarea,option {
    font-family: 'MADE-Outer-Sans', sans-serif;
    font-weight: 300!important;
    line-height: 1.3;
}
body{
    font-family: 'MADE-Outer-Sans', sans-serif;
    font-weight: 100;
}

.contact-title > h3, 
.section-title > h2 {
  color: #020002!important;
}
p{
  color: #292929;
}


.header-main .main-menu ul li a{
    font-family: 'MADE-Outer-Sans', sans-serif !important;   
    color: #292929;
    font-weight: 300;
}
.header-1 .container-fluid {
    padding: 7px 50px;
}
.logo a img{
/* filter: drop-shadow(0px 1px 1px black); */

width: 130px;

}


.contact-main-wrapper .contact-form-items .form-clt .icon {
    position: absolute;
    top: 22px;
    left: 0;
}

















.price{
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-weight: 300 !important;
}
.contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea{
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-weight: 300 !important;
}

.pricing-card-items .pricing-header h6 {
    color: #fff;
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-size: 35px;
    font-weight: 500 !important;
}
.pricing-card-items .pricing-header h6 > span  {
    color: #fff;
    font-family: "MADE-Outer-Sans",sans-serif !important;
    font-size: 35px;
    font-weight: 100!important;  
}

.pricing-card-items .pricing-header h3 {
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-size: 35px;
    color: #fff;
        font-weight: 500 !important;
}


.theme-btn{
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-weight: 300 !important;
}

.icon-items .content h5 {
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-size: 25px;
    font-weight: 500 !important;
}
.about-wrapper .about-image-items .about-image .about-image-2 {
    position: absolute;
    bottom: -100px;
    right: 0px;
}
.about-list li{
  color: #292929;
}
.content p{
  color: #292929;
  
}
.about-content p{
  color: #292929;
}
.section-title span{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 100 !important;
  font-size: 25px;
  text-transform: capitalize;
}
.section-title h2 > span{

   font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0px;
}
.pricing-card-items{
      background-color: #ebebeb;
      box-shadow: none;
}

.hero-1 .swiper-slide-active .hero-image {
  transform: scale(1);
}
.price-list{
  margin-top:15px;
}
.cont p{

    font-size: 20px!important;
 
}

.cont .price-list li{

    font-size: 20px !important;
    color: #292929;
}

.subscribe-plan .price{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 500 !important;
}

.network-solution-items .content h4{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 30px;
     color: #ff0000;
}
.bgs .card-title{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 500 !important;
   font-size: 30px;
   color: #ff0000;
}
.card-title{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 500 !important;
   font-size: 30px;
   color: #ff0000;
}

.cta-subscribe-content{
text-align: center;
}

.contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea{
  font-size:20px;
}

.section-title  p{
  font-size:20px;
  margin-top: 20px;
}
.txt-loading span{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 500 !important;
}

@media (max-width: 1199px) {
    .header-1 .mega-menu-wrapper .header-main .header-right {
        gap: 20px;
        margin-right: 36px;
    }
}

@media (max-width: 575px) {
    .offcanvas__wrapper {
       padding: 40px 40px 40px 12px;
    }
    .offcanvas__info{
      width: 400px;
    }
}

@media (min-width: 1024px) {
    .pricing-card-items {
        padding: 50px 8px !important;
    }
}

@media screen and (max-width: 1024px) {
  .network-solution-items.content h4{
    font-size: 22px !important;
  }
  .bgs .card-title{
    font-size: 22px !important;
  }
  .card-title{
    font-size: 22px !important;
  }
    .section-title h2 > span{
      font-size: 25px !important;
    }
    .section-title h2{
      font-size: 25px !important;
    }
    p,li,span,a{
      font-size: 18px !important;
    }
    .pricing-card-items .pricing-header h3{
      font-size: 22px !important;
    }
          .contact-main-wrapper .contact-form-items .contact-title h3{
            font-size: 25px !important;
          }  
            .hero-content h1{
            font-size: 30px !important;
          }  
          .hero-1 .hero-content h6 {
            font-size: 22px !important;
          }  
          .contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea{
            font-size: 16px !important;
          }
          .card-head{
            font-size: 25px !important;
          }
          .card{
            margin-bottom:15px;
          }
          .counter-items .count{
            font-size: 80px !important; ;
          }
          .counter-items p{
            font-size: 25px !important;
          }
          .imagee img {
    padding: 4px!important;
}
.card .img {
    width: auto !important;
    height: auto !important;
    border-radius: 15px;
    margin: 0 !important;
    text-align: center;
   
}
.card{
  height: calc(100% - 30px)!important;
}

.hero-1 .hero-content{
  padding:100px 10px;
}
}



@media (min-width: 320px) and (max-width: 425px) {
    .tv-screen {
        width: 144px;
        height: 140px;
        margin-left: 9px;
    }
}


.header-section-1::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: -12px;
    content: "";
    background-color: #ffffff;
    z-index: -1;
}

.hero-1 .hero-image {
    overflow: hidden;
    position: relative !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%!important;
    opacity: 1;
    z-index: -2;
    background-size: cover;
    /* transform: scale(1); */
    transition: all 8s ease-out 0s;
    display:flex;
    justify-content: center;
    align-items: center;
}


/* .header-1 .mega-menu-wrapper .header-main .header-left{
    gap:400px;
} */


.hero-image{
    height: 1000px;
    position: relative;
}
.hero-1 .hero-content {
    position: relative;
    padding: 278px 0px;
}
.hero-1 .hero-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
  background-color: rgb(3 0 20 / 25%);

    opacity: 0.749;
}
.hero-1 .hero-content p {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin-top: -10px;
}
 .fal {
    font-weight: 100;
    font-size: 17px;
}
.pt_90 {
    padding-top: 90px;
}
.pt_50 {
    padding-top: 50px;
}
.pt_150 {
  padding-top: 150px !important;
}

.pb_90 {
    padding-bottom: 90px;
}
.pb_10{
  padding-bottom: 10px;
}
.pt_10{
  padding-top: 10px;
}
.pt_15 {
    padding-top: 15px;
}
.p_15{
  padding: 15px 5px 20px 15px;
}
.pb_15{
  padding-bottom: 15px;
}
.pt_20{
  padding-top: 20px;
}
.pb_20{
  padding-bottom: 20px;
}
.pt_20{
  padding-top: 20px;
}
.pb_30{
  padding-bottom: 30px;
}
.pt_30{
  padding-top: 30px;
}
.pt_70{
  padding-top: 70px;
}
.pb_70{
  padding-bottom: 70px;
}
.ML_80{
   margin-left: 80px
}
.custom-heading {
    color: #4E4B51;
}


.hero-1 .hero-content h1 {
  font-size: 75px!important;
  color: var(--white);
  margin-bottom: 20px;
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  
}
.hero-1 .hero-content h2 {
  font-size: 75px;
    margin-bottom: 20px;
     font-family: 'MADE-Outer-Sans', sans-serif!important;
     font-weight: 500!important;
}

.header-top-wrapper .contact-list li a {
    color: #ffffff;
}
.header-top-wrapper .contact-list li {
    font-size: 15px;
    color: var(--text2);
}
.counter-section{
  padding: 90px 0px;
}
.counter-wrapper {
    background-color: var(--theme);
    padding: 70px 0px;
    display: flex
;
    align-items: center;
    justify-content: space-around;
    position: relative;
    z-index: 9;
    margin-top: -90px;
    border-radius: 20px;
    background-image: linear-gradient(45deg, black, transparent);
}
.counter-wrapper .counter-items {
    display: flex
;
    align-items: center;
    gap: 3px;
    flex-direction: column;
}
.counter-items p{
  font-size: 25px;
}


.trusted-client-wrapper .trusted-content .single-tab-items .nav {
    display: flex;
    align-items: center;
    gap: 15px;
    
}

.movie-bg{
    background-image: url(../ezimg/home/ott-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   
}
.movie-section::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(255, 11, 11, 0.2);
    z-index: -1;
}


.widget-head a img {
    filter: drop-shadow(1px -1px 0px rgb(255, 255, 255));
}

.conthp{
  margin-top:-100px;
}

.contact-main-wrapper .contact-form-items {
    background-color: var(--bg5);
    padding: 55px 45px;
    z-index: 99;
    position: relative;
}
.conthp .contact-form-items{
  border-radius: 20px;
}
.logo a img{
width: 150px;

}
.pricing-card-items{
  transition: all 1s ease-in-out;
      /* height: calc(100% - 25px); */
}

.network-solution-wrapper{
      border-radius: 0px 0px 221px 221px;
}

.wows{
      font-size: 40px;
}
.pricing-card-items::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #f4f2e9;
    z-index: -1;
    border-radius: 8px 8px 0 0;
    height: 37%;
     
    visibility: visible;
    transition: all 1s ease-in-out;
    background-size: cover;
     ;
}
.pricing-card-itemsa::before {
     background-image: url(../ezimg/home/50.png); 
}
.pricing-card-itemsb::before {
     background-image: url(../ezimg/home/75.png);
}
.pricing-card-itemsc::before {
     background-image: url(../ezimg/home/100.png);
}
.pricing-card-itemsd::before {
     background-image: url(../ezimg/home/150.png);
}
.pricing-card-itemse::before {
  background-image: url(../ezimg/home/200.png);
}
.pricing-card-itemsf::before {
     background-image: url(../ezimg/home/300.png);
}
.pricing-card-itemsg::before {
     background-image: url(../ezimg/home/ott.png);
}
.pricing-card-itemsh::before {
  background-image: url(../ezimg/home/tvs.png);
}
.pricing-card-itemsi::before {
     background-image: url(../ezimg/home/ott+tv.png); 
}
.pricing-card-items:hover:before{
  height: 40%;
  background-color: rgba(26, 26, 26, 0.50);
  
}

.footer-address-text p a{
color:#fff;
font-size: 22px;
font-weight: 500;
margin-bottom:10px;
    margin-left: 10px;
}
.footer-address-text p i {
    background-color: #fff;
    color: red;
    padding: 15px;
    width: 48px;
    text-align: center;
    height: 48px;
    margin: 3px;
}
.footer-bottom {
    padding: 20px 0;
    position: relative;
    z-index: 9;
    background-color: #d6111e00;
}

.footer-widgets-wrapper {
    position: relative;
    z-index: 9;
    padding: 20px 0px 20px;
}
.footer-widgets-wrapper .single-footer-widget .list-items li a {
    font-size: 25px;
    color: #ffffff;
    position: relative;
}
.footer-widgets-wrapper .single-footer-widget .footer-content p

 {
    color: #b8b8b8;
    font-size: 20px;
}
.footer-widgets-wrapper .single-footer-widget .list-items li a {
    font-size: 20px;
    color: #b8b8b8;
    position: relative;
}
.footer-address-text p a {
    color: #b8b8b8;
    font-size: 20px;
    font-weight: 300 !important;
    margin-bottom: 10px;
    margin-left: 10px;
}
.footer-bottom .footer-wrapper p {
  color: #b8b8b8;
    font-size: 15px;
}

.footer-bottom .footer-wrapper .footer-menu li a {
     color: #b8b8b8;}
.header-top-wrapper .contact-list li {
    font-size: 15px;
    color: #ffffff;
}

.footer-widgets-wrapper .single-footer-widget .widget-head h5 {
    text-transform: capitalize;
    margin-top: 10px;
    font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-size: 25px;
    font-weight: 500 !important ;
    color: #fff;
}

/* #gradient-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    --gradient-color-1: #292929;
    --gradient-color-2: #000;
    --gradient-color-3: #2c011b;
    --gradient-color-4: #13012c;
    --gradient-color-5: #292929;
    z-index: 0;
    opacity: 1;
    transition: var(--all-medium);
    pointer-events: none;
}  */


.faq-content .accordion-item .accordion-header .accordion-button {
    font-weight: 500;
    color: var(--header);
    letter-spacing: -0.2px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 10px 0;
    font-size: 20px;
}


#gradient-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    --gradient-color-1: #292929;
    
    z-index: 0;
    opacity: 1;
    transition: var(--all-medium);
    pointer-events: none;
} 
.gradient-bg {
 background-image: url(assets/img/ezimg/home/1.jpg)  !important; 
}

#gradient-canvass {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-image: url(assets/img/ezimg/home/1.jpg);
   z-index: 0;
   opacity: 1;
   transition: var(--all-medium);
   pointer-events: none;
}

.breadcrumb-wrapper .page-heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    z-index: 99;
}

.imagess {
  padding-top: 6px !important;
}
.ezinet {
  color:#ff0000;
  font-weight: 900;
}
.text-lights {
  color:#ffffff !important;
}

@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    font-size: 75px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 72px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content h1 {
    font-size: 62px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 48px;
  }
  .counter-wrapper {
    /* flex-direction: column; */
    padding: 20px;
  }
  .conthp{
  margin-top:0px;
}

.network-solution-wrapper{
      border-radius: 0px 0px 20px 20px;
}

  .counter-items p{
  font-size: 20px;
}
.counter-items h2{
  font-size: 40px;
}
.footer-bottom .scroll-icon {
    position: absolute;
    right: 00%;
    top: -40px;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    line-height: 60px;
    background-color: var(--theme);
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    border: 5px solid var(--white);
    display: inline-block;
}

}

@media (max-width: 1024px) {
  .hero-1 .hero-content h1 {
    font-size: 36px!important;
    line-height: 1.2;
  }
}
.hero-1 .hero-content h2 {
  color: var(--white);
  margin-top: 15px;
}

@media (max-width: 767px) {
  
  .cta-parallax-wrapper .button-items {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    flex-direction: column;
}

.cta-subscribe-wrapper .cta-subscribe-image

 {
    margin-right: 0px;
}

  .header-1 .container-fluid {
    padding: 7px 20px;
}
}
.foot {
  justify-items:center;
}

@media (max-width: 575px) {
    .hero-1 .hero-content h2 {
        font-size: 36px;
        line-height: 1.2;
    }
    .header-1 .mega-menu-wrapper .header-main .header-left {
    gap: 10px;
}
}
@media (min-width: 1024px)  and (max-width: 1320px) {
   .imagess{
        width: 478px;
       height: 590px;
}
}
@media (min-width: 1024px)  and (max-width: 1320px) {
   .theme-btn {
   width: 220px;

}
.price-list .tds{
  padding-top:0px;
}
 }
 .tds {
  padding-top: 43px;
 }
@media (min-width: 320px)  and (max-width: 767px) {
   .imgs {
    width: 300px;
}
.ML_80 {
  margin-left: 7px;
}
.ww {
      font-size: 45px;
}
.www {
          font-size: 30px;
}
.foot { 
     justify-items:start;
}
.imagess {
      width: 300px;
      
}
.card {
  width: 300px !important;
}
.cta-subscribe-wrapper .cta-subscribe-content .subscribe-plan .price {
  font-size: 18px !important;
      padding: 12px 1px;
}
.why {
  font-size: 30px !important;
}
 
}

@media (min-width: 768px)  and (max-width: 1023px) {
   .imgs {
    width: 260px;
}
   .ML_80 {
    margin-left: 45px;
}
.imagess{
    width:700px;
    height: 575px;
}
.st {
      font-size: 36px;
}
.why {
  font-size:34px !important;
}



}
@media (min-width: 1024px)  and (max-width: 1220px) {
   .imgs {
    width: 335px;
    }
    .ML_80 {
      margin-left:50px;
    }
    .imagess {
      width:450px;

    }
    .st {
          font-size: 35px;
    }
    .ww {
          font-size: 60px;
    }
    .why {
      font-size:36px !important;
    }
}
@media (min-width: 1220px)  and (max-width: 1350px) {
   .imgs {
    width: 400px;
     
}
.st {
      font-size: 36px;
}
 .imagess{
      width:500px;

    }
    .ww {
          font-size: 60px;
    }
    .why {
      font-size:36px !important;
    }
 
}
.counter-wrapper .counter-items h2  {
   font-family: 'MADE-Outer-Sans', sans-serif !important;
   font-weight: 300 !important;
  text-transform: uppercase !important;
      font-size: 108px;
 }
 
@media(min-width: 1360px) and (max-width: 1600px) {
.imgs {
    width: 420px !important; 
}
.st{
      font-size: 45px;
}
.why {
      font-size:40px !important;
    }
 .imagess{
      width:600px;

    }
    .ww {
          font-size: 60px;
    }
  }
@media (min-width: 1024px) and (max-width: 1440px) {
   .mx-autos {
        margin-left: 86px !important;
        margin-right: auto !important;
   }
   .mx-autoss {
        margin-left: 315px !important;
        margin-right: auto !important;
   }
}
.text-margin {
    margin-left: 20px; /* default */
}
 
 
@media (min-width: 1024px) and (max-width: 1440px) {
   .text-margin {
        margin-left: 110px !important;
 
   }  
   .page-heading {
        margin-left: 0px !important;
        font-size: 45px;

   }
   
}
section .red-icon img {
    display: block;
    margin: 0 auto;
    width: 65px;
}
 

/* From Uiverse.io by Praashoo7 */ 
.card {
  font-family: "MADE-Outer-Sans-Bold", sans-serif !important;

    height: 100%;
   background: border-box;
  position: relative;
  overflow: hidden;
  border: none;
   
  transition: 1s ease-in-out;
  padding: 20px 10px;
  /* clip-path: polygon(30px 0%, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% 30px); */
 
  display: flex;
  flex-direction: column; 
  background-color: #08080875;
}
.card-head {
  font-size:35px;
  color: #ff0000;
   padding-top: 20px;
   font-family: 'MADE-Outer-Sans', sans-serif !important;
   font-weight: 500!important;
}
.card span {
  font-weight: bold;  
  color: #ff0000;
  text-align: center;
  display: block;
  font-size: 1em;
}

.card .info {
   font-family:'MADE-Outer-Sans', sans-serif !important;
    font-weight: 300!important;
    color: #ffffff;
    display: block;
    /* text-align: justify; */
    font-size: 25px;
    text-align: center;
    margin: 1em;
    line-height: 1.3!important;

   
}
.cta-subscribe-content span{
  font-family: 'MADE-Outer-Sans', sans-serif !important;
  font-weight: 300!important;
  font-size: 25px;
}

.card .img {
  width: 4.8em;
  height: 4.8em;
  
  border-radius: 15px;
  margin: auto;
}

.GST{
color: #ff0000;
} 

.mxauto {
      margin-left: auto !important;
      /* margin-right: auto !important; */
} 

.heading-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.heading-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background:none; /* line color */
  z-index: 0;
}

.heading-line h2,
.heading-line h6 {
  background: #fff; /* match page bg so text isn’t crossed */
  
  z-index: 1;
}
.strike {
  display: inline-block; /* so transform works properly */
  transform: rotate(45deg);
  transform-origin: center; /* rotation center */
}

.cards {
  position: relative;
      width: 360px;
    height: 410px;
  border-radius: 14px;
  z-index: 1;
    margin-top: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
  
}
.bgs {
  position: absolute;
  top: 5px;
  left: 5px;
    width: 350px;
    height: 400px;
  z-index: 2;
  background: rgba(255, 255, 255, .95);
  backdrop-filter: blur(24px);
  border-radius: 10px;
  overflow: hidden;
  outline: 2px solid white;
}

.blob {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 192px;
    height: 282px;
  border-radius: 50%;
  background-color: #ff0000;
  opacity: 0.7;
  filter: blur(12px);
  animation: blob-bounce 5s infinite ease;
}

@keyframes blob-bounce {
  0% {
    transform: translate(-100%, -100%) translate3d(0, 0, 0);
  }

  25% {
    transform: translate(-100%, -100%) translate3d(100%, 0, 0);
  }

  50% {
    transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
  }

  75% {
    transform: translate(-100%, -100%) translate3d(0, 100%, 0);
  }

  100% {
    transform: translate(-100%, -100%) translate3d(0, 0, 0);
  }
}
 .GSTS {
    color: #ff0000;
    font-size: 18px;
 }
 .alert { 
 box-shadow: 0px 0px 32px #d5d3d3 !important;
    border-radius: 10px !important;
}
.mt_50 {
    margin-top: 50px !important;
}

 
.gg {
  color: #4e4b51 !important;
}

.what-we-offer {

  background-size: cover;

  background-repeat: no-repeat;


  background-position: center center;


}

.cards h5{
  font-size:25px !important;
}
.imagee img {
    padding: 10px;
}