header{

    position: fixed !important;
    width: 100% !important;
    top: 0% !important;
    z-index: 999 !important;
}

html body{


    overflow-x: hidden !important;
}
.header-contact  p a{

    text-decoration: none ;
    color: white;
    font-size: 17px;
}

@media (max-width: 768px) {
    .head .row {
        flex-direction: column;
        text-align: center;
          margin-top: 5px;

    }

    .head-contact,
    .socialmedia-head {
        justify-content: center !important;
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 5px;
    }

    .head-contact p,
    .socialmedia-head a {
        margin-bottom: 0.5rem;
    }

    .socialmedia-head .d-flex {
        justify-content: center;
        gap: 1rem;
    }

    .head {
        padding: 10px 0;
    }
}

.head-contact p a{

    text-decoration: none;
    color: white;
    font-size: 17px;
}

.socialmeadia-head p a{

    text-decoration: none;
    color: white;
    font-size: 20px;
}

.head{

    background-color: #001F3A
    ;
}


.index-con{

    margin-top: 174px !important;
}

.offcanvas{

    width: 80% !important;
    transition: 0.4s ease-in-out !important;
}

nav ul li a{

    color: black !important;
    font-weight:600 !important;
    font-size: 18px !important;
}
nav ul li a:hover{

    color: #DF2339 !important;
}

nav ul li a:focus{

    color: #DF2339 !important;
}

nav ul li a:active{

    color: #DF2339 !important;
}



.navcontact{

    background-color: #DF2339 !important;
    color: white !important;
}

.navcontact:hover{

    background-color: #DF2339 !important;
    color: white !important;
}



.navcontact:focus{

    background-color: #DF2339 !important;
    color: white !important;
}


.navcontact:active{

    background-color: #DF2339 !important;
    color: white !important;
}

.navbar-toggler{

    font-size: 25px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 769px) {


    .offcanvas-body ul li{

        margin-top: 10px !important;
    }

    .navcontact{

        margin-top: 10px !important;

    }


}

@media (max-width: 993px) {

    .desktopview-li{

        display: none !important;
    }



    .mobileview-li{

        display: block !important;
        color: black !important;
    }

    .banner-content h2{

        color: white !important;
    }

    .banner-content  p{

        color: white !important;
        font-size: 18px;
    }

    .get-quote{

        background-color: #DF2339 !important;
    }

}


@media(max-width:1203px){

    .home-card{

        display: none !important;
    }

    .moblecard-row{

        display: block !important;
        margin-top: 10px !important;

    }

     .home-card-mble{

        margin-top: 20px;
     }

     .pro-m-col h5{

       display: none !important;
       color: black;
     }

     .pro-m-col h4{

        display: none !important;
        color: black;
      }






}
@media (max-width: 500px){

    .banner-content h2{

        color: white !important;
        font-size: 18px !important;
        margin-top: 20px;
    }

    .banner-content  p{

        color: white !important;
        font-size: 16px !important;
    }

   .banner-content p br{

    display: none !important;
   }
    .banner-content h4{

        color: white !important;
        font-size: 17px !important;
    }

    .get-quote{

        background-color: #DF2339 !important;
        font-size: small;
        margin-top: 10px;

    }

    .pro-m-col{

        padding: 50px !important;
    }

      .pro-m-col h4{


        color: black !important;
        display: block !important;
      }

      .pro-m-col h5{


        color: black !important;
        display: block !important;
      }

      .head-contact {

        display: block !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
     }
     .head-contact p{

        margin-top: -4px !important;
     }


}



.wrapper{

    position: relative;
    max-width: 100%;
}
.wrapper .owl-carousel .item{

     height: 550px !important;
     max-width: 100%;
}

.banner-content h2{

    color: white !important;
}

.banner-content h4{

    color: white !important;
}

.banner-content  p{

    color: white !important;
    font-size: 18px;
}

.get-quote{

    background-color: #DF2339 !important;
}

.banner-content{
    position: absolute;
    left: 5%;
    top: 15%;

}

.owl-carousel .owl-dots {
    position: absolute !important;
    bottom: 15%;
    left: 5%;


}

.owl-carousel .owl-dot span {
    background:white !important;
   outline: white solid 2px !important;




}

.owl-carousel .owl-dot.active span {
    background-color: #DF2339 !important;

}

 .home-card{
    width: 300px;
    height: 330px !important;
    background-color: #f8f7f3;
    border: none;
}

.home-card {
    position: relative;
    overflow: hidden;
    color: black;
    transition: color 0.4s ease;
}

/* Create a pseudo-element for the background effect */
.home-card::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #DF2339;
    z-index: 0;
    transition: height 0.8s ease;
}

/* Put content above the background */
.home-card * {
    position: relative;
    z-index: 1;
}

/* Hover effect */
.home-card:hover::before {
    height: 100%;
}

.home-card:hover {
    color: white;
    cursor: pointer;
}

 .ban-cards{

    position:absolute;
    display: flex;
    gap: 25px;
    z-index:3;
    top:70%;
    left: 30%;
 }

.home-card-mble{

    width: 300px;
    height: 330px !important;
    background-color: #f8f7f3;
    border: none;
}


.home-card-mble:hover{

    background-color: #DF2339;
    color: white;
    cursor: pointer;
}

 .server-hubcon{

    margin-top: 20%;
}

.server-head{

    color: #DF2339;
}

.serverhub-btnreadmore{

    background-color: #DF2339 !important;
}

.product-card{

    width: 290px !important;
    height: 450px !important;
    text-align: start;
    border-radius: 10px;
    background-color: #f5f5f5 !important;
}

.border-card{

    border-bottom:dashed 1px black !important;
}

.buy-now-btn{

    background-color: #DF2339 !important;
    color: white !important;
}

.product-col{

    margin-top: 30px !important;
    display: flex;
    flex-wrap: wrap !important;
    gap: 40px;
    justify-content: center;
}



.pro-m-col{

    padding: 90px;
}

.lapserver-card{

    width: 450px;
    padding: 0px !important;
    height: 190px !important;
    border: none;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);



}
.lapserver-card .card-icon i{

    font-size: 55px !important;
    padding: 20px;
    background-color: #f8f7f3;
    border-radius: 20px;
    color: #DF2339;
}

.lapserver-card .card-icon i:hover{

    color: white;
    background-color: #DF2339;
    cursor: pointer;
}

@media only screen and (max-width: 500px) {
    .lapserver-card {
      height: 200px !important;
    }
  }

  .across-india{

    margin-top: 70px;
  }

  .across-india-p{

    font-size: 19px;
    margin-top: 20px;

  }


@media only screen and (max-width: 500px) {

    .across-india-p{

        font-size: 15px;
      }

      .across-india h3{

        font-size: 19px;


      }

}

.why-choose-con {
    margin-top: 120px !important;
    background-image: url('images/why-choose.png') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.why-choose-con p{

    font-size: 18px;
}


@media only screen and (max-width: 500px) {

    .why-choose-con p{

        font-size: 15px;
    }


}

.why-choose-card{

    background-color: white;
    width: 320px;
    height: 375px;
    text-align: center;
    border: 2px solid black;
    border-radius: 10px !important;
}

.whychoose-icon i{

    font-size:50px !important;
    border:2px solid black;
    padding: 30px;
    border-radius: 50%;
}





.whychoose-icon{

    display: flex;
    justify-content: center;
    align-items: center;

}

.across-icon i{

    font-size:50px !important;
    background-color: #f8f7f3;
    padding: 30px;
    border-radius: 50%;
    color: #DF2339;
}

.across-icon i:hover{

    background-color: #DF2339 !important;
    color: white;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    color: white !important;
}


.partner-con{

    font-size: 18px;
    background-color: #19344f;

}

.partner-para{

    color: white;
}

.partners{
     position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partners .item{

    padding: 30px;
}


.partners .owl-nav {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 2%;
    width: 100%;

    pointer-events: none; /* optional */
}

.partners .owl-nav button {
    color: white !important;
    font-size: 70px !important;
    border: none;
    padding: 10px;
    pointer-events:all; /* required if using pointer-events: none above */
}

.partners .owl-nav button:hover{

    background-color:transparent !important;

}

.partners .owl-nav button.owl-prev{


    position: absolute;
    right: 100%;

}

.partners .owl-nav button.owl-next{

   position: absolute;
   left: 100%;
}


.q-card i{


    padding: 20px;
    border-radius: 50%;
    color: white;
    background-color: #001F3A;
    cursor: pointer;

}

.q-card{

    cursor: pointer;
}

.q-con{

    margin-top: 70px;
}

.q-p{

    font-size: 17px;
    width: 85%;
    display: none;


}



.q-card-o{

    width: 600px;
    border-radius: 50px;
}

.get-started-hub p{

    font-size: 18px;
}


.get-started-hub-con{

    background-image: url('images/contact.png');
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-btn{

     background-color: #DF2339 !important;
}


footer a{

    text-decoration:none;
    color: white;
}

footer p{

   color: white;
}

footer i{

    color: white;
}

footer{

    background-color: #001F3A;
    bottom: 0% !important;
    top: 100%;
}

footer h5{

  color: white;

}



.borders{

    border-bottom: solid 4px #DF2339 !important;
    width: 65px;

}


@media only screen and (max-width: 1000px) {


 .footer-col{

    display: flex;
    justify-content: start !important;
    margin-top: 30px;

 }

 .head-contact{

    display: flex !important;
    justify-content: center !important;
 }

 .socialmeadia-head{

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
 }



}

.footer-social-media{

    font-size: 22px;
    margin-top: 40px !important;
}

footer hr{


   color: white !important;
}

.footer-con{

    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 7px;
}

/* index-style-end */

/*  contact-page-style-start*/

.contact-con{

    margin-top: 210px !important;
}



.contact-wrapper{
    position: relative;
    background-image: url('images/contact-ban.png') !important;
    background-position: center;
    object-fit: cover;
    background-size: cover;
    height: 540px;
    margin-top: 173px;


}


 .contact-wrapper .con-ban-text{

    position: absolute;
    top: 40%;
    left: 33%;

 }

 .con-ban-text h4{

    text-transform: uppercase;
 }
.contact-form{

    margin-top: 50px;
}
 .contact-form p{

    font-size: 19px;
 }

 .contact-form a{

    font-size: 19px;
    color: black;
    text-decoration: none;
 }

 .contact-form i{

    color: #DF2339;
 }

 form{

    width: 70%;
    margin-top: 40px;
 }

 .form-group {

    margin-top: 20px;
 }

 .form-check-label{

    font-size: 19px;
 }

 .contact-sub{

    background-color: #DF2339 !important;
    color: white !important;
    padding: 20px !important;
    border-radius: 0%;
    width:35% !important;
    font-size: 20px !important;
    font-weight: 600;
 }


.contact-form .form-control{

     background-color:#262829;
     border-radius: 0%;



}

::placeholder{

    color: white !important;
    padding: 10px !important;
}

.form-check{

    margin-top: 20px;
}

.contact-form h2{

    margin-top: 40px;
}


.name, .mobile , .email, .company{
    height: 70px !important;
}

@media only screen and (max-width: 1000px) {

    form{

        width: 100%;
        margin-top: 40px;
     }

     .contact-wrapper .con-ban-text{

        position: absolute;
        top: 40%;
        left: 24%;

     }

}

@media only screen and (max-width: 500px) {

    .contact-wrapper .con-ban-text{

        position: absolute;
        top: 40%;
        left: 2%;

     }

}

/* contact page-end */

.service-wrapper{
    position: relative;
    background-image: url('images/banner.png') !important;
    background-position: center;
    object-fit: cover;
    background-size: cover;
    height: 540px;
    margin-top: 173px;
    width: 100%;


}


 .service-ban-text{

    position: absolute;
    top: 38%;
    left: 28%;

 }

 .ser-head p{

    font-size: 20px;
 }

 .ser-head h4{

    color: #DF2339;
 }

 .flip-card {
    background-color: transparent;
    width: 380px;
    height: 450px;
    perspective: 1000px;
  }


  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }


  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    cursor: pointer;
  }


  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    padding: 30px;
  }


  .flip-card-front {

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
    color: white;
  }


  .flip-card-back {
    background-color: #2980b9;
    color: #fff;
    transform: rotateY(180deg);
  }

  .flip-card-front h2{

    position: absolute;
    top:80%;
    left:16%;
    font-weight: 700 !important;
  }

  .flip-card-back{

    text-align: start;

  }

  .flip-card-back p{

    font-size: 19px;

  }

  .service-card-border{

    padding-bottom: 20px !important;
    border-bottom: 3px dashed white !important;
  }

  .orangecard{

    background-color: #DF2339;
  }

  .bluecard{

    background-color: #001F3A;
  }

  .service-card1{

    background-image: url('images/Server.png');
  }
  .service-card2{

    background-image: url('images/Laptop.png');
  }
  .service-card3{

    background-image: url('images/Workstation.png');
  }
  .service-card4{

    background-image: url('images/storage.png');
  }
  .service-card5{

    background-image: url('images/network.png');
  }
  .service-card6{

    background-image: url('images/IT-equipment.png');
  }


  @media only screen and (max-width: 1000px) {

    .service-ban-text{

        left: 15%;
    }
  }

  @media only screen and (max-width: 500px) {
    .service-ban-text{

        left: 4% !important;
    }

    .flip-card {

       width: 100%;;
      }
  }




.why-choose-card {
    position: relative;
    overflow: hidden;
    color: black;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: color 0.4s ease;
}

/* Gradient background overlay */
.why-choose-card::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(to top, #DF2339); /* gradient from bottom to top */
    z-index: 0;
    transition: height 0.8s ease;
}

/* Keep content above overlay */
.why-choose-card * {
    position: relative;
    z-index: 1;
}

/* On hover: fill from bottom, change text color */
.why-choose-card:hover::before {
    height: 100%;
    border: white 1px solid;
}

.why-choose-card:hover {
    color: white !important;
    cursor: pointer !important;
    border: white 1px solid;
}

.why-choose-card:hover .whychoose-icon i {
    color: white !important;

  }

/* about start */

.about-wrapper{
    position: relative;
    background-image: url('images/about-banner.png') !important;
    background-position: center;
    object-fit: cover;
    background-size: cover;
    height: 540px;
    margin-top: 173px;
    width: 100%;



}


 .about-ban-text{

    position: absolute;
    top: 38%;
    left: 19%;


 }

 .abt{

    margin-top: 80px !important;
 }

 .abt p{

    font-size: 19px;

 }

 .abt h4{

    color: #DF2339 !important;
 }

 .abt-card {

    border-radius: 50px !important;
    background-color: #f9f7f3;
    border: none;
    margin-top: 30px;
 }

 .abt-card i{


   border-radius: 50%;
   padding: 15px;
   background-color: #001F3A;
   color: white;

 }

 .product-li:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* optional, adjust if needed */
  }

  .dropdown-menu{

    left: 35%;
    background-color: #001F3A;
    padding: 15px !important;

  }



  .dropdown-menu li a{

    color: white !important;
  }

  .dropdown-divider{

    color: white !important;
  }
 .abt-card p{

    width: 94%;
 }

 /* .abt-back-img{

    background-image: url('images/why-choose2.png') !important;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    height: 100% !important;
    width: 100%;

 } */

 .abt-why-choose{

    margin-top: 90px;
    height: 88%;
 }




 .founder-card{

    height: 800px;
    border:none;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4) !important;

 }

 .founder-card img{

    width: 220px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto; /* centers the image */

 }

 .founder-txt{

    text-align: justify;

 }

 .founder-col{

    margin-top: 70px;
 }

 @media only screen and  (max-width: 440px) {

    .about-ban-text{

        position: absolute;
        left: -1%;
    }

 }

 @media only screen and (max-width: 1350px) {

 .center-img-col{

    display: none;
 }

 }


.founder-row{

    margin-top: 150px !important;
}





















  @media only screen and  (max-width: 500px) {

 .head-contact {

    display: block !important;
    text-align: center !important;
 }

 .socialmeadia-head{

    display: flex;
    justify-content: center;
    margin-left: 20px;
    margin-top: 2 !important;
 }

 .index-con{

    margin-top: 227px !important;
}

.service-wrapper{

    margin-top: 227px !important;
}

.about-wrapper{

    margin-top: 227px !important;
}

.contact-wrapper{

    margin-top: 227px !important;
}

.founder-card{

    height: 970px !important;
}
 }
 @media only screen and  (max-width: 391px) {

    .founder-card{

        height: 1060px !important;
    }
 }

 @media only screen and (min-width: 950px) and (max-width: 1030px) {

    .founder-card{

        height: 1020px !important;
    }
 }
 @media only screen and (min-width: 300px) and (max-width: 350px) {

    .founder-card{

        height: 1100px !important;
    }
 }

 @media only screen and (min-width: 300px) and (max-width: 330px) {

    .founder-card{

        height: 1200px !important;
    }
 }

 @media only screen and (min-width: 1070px) and (max-width: 1285px) {

    .founder-card{

        height: 900px !important;
    }
 }


 .dedicatedserver-con{

    margin-top: 190px !important;
 }




 .server-wrapper{
    position: relative;
    background-image: url('images/ds-banner.png') !important;
    background-position: center;
    object-fit: cover;
    background-size: cover;
    height: 540px;
    margin-top: 173px;
    width: 100%;


}


.server-ban-text i{

color: #DF2339 !important;
font-size: 22px;
}

.server-ban-text p{

     font-weight: 600;
     font-size: 18px;
}
 .server-ban-text{

    position: absolute;
    top: 20%;
    left: 5%;

 }

 .server-ban-text a{
   position: absolute;
    background-color: #DF2339;
    color: white;
    left: 0%;
    margin-top: 20px;
 }

 #servermodal{

    background-image: url('images/servermodel-banner.png') !important;
 }

 #workstation{

    background-image: url('images/workstation-banner.png') !important;
 }
 #powerfulseries{
    background-image: url('images/powerfulseries-banner.png') !important;
 }

 #serverhosting{
    background-image: url('images/serverhosting-banner.png') !important;
 }

 #cpanel{
    background-image: url('images/cpanel-banner.png') !important;

 }

 #serverstorage{
    background-image: url('images/serverstorage-banner.png') !important;
 }
 @media only screen and  (max-width: 500px) {


    .p-text{

        display: block !important;
        text-align: start;

    }

 }

 .product-plan-card{

    width: 260px;
    height: 120px;
     display: flex;
     justify-content: center;
     background-color: white;
     padding: 30px;
     border-radius: 10px;
     flex-wrap: wrap !important;

 }

 .product-plan-card p{

     font-size: 19px;
     font-weight: 600;
 }

 .product-plan-card i{

    color: #DF2339;
 }

 .plan-con{

    background-color: #001F3A;
 }



 @media only screen and  (max-width: 500px) {

    .plan-con{

        display: flex !important;
        justify-content: center !important;
    }
 }

 .bd-server{

    background-color: #001F3A;
 }


 .product-cards p{

    font-size: 17px;
    font-weight: 400;
 }



 .flip-cards {
    perspective: 1000px;
    width: 320px;
    height: 600px !important;
    margin: auto;
}

.flip-cards-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-cards:hover .flip-cards-inner {
    transform: rotateY(180deg);
}

.product-cards {
    position: absolute;
    width: 320px !important;
    height: 545px !important;
    backface-visibility: hidden;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
}

.back {
    transform: rotateY(180deg);
}


/* KJM Simple Button-Like Pagination */
.pagination {
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination .page-item {
    margin: 0 4px;
}

.pagination .page-link {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 16px;
    color: #333;
    font-weight: 500;
    transition: 0.2s ease;
}

.pagination .page-link:hover {
    background-color: #f2f2f2;
    color: #000;
}

.pagination .page-item.active .page-link {
    background-color:#DF2339;  /* KJM Orange */
    color: #fff;
    border-color: #DF2339;
}

.pagination .page-item.disabled .page-link {
    color: #bbb;
    background-color: #f9f9f9;
    pointer-events: none;
    border-color: #eee;
}


.servermodelcard{

    height: 540px !important;
}

.login-card{

    margin-top: 190px !important;
}

.loginfrm{

    width: 100%;
}

.loginfrm ::placeholder{

    color: gray !important;
    margin: 0 !important;
    padding: 0 !important;
}

.loginfrm button{

    background-color: #DF2339 !important;
    color: white;
}

.text-admin{

    color: #001F3A !important;
}

/* Fullscreen background */
#preloader {
    position: fixed;
    inset: 0;
    background-color: #ffffff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Loader wrapper */
  .loader-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Glowing gradient ring */
  .loader-ring {
    width: 70px;
    height: 70px;
    border: 6px solid transparent;
    border-top: 6px solid #DF2339;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    background: conic-gradient(from 180deg at 50% 50%, #DF2339, #ff6666, #DF2339);
    background-size: 200% 200%;
    box-shadow: 0 0 15px rgba(223, 35, 57, 0.4);
  }

  /* Loading text */
  .loader-text {
    margin-top: 20px;
    font-size: 18px;
    font-family: 'Segoe UI', sans-serif;
    color: #DF2339;
    font-weight: 600;
    letter-spacing: 1px;
  }

  /* Animated dots */
  .loader-text .dot {
    animation: blink 1.5s infinite;
    opacity: 0;
  }
  .loader-text .dot:nth-child(1) { animation-delay: 0s; }
  .loader-text .dot:nth-child(2) { animation-delay: 0.3s; }
  .loader-text .dot:nth-child(3) { animation-delay: 0.6s; }

  @keyframes spin {
    to { transform: rotate(360deg); }
  }

  @keyframes blink {
    0%, 20% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
  }

  html, body{

    overflow-x: hidden !important;
  }


  @media (max-width: 500px) {

   .why-choose-card{

    height: 400px !important;
   }
  }

  /* Hide default cursor */


  /* Custom cursor circle */
  .cursor-circle {
    position: fixed;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #DF2339;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%);
    transition: transform 0.05s ease;
  }

.abt-why-choose i{

    color: #DF2339 !important;
    font-size: 30px !important;

}



@media (max-width: 950px) {
    .cursor-circle{

        display: none !important;
    }

}
@media (min-width: 1200px) and (max-width: 1350px) {


    .founder-card{

        height: 1200px !important;

    }
}

.connect-btn{

    background-color: #DF2339 !important;
}

.why-choose-head{

    color: #DF2339;
    margin-left: 110px !important;
}

.whychoose-row p{

   font-size: 19px !important;
}
.whychoose-row{

    margin-top: 60px;
}

.profile{

    border-radius: 50% !important;
    width: 200px;
    height: 200px;
}

.profile-card p{

    text-align: justify;
    font-size: 18px;

}

.profile-card{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    border: none ;
}



@media (max-width: 500px) {

    .depend-col{
         margin-top: 30px;

    }
}

.whychoose-row  i{

    color: #DF2339 !important;
}